/* MLP Design (http://www.mlpdesign.tk) 
background:url(img/bg.gif) top center repeat-y #666;
*/

body
{ background-color:#0084C7;
  color: #333;
  font-size:12pt;
  margin:0;}
  
a:link, a:visited, a:active
{ color:navy;}

a:hover
{ color:#08c;}

ul 
{ list-style:none;  } /*padding:0 0 8px 10px; padding:1px;      padding: 5px 0px 5px 0px;*/

li
{  margin:5px; width:175px;}

li a:link, li a:visited, li a:active
{ background: #559933; color:#fff; text-decoration: none; display:block;}

li a:hover
{ background-color: #008800; text-decoration: none; }

h1
{font-size:16pt; font-weight:normal; margin:0;}

h2
{font-size:8pt; font-weight:normal; margin:0; text-transform:uppercase;}
/*url(img/headerbg.gif) 0 0 no-repeat*/
#header
{ width:735px; margin:auto; background-color: #09c; color:#fff;
  font-size:20pt; padding:20px 0 20px 15px; letter-spacing:3px; text-align:center; }
  
#imgHeader {
background-color:white;}
#imgHeader span{
	display: block; 
		background: white url('img/bluetl.gif') top left no-repeat;
}
#imgHeader span span {
	
background: url('img/bluetr.gif') top right no-repeat;

}



  
#menu
{ width:750px; margin:auto; height:25px; background:#22bb00; color:inherit; font-size:9pt; font-family: Lucida Calligraphy; clear:both; border-bottom: solid 4px navy; }

#MainBody
{ width:750px; margin:auto; background:white; height:inherit;}  /*color:#fff;*/
  
#sidebar
{ width:215px; height:100%; padding-right:5px; background:white; float:right; color:inherit; font-size:80%; font-family: Lucida Calligraphy; text-align:center; }

#sidebar a:link, #sidebar a:visited, #sidebar a:active
{
	margin-left: 5px; margin-right:10px; margin-top:20px; margin-bottom:20px; width:200px; padding: 10px 0 10px 0; 
	background: #22bb00; color:#fff; display:block; font-size:9pt; text-decoration:none;
	text-align:center; 
}

#sidebar a:hover
{
	background:#008800; color:#fff;
}
/*#09c*/
#footer
{ width:750px;  margin:auto; text-align:center;vertical-align:top;background:#22bb00;
 color:#fff; font-size:8pt;  border-top: solid 4px navy; 
  }
#footer span
{
	display:block;
	background: url('img/bluebr.gif') bottom right no-repeat;

}
#footer span span
{
	
	background:  url('img/bluebl.gif') bottom left no-repeat;
	padding-bottom:5em;
	padding-top:2em;
	height:0;
}
#footer a:link, #footer a:visited, #footer a:active
{ background-color: inherit; color:#fff; text-decoration: none;}

#footer a:hover
{ background-color: inherit; text-decoration: underline; color:#f90;}

.header
{ font-size:8pt; font-weight:normal; letter-spacing:0; text-transform:none; padding-top:10px;}
  
.menu 
{ width:150px; height:25px; float:left; font-family: Tahoma,sans-serif;
text-align:center; text-transform:uppercase; }

.menu a:link, .menu a:visited, .menu a:active
{ background:inherit; text-decoration: none; color:#fff;display:block; height:17px; padding-top:8px; font-weight:bold; font-size:7pt;}

.menu a:hover
{ background:#008800; text-decoration:none; color:#fff;}

.content
{ width:495px;float:left; height:100%; padding:10px; background-color:white; color:#559933;font-weight:bold; border-right:medium navy solid; }/*background-color:#559933;*/

.content img
{border:0; float:left; margin-right:10px; }

.content h1
{
	font-family: Lucida Calligraphy;
}
.topside
{ background: #559933;  padding: 15px 0 5px 0; font-size:10pt; letter-spacing:2px; font-weight:normal; }

.footer 
{ clear:both; }

.img
{border:0; }

.center
{text-align:center; padding-top:5px;}

.WhoHeader
{
	text-decoration: underline; font-size:13pt; color:Navy;
}
/*
div span {
		display: block; /* sets all spans inside p to block, so only need this once 
		background: url(images/sifakaptr.gif) top right no-repeat;
	}
	
	div span span {
		background: url(images/sifakapbr.gif) bottom right no-repeat;
	}
	
	div span span span {
		padding: 2em;
		height: 0; /* fixes a padding bug in IE 
		background: url(images/sifakapbl.gif) bottom left no-repeat;
	}
	
	div span span > span {
		height: auto; /* sets the height back to auto for all other browsers
	}
*/