body {
	padding: 0;
	margin: 0;
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
}
html, body{height:100%;
text-align:center; /* for IE */ 


} 
/* end hack */ 

#container
{
	margin: 25px auto 0;
	width: 950px;
	background-color: #fff;
	color: #333;
	border: 2px solid #C6C2D3;
}


#bandeau
{
	width: 950px;
	background-color: #DCDAE4;
	color: #000000;
	height: auto;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C6C2D3;
	border-bottom-color: #C6C2D3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin-bottom: 2px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#top
{
	background-color:#FFFFFF;
	height:170px;
	background-image: url(../graphics/header.png);
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	clip: rect(auto,auto,auto,auto);
}

#titresite
{
	color:#000000;
	font-style:italic;
	text-decoration:none;
	border:0;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}

#top h1
{
	text-align:center;
	color:#000000;
	padding: 0;
	margin: 0;
	font-style:italic;
	text-decoration:none;
	border:0;
	font-family: "Courier New", Courier, monospace;
	font-size: 24px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}

#leftnav
{
position:relative;/*ie needs this to show float */
float: left;
width: 15%;
margin: 0;
padding: 5px ;
text-align:left;
font-size:80%;


}

#content
{
padding:2px;
float:left;
text-align:left;
width:77%;
background-color: #fff;
}

#footer
{
	font-family:Arial, Helvetica, sans-serif;
	clear: both;
	margin: 0;
	padding: 0.5em;
	font-size:10px;
	color:#000000;
	font-style: normal;
	text-decoration: none;
	background-color: #DEDBE5;
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #C6C2D3;
}

#leftnav p {
	margin: 0 0 1em 0;

}
#content h2 { margin: 0 0 .5em 0; }

.vertmenu {
font-size: 100%;
width: 95%;
padding: 0px;
margin: 25px 0px 0px 0px;

}

.vertmenu h1 {
	color: #000000;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	font-weight: bold;
	background-color: #DEDBE5;
	background-image: url(../graphics/titlebar.png);
	background-repeat: repeat-x;
	background-position: left center;
	font-style: italic;
}

.vertmenu ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}
.vertmenu ul li {
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.vertmenu ul li a {
color:#003366;
background: url(../graphics/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;

}


.vertmenu ul li a:hover, .vertmenu ul li a:focus {
color: #D16410;
background-color:#FFFBE1;
}


#right-column{
position:relative;/*ie needs this to show float */
margin: 0;
padding: 5px;
text-align:left;
font-size:80%;
width: 20%;
float:right;
background-color:#F5F5F5;
height:100%;

}

/*minitabs start here*/

ul#minitabs{list-style: none;margin: 0;padding: 7px 0;
  border-bottom: 1px solid #CCC;font-weight: bold;
  font-size:85%;
  text-align: center;white-space: nowrap}
ul#minitabs li{display: inline;margin: 0 3px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 4px solid #FFF;color: #999;
  background-image:none;}

ul#minitabs a:hover{border-color: #00CCFF;color: #666666;
background-color:transparent
}