/* CSS Document */
html{
font-size:100%;
}

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

span#hide {/*back to graphic version on the text only version - hide on the graphic version*/
	position: relative;
	left:-327px;
}



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

p {
	border: 0;
	margin: 0;
	padding: 0;
	line-height:1em;
	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:1em;
}
h2{
background-color: #E9E9E9;
height: 2em;
padding-top: 1em;
padding-left: 0.5em;
color:#7c141b;
font-size:0.7em;
margin:0;
border-top:1px solid #d1d1d1;
}
/**************
general class
**************/

.imgAlignMiddle {
	vertical-align: middle;
}

.imgAlignTop {
	vertical-align: top;
}
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}
.smallLink{
font-size:0.7em;}

.button{
background-color:#CCCCCC;
display:block;
width:5em;
height:0.7em;
padding:10px;
padding-left:10px;
margin-top:5px;
margin-bottom:0px;
color:#666666;
font-size:1em
}
.button:hover{
background-color:#FFFFCC;
}


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

div#global{/* includes everything:  main div  and footer*/
 	position: relative;/* global div position */
 	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: 101px;
	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;
	display:table;/*compulsory to have the content that push the bottom*/
	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:0.8em;
}

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

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

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


ul#firstLevel li{
background-color:#FFFFCC;
height:2em;
font-weight:bold;
padding-top:0.7em;
padding-left:0.5em;
border-bottom:5px solid #666666;
display:block;
}
li.secondLevel{
background-color: #D2A09E;
font-weight:bold;
padding-top:0.7em;
padding-left:0.5em;
border-bottom:5px solid #666666;
line-height:0.8em;

}
ul#firstLevel a, li.secondLevel a{
color:#333333;
display:block;
}

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-color:#999999;
margin-left:-0.5em;
padding-left:30px;
padding-top:5px;
}
.submenu:hover{
color:#7c141b;
}






div.logBoxLeft{
margin-left:7px;
display:table;
margin-bottom:10px;
}
div.logBox{
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;
display:block;
min-height:30px;
height:100%;
margin:0;
padding:10px;

}
div.logBox div a{
font-weight:bold;
}
div.logBox div select, input{
margin-top:7px;
width:160px;
height:2em;
font-size:1em;
}

/**************
main content class
**************/
ul.members{
width:192px;
float:left;
}
ul.members li{
margin-bottom:1em;
}
ul.members li a{
color:#7c141b;
font-weight:bold;
font-size:1em;
line-height:1em;
}
/**************
right column class
**************/
div.boxRight{
padding-left:10px;
padding-right:5px;
margin-bottom:-20px;
}
div#right ul li{
line-height:1em;
font-weight:bold;
}

H2#topTitle{
border-top:0px;
}
p.boxDotted{
border-top:1px #CCCCCC dotted;
border-bottom:1px #CCCCCC dotted;
height: 2em;
margin-right: 5px;
margin-bottom:10px;
margin-top:10px;
padding-top: 3px;
font-family:Helvetica, Arial, sans-serif;
font-size:0.8em;
}

a.titleGreyYellowBack {
font-weight: bold;
font-size: 1em;
background-color: #ffffcc;
font-variant: small-caps;
color: #666666;
line-height: 1em;
}
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
**************/