/* CSS Document */
body {
 	margin: 0;
	padding: 0;
		font-family: arial, helvetica, san serif;
	font-size: 11px;
	color: #333333;
	background-color: #fff; 

 }
 
 td, th, p {
		font-family: arial, helvetica, san serif;
	font-size: 12px;
	color: #333333;
}

 
 h1 {
 	color:#5B5B5B;
	font-size: 18px;
	font-family: "myriad pro", "Lucida Grande", "Trebuchet MS";
}


/*for centering*/

div#wrap {
  width: 847px;
  padding: 0px;
  margin: 0 auto;
  text-align: left;
 }

 
div#branding {
  	margin: 0;
	padding: 0px 0px 0px 99px;
	height: 116px;
	background: url(../images/logo.jpg) no-repeat top left
}

div#branding h1 {
  margin: 0;
  padding:10px 0 0 0;
  letter-spacing: 1mm;
  text-decoration: none;
  font-size: 24;
  color: #5A7DBA;
	font-family: "myriad pro", "Lucida Grande", "Trebuchet MS";
  }

div#navigation {
	margin: 0;
	padding: 6;
	font-family: "myriad pro",Verdana, Arial, Helvetica, sans-serif;
 	color: white;
	background-color: #5B5B5B;
	font-size: 12px;
	letter-spacing: .5mm;
}

div#navigation ul {

	padding: 0; 
 	margin: 0; 
	list-style-type:none;
	text-align: right;
}
	div#navigation li{ display:inline;}
	div#navigation li a { margin: auto 0px; padding: 2px 6px; color: #D8DFEA; 
  				text-decoration: none; }
	div#navigation li a:hover { background-color: #526DA4;}
	

/*Note: individual "slogan" declarations are in the individual html documents to be able to modify the background banner within*/

 div#slogan h1{
 	padding: 0; 
 	margin: 0; 
  font-family: "myriad pro","Lucida Grande", "Trebuchet MS";
  text-align: right;
  text-decoration: none;
  font-size: 24px;
  color: #1919BD;
  text-shadow: #81A75B 2px 2px 2px;
  }
  
 div#slogan h2{
 padding: 0; 
 	margin: 0; 
  font-family: "myriad pro","Lucida Grande", "Trebuchet MS";
  text-align: right;
  text-decoration: none;
  font-size: 16px;
  color: black;
  }
  
div#slogan a {
  text-align: right;
	padding: 0; 
 	margin: 0;
	font-family: "myriad pro","Lucida Grande", "Trebuchet MS";
  font-style:italic;
  font-size: 14px;
  }
  
div#main{
	margin-top:10px
}

div#content{
float:left;
	padding:0px 20px 0px 20px;
	margin:0;
	width:40%;
}

div#showcase{
float:right;
	padding:0px 20px 0px 20px;
	margin:0;
	width:50%;

}

div#links{
	padding:0;
	margin:0;
	clear:both;
	width:857;
	text-align:center;
}


.linkbox {
	display:inline;
	padding:0;
	margin:0;
	display:block;
	width:250;
	height:225;
	vertical-align:top;
}


.linkbox_header{
	margin:0;
	padding:8;
}
.linkbox_header h1{
	color:white;
	font-size:14px;
	margin:0;
	padding:0;
}

.linkbox_content{
	width:200;
	margin:0;
	padding:8;
		font-size:12px;
}


div#footer{
	padding:0;
	margin:0;
	text-align:center;
}

div#footer ul {
	clear: both;
	padding: 0; 
 	margin: 0; 
	list-style-type:none;
	text-align: center;
}


	div#footer li{ display:inline;}
	div#footer li a {color:black; }
	div#footer li a:hover { text-decoration: none; color:red; }