/* CSS Document */
/*The text is defined as aligned 'center' in order to center the website in the middle of the explorer.
This value is set back in the #global which contain all the html code in your page*/
body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0;
	padding:0;
	line-height: 1.4em;
	background-color:#FFFFE9;
	color:#001C37;
}

/*border defined as 0 in order to prevent border around a picture which is a link*/
img{
	border:0;
}

/*delete pre-defined value in some browsers*/
form{
	margin:0;
}

/*allows to center the site in the middle of the html page with margin right and left set as 'auto'*/
div#global{
	position: relative;
	margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	text-align: left;
	width:750px;
}


/*header containing the logo and banner*/
#header{
	width:750px;
	background-color:#FFC;
	height:109px;
}

#header a{
     text-decoration:none;
}

#header a:hover{
    text-decoration:none;
}

img.crest { 
    float: left; 
    margin: 0px; 
}

img.floatLeft{
   float:left;
   margin:15px 10px;
}

img.floatRight{
   float:right;
   margin:15px 10px;
}



#logo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	color: black;
	text-align: left;
	text-indent: 20px;
	padding: 60px 50px;
}

#whitetext {
  color: white;
  font-size: large;
}

#main_menu{
	float:left;
	background:#333333;
	width:750px;
}

#main_menu ul{
	float:left;
	padding:4px;
	margin:0;
}

#main_menu li{
	display:inline;
	list-style-type:none;
}

#main_menu a{
	color:#dddddd;
	font-weight:bold;
	text-decoration:none;
	padding:0px 4px 0px 4px;
}

#main_menu a:hover, #main_menu a.active{
	color:#fff;
}

#content{
  	width:750px;
	padding:20px 10px 20px 10px;
	font-size: 100%;
	color:#333;
	voice-family: "\"}\"";
  	voice-family:inherit;
	width:730px;
}

html>body div#content{
	width:730px;
}

#content h2{
   color:#890000;
}

#content a{
   color:#890000;
}

#content a:hover{
    color:#893333;
 }
 
#content ul{
   list-style: square inside;
}
 

div#footer{
	font-size:90%;
	line-height:1.3em;
	float:left;
	background-color:#DBDBDB;
	padding:5px 4px 5px 4px;
	width:750px;
	voice-family: "\"}\"";
  	voice-family:inherit;
	width:742px;
}

div#footer a{
   color:#555;
    text-decoration:none;
 }

html>body div#footer{
	width:742px;
}

.textbox{
   color: #333333;
   margin: 20px 30px;
}

.light{
   color:#444;
}

#breadcrumb {
   padding: 4px;
   margin:20px 0px 0px 0px;
   }
   
#breadcrumb h3 {
  display: none;
}

#breadcrumb ul {
   display: inline;
   padding-left: 0;
   margin-left: 0;
}

#breadcrumb ul li {
  display: inline;
}

#breadcrumb ul li a:link {
   padding: .2em;
}

#breadcrumb ul ul li {
   background-image: url(../images/arrow.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 12px;
}

.halfbox{
   float: left;
   width:280px;;
   padding: 5px 10px;
}

ul .flat{
   	margin:2px 0 5px 5px;
	padding:0;
}

.command  { font: italic 14px/16px Arial, Helvetica, sans-serif; text-transform: none; padding-right: 0 }