@charset "UTF-8";
/* CSS Document by Wayne Roddy www.innersightdzinestudio.com July 23, 2009 */

body{margin:0; padding:0; background: #141253 url(images/background.jpg) top center no-repeat; font-family:Arial, Helvetica, sans-serif;}

#header{margin: 0 auto; padding:0; padding-top:60px; width: 757px;}

#logo{margin:0; padding:0; width: 508px; height: 208px; background: url(images/header.png) top left no-repeat; float:left;}

#contact{margin:0; padding:0; width: 249px; height: 208px; float:right;}

#content{margin: 0 auto; padding:0; width: 757px; background:url(images/content-bg.gif) top center repeat-y; clear: both;}

/* LEFT COLUMN
-------------------------------------*/
#leftCol{margin:0; padding:0; width: 508px; float: left;}
.main{margin:0; padding:5px 15px; color: #222; font-size: 0.90em; line-height: 1.6em;}

#mainProject{margin: 0 auto; padding: 3px; width:472px; border: 2px solid #d3d3d3;}
#mainProject p{margin:0; margin-top: 3px; padding: 2px; background: #eeeeee; color: #000; font-size: 11px;}

#mission{margin: 10px auto; padding:0; width: 478px; color: #494949; font-size: 12px;}
#missionPhoto{margin: 0; margin-right: 5px; padding: 3px; width:166px; border: 2px solid #d3d3d3; float: left;}
#missionPhoto p{margin:0; margin-top: 3px; padding: 2px; background: #eeeeee; color: #000; font-size: 11px;}


/* RIGHT COLUMN
-------------------------------------*/
#rightCol{margin:0; padding:0; width: 249px; float: right;}

#rightCol p{margin: 10px 25px 10px 15px; padding:0; border-bottom: 1px dashed #494949; color: #494949; font-size: 12px;}
#rightCol p a{color: #494949; text-decoration: underline; font-size: 14px;}
#rightCol p a:hover{color: #222163; text-decoration: underline; font-size: 14px;}


/* ACCREDITTATION
-------------------------------------*/
#accredit{margin: 0 auto; padding:0; background: #f6f7f0; width: 757px; height: 35px;}


/* FOOTER
-------------------------------------*/
#footer{margin: 0 auto; padding: 10px 0px; width: 757px; color: #FFF; font-size: 12px;}
#footerLeft{margin:0; padding:0; width: 340px; float: left; color: #FFF;}
#footerLeft a{text-decoration:none; color: #FFF;}
#footerLeft a:hover{text-decoration:none; color: #FFFF00;}

#footerRight{margin:0; padding:0; margin-bottom: 30px; width: 417px; float: right; color: #FFF; text-align:right;}


/* CONTACT PAGE FORM
-------------------------------------*/
#ContactPage form{margin: 15px; padding:0; color: #222; font-size: 0.90em; line-height: 1.6em;}


/* CLASSES
-------------------------------------*/
h2{margin:0; padding: 10px 15px; color: #222163; font-family: "Arial Black"; font-size:17px;}
.rightTitle{ color: #222163; font-size: 15px; font-weight: bold;}


/* ROLLOVER
-------------------------------------*/

#nav{margin:176px 0px 0px 60px; padding:0; height: 30px;}
	
#navigation {	
	margin:0;
	padding:0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#navigation li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#navigation a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win only */
	}
	
#navigation a:hover {background-position: 0 -30px;}
#navigation a.selected {background-position: 0 -30px;}
#index a {width: 51px;background: url(images/home-tab.gif) top left no-repeat;}
#projects a {width: 87px;background: url(images/projects-tab.gif) top left no-repeat;}
#services a {width: 88px;background: url(images/services-tab.gif) top left no-repeat;}
#about a {width: 71px;background: url(images/about-tab.gif) top left no-repeat;}
#contactTab a {width: 80px;background: url(images/contact-tab.gif) top left no-repeat;}

#IndexPage #index a {background-position: 0 -30px;}
#ProjectsPage #projects a {background-position: 0 -30px;}
#ServicesPage #services a {background-position: 0 -30px;}
#AboutPage #about a {background-position: 0 -30px;}
#ContactPage #contactTab a {background-position: 0 -30px;}
/* end rollover */