html,body{margin:0;padding:0}

body{margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color: #222d2d;
	color:#e6ffd4;
}

div#container{
	width:72em;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#3e4f4f;*/
}
	
p{margin:0 10px 10px}

a{color:#CCFF99}
a:hover{text-decoration:none}
.switch{color:#FFFFFF; margin-bottom:30px; padding-left:10px; text-decoration:none;}
.switch:hover{text-decoration:underline;}
div#header{ 
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#4FACE9;
	width:72em;
	height:129px;
	margin-left:-1px;
	margin-top:10px;}

div#content h1{/*the top of the page page title*/ 
	margin:0;
	margin-top:-3px;
	margin-bottom:10px;
	padding-left:10px;
	color: #94b3c5;
	/*color:#9cb500;*/
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size:1.5em;
 }
div#content h2 { /*the sub headers in the page content*/
	color:#c0d505;
	/*color:#66CC33;*/
	font-size:1.3em;
	padding-left:10px;
	
}
div#content h3 {
	color:#99CC00;
	font-size:1.3em;
	margin-left:10px;
}

div#content{
	
	margin-left:250px;
	background-color:#2f3e3e;
	padding-top:20px;
	padding:15px;
	background-image:url(images/contpaneltop.gif);
	background-position: inherit;
	background-repeat:no-repeat;
	min-height:325px;
	margin-bottom:10px;
	
	
}
  
div#content p{line-height:1.4}

div#simplecontent{/*the content panel on pages without the div#side */
	background-color:#2f3e3e;
	padding-top:20px;
	padding:15px;
	background-image:url(images/contpaneltop.gif);
	background-position: inherit;
	background-repeat:no-repeat;
	border-left:11px solid #1C2627;
	margin-left:1px;
	

}
div#simplecontent h1{/*the top of the page page title*/ 
	margin:0;
	margin-top:-3px;
	margin-bottom:10px;
	padding-left:10px;
	color: #94b3c5;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size:1.4em;
 }
div#simplecontent h2 { /*the sub headers in the page content*/
	color:#c0d505;
	font-size:1.4em;
	padding-left:10px;
}

div#simplecontent p{line-height:1.4}

div#contentfoot{margin-left:-35px;
	background:#2f3e3e;
	margin-bottom:10px;

}

div#side{
	/*background:#3e4f4f;*/
	background-image:url(images/siderepeat.gif);
	background-repeat:repeat-y;
	background-position:left;
	float:left;
	width:230px;
	margin-left:-100%;
	padding-left: 8px ;
	padding-top: 20px;
	padding-right:12px;
	
	
}

div#extra{
	margin-top:10px;
	padding-top:5px;
	/*background:#333;*/
	color:#FFF;
	clear:left;
	width:72em;
	
}
div#extra a {color:#fff;
	display:inline;
	text-decoration:none;
	padding:10px;
	
}
div#extra a:hover{text-decoration:underline;}
div#left{/*controls the position of the address links at the foot*/
	float:left;}
div#mid{
	width:30%;
	margin-left:auto;
	margin-right:auto;
}
div#right{
	float:right;}
#extra img{float:left;
	margin-right:5px;}
#extra#right img{margin-right:-5px;}

div#footer a{
	margin-left:33em;
	padding:5px 10px;
	color: #999999;
	font-size:0.8em;
	text-decoration:none;
}
div#footer a:hover{
	text-decoration:underline;
}

div#wrapper{float:left;width:100%}

/*the horizontal navigation bar stuff#################################################*/

div#navback {
	
	background: #1D2626;
	width:71em;
	height:2em;
	margin-left:1px;
	padding-left:11px;
	padding-top: 2px;
	
}

#nav, #nav ul {

	padding: 0;
	margin: 0;
	list-style: none;
	height:2em;
	}

#nav a {
	display: block;
	width:8em;
	color: #F0EFFC;
	padding: 0.1em 0.2em 0.1em /*0.5em*/;
	background-color: #2587ff;
	text-decoration: none;
	text-align:left;
	font-size: 1.3em;
	border-left:5px solid #006699;
}
#nav a:hover {
	background-color: #1772dd;
	border-left: 5px solid #F44D4D;}

#nav li {
	float: left;
	width:8em;
	
}
#nav li ul {
	position: absolute;
	width: 8em;
	left: -999em;
	
}

#nav li ul li a{
	border:1px solid #E1F0F2;
	border-left: 5px solid #006699;
	}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#container #side img {
	margin-left: -8px;
}


#nav .current{
	border-left:5px solid #F44D4D;
	background-color:#1772dd;}

/*the 'latest' panel######################################################*/
#latest a {display:block;
	text-decoration:none;
	height:4em;
	margin-left:1px;
	width:238px;
	color: #F4F7FB;
	border-top:dotted 1px #CCFF99;
	margin-bottom: -5px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
#latest a:hover {
	background-image:url(images/sidepaneover.gif);
	background-repeat:none;
	background-position:left;
	height:4em;
	}
#latest p.style1{color:#CCFF99;
	font-size:1em;
	font-weight:500;}

#latest td{text-align:center;
	}

/*###########################the table formatting########################*/
.table{border-collapse: collapse;
	margin-left:10px;
	margin-bottom:20px;
	table-layout:auto;
}
.tableheader{
	color: #CCFF99;
	font-size: 1.1em;
	font-weight:600;
}
.table td{
	border: 1px solid #99FF33;
	padding: 4px;
/*	padding-top:4px;
	padding-bottom:4px;*/
}
caption{margin-bottom:3px;
	font-size:1.2em;
}
.holiday{	
	background-color:#C77910;
}
.term{background-color:#999933;
	}

.inset{ 
	background-color: #669900;
  	width:5%;
	
}
/*the formating for the 'starred list' on kimmeridge pages########################*/
ul#bulletlist{
	font-size:1.3em;
	list-style-image: url(images/star.gif);
	
}
.bulletlist{font-size:1.3em;
	list-style-image: url(images/star.gif);
}
ul#bulletlist a{ 
	color:#e6ffd4;
	
}
ul#bulletlist li{ 
	margin-bottom:3px;

	
}
/*the image and captions########################################*/
.floatright{
	float:right;
	margin:10px;
	margin-top:20px;
	background-color:#384747;
}
.floatright img{
	border: 5px solid #3d4d4d;
}
.floatright p{
	clear:right;
	font-size:0.9em;
	}
.floatleft{
	float:left;
	margin:10px;
	margin-top:20px;
	margin-right:30px;
	background-color:#384747;
}
.floatleft img{
	border: 5px solid #3d4d4d;
}
.floatleft p{
	clear:right;
	font-size:0.9em;
	}
/*the large table on the kimmeridge pages##############################*/
.table2{border-collapse: collapse;
	margin-left:10px;
	margin-bottom:20px;
	width:100%;
}
.clear {clear:right}
