/* CSS Document */


body {
	margin: 0;
	text-align: center;/*correct IE bug */
 	background-color: #cdcdcd; /* dark grey background */
	background-image: url(../Resources/backgroundGlobal.jpg);
	background-repeat:repeat-x;
	font-family: Helvetica, Arial,sans-serif;
	font-size: 12px;
	color: #707072;
	height: 100%;
}

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: absolute;
	top: -1000px;
}



/**************
common tag
**************/

p {
	border: 0;
	margin: 0;
	padding: 0;
	line-height:18px;
	font-family: Georgia, Arial, sans-serif;
}

ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: #707072;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
form {
	border: 0;
	margin: 0;
	padding: 0;
}
h1{
margin-top:20px;
color:#7c141b;
font-size:13px;
margin-bottom:5px;
}
h2{
background-image: url(../Resources/backgroundH2.gif);
background-repeat: repeat-x;
height: 28px;
padding-top: 10px;
padding-left: 10px;
color:#7c141b;
font-size:13px;
margin:0;
border-top:1px solid #d1d1d1;
}
h3{
color:#7c141b;
font-size:13px;
}
/**************
general class
**************/

.imgAlignMiddle {
	vertical-align: middle;
}

.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}
.imgMargin{
margin:15px;
float:left;
margin-top:7px;
margin-left:0;
border:1px solid #333333;
}
.borderImg{
border:1px solid #333333;
}
.floatRight {
	float: right;
}
.smallLink{
font-size:11px;}

.button{
background-image:url(../Resources/button.gif);
background-repeat:no-repeat;
display:block;
width:79px;
height:10px;
padding:10px;
padding-left:10px;
margin-top:5px;
margin-bottom:0px;
color:#666666;
}
.button:hover{
background:none;
background-image:url(../Resources/button_over.gif);
background-repeat:no-repeat;
}

.imgLeftMargin{
margin-right: 15px;
margin-bottom: 15px;
float: left;
margin-top: 7px;
margin-left: 0pt;

border: 1px #333333 solid;
}
.wideImg{
margin-top: 5px;

}
.imgRightMargin{
float:right;
margin-left:5px;
margin-top:5px;
}



/**************
main structure
**************/

div#global{/* includes everything:  main div  and footer*/
 	
 	margin: auto;
	width: 900px;/* page size */
	text-align: left;
	background:none;/* if changed it will affect the background color of the footer*/
	display: table;/* necessary to work with height 100%*/
}

div#header {
	height: 103px;
	width: 900px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}

div#main {
background-image:url(../Resources/background.jpg);
background-repeat:repeat-y;
	width: 900px;
	overflow: auto;
	border: 0;
	margin: 0;
	padding: 0;
}

/* from here be really carefull of size  margin and padding - if a div doesn't have enough space it will go under the other.

quick reminder :
-> FOR ALL BROWSER : width or height = content size + padding + border.
-> FOR IE : width or height = content size including padding and border.

 */
div#left {
	float:left;
	width: 206px;
	min-height: 600px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	border: 0;
	margin: 0;
	padding: 37px 0px 10px 1px;
	background-image:url(../Resources/backgroundLeft.gif);
	background-repeat:no-repeat;
	background-position:top;
}
div#contentAndRight{ /* div that contains the main content and the right column necessary to allow a background behind the right column - if no background is needed then get rid of it */ 
	float:left;
	width:686px;/* Width of content and right div becarefull of padding and border */
}
div#content{/*Bottom link menu*/
	float:left;
	min-height: 400px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	width:409px;
	display:block;
	border: 0;
	margin: 0;
	padding: 20px 0px 20px 20px;
}
div#right {
	float:left;
	width: 215px;
	min-height: 493px; /* understood by all browser will set the size to that minimum size if not enough content. IE will need a proper height  */
	height: 100%; /* compulsory for the content to push other bloc down  */
	display:block;
	margin: 20px 20px 20px 20px;
	padding:0;
	border:1px solid #999999;

}
div#bottomLink{/*Bottom link menu*/
	min-height: 55px;
	height:100%;
	width: 900px;
	display:block;
	border: 0;
	margin: 0;
	padding: 0;
	background-image: url(../Resources/backgroundBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	text-align:right;
}


div#footer{
	height: 20px;
	width: 900px;
	display:block;
	border: 0;
	margin: 0;
	padding: 20px 0px 30px 20px;
	font-size:11px;
}

/**************
header class
**************/

/**************
breadcrumb class
**************/

/**************
left column class
**************/

li.firstLevel{
background-image:url(../Resources/backgroundMenu.jpg);
background-repeat:no-repeat;
font-weight:bold;
padding-top:7px;
padding-left:20px;
display:block;
line-height:17px;
margin-bottom:5px;
}


ul#firstLevel a, li.secondLevel a{
color:#333333;
/*display:block;*/
}
li.secondLevel{
background-image:url(../Resources/backgroundMenu2.jpg);
background-repeat:no-repeat;
font-weight:bold;
padding-top:7px;
padding-left:20px;
display:block;
line-height:17px;
margin-bottom:5px;
}


ul#secondLevel {
width: 215px;
margin-left: 1px;
margin-top: 50px;
display:block;
}
.hide{
display: none;
}

.show{
display: block;
clear: both;
}

.menu1{
display:block;
cursor: pointer;
text-align: left;
margin-left:-15px;
}
.menu1:hover{
text-decoration: none ;
color:#7c141b;
}
.submenu{
background-image:url(../Resources/backgroundMenu3.jpg);
background-repeat:repeat-y;
margin-left:-20px;
padding-left:30px;
padding-top:5px;
}
.submenu:hover{
color:#7c141b;
}




div.logBoxLeft{
margin-left:7px;
display:table;
margin-bottom:10px;
}
div.logBox{
background:none;
background-image:url(../Resources/bckgd_box_log_repeat.gif);
background-repeat:repeat-y;
width:190px;
min-height:30px;
height:100%;
margin:0;
padding:0;
display:block;
}
div.logBox div{
background-image:url(../Resources/bckgd_box_log_top_2.gif);
background-repeat:no-repeat;
background-position:top left;
display:block;
min-height:30px;
height:100%;
margin:0;
padding:10px;

}
div.logBox div a{
font-weight:bold;
}
div.logBox div select, input{
width:160px;
height:18px;
margin-bottom:5px;

}


/**************
main content class
**************/
ul.members{
width:200px;
float:left;
}
ul.members li a{
color:#7c141b;
font-weight:bold;
font-size:10px;
line-height:14px;
}

div#content span{
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
}
div#content p{
margin-bottom:20px;
}
div#content img{
margin-top:5px;
}

table.human{
vertical-align:top;
border-spacing:10px;}

table.human td{
vertical-align:top;
line-height:15px;
}
ul.text li{
list-style:square;
list-style-position:outside;
line-height:15px;
margin-left:30px;
}
/**************
right column class
**************/
div.boxRight{
padding-left:10px;
padding-right:5px;
/*margin-bottom:-20px;*/
}
div#right ul li{
line-height:13px;
font-weight:bold;
}
div.boxRight div {
margin-top: 6px;
padding-bottom: 6px;
}
div.boxRight div p {
line-height: 13px;
font-weight: bold;
font-family: Helvetica, Arial, Sans-Serif;
background-color:#FFFFFF;
padding-top:5px;
padding-bottom:5px;
}
H2#topTitle{
border-top:0px;
}
p.boxDotted{
border-top:1px #CCCCCC dotted;
border-bottom:1px #CCCCCC dotted;
height: 23px;
margin-right: 5px;
margin-bottom:10px;
margin-top:10px;
padding-top:3px;
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
}

a.titleGreyYellowBack {
font-weight: bold;
font-size: 14px;
background-color: #ffffcc;
text-transform:uppercase;
color: #666666;
line-height: 13px;
}
a.titleGreyYellowBack:hover{
background-color: #ffffff;
text-decoration: none;
}
div#new{
position:relative;
top:43px;
left:203px;
height:36px;
width:40px;
}
img#newSize{
height:36px;
width:36px;

}



/**************
Bottom Link class
**************/
img.logoBottom{
margin: 0px 41px 00px 3px;

}

div#imgBottom{
margin: 0px 20px 30px 3px;
}
img#imgRss {
	vertical-align: middle;
	margin: 3px;
	width: 29px;
	height: 36px;
}

/**************
footer class
**************/