/* BODY AND FONTS: =body
----------------------------------------------- */
	* { 
	 margin: 0; 
	 padding: 0; 
	 text-align: left;
	 font-size: 100%;
	}

	html { 
	 background: #ffffff url(images/bg.gif) repeat-x center top;
	}

	body{
	 background: #ffffff url(images/bg.gif) repeat-x center top;
	 height:100%;
	 margin:0px;
	 padding:0px;
	} 

	body, tr, td, input, select, textarea { 
	 font:small/150% 'Trebuchet MS', Tahoma, Arial, Verdana, Helvetica, sans-serif;
	 color: #221E1F;	 
	}

	div.container {
	 border-right: 2px solid #ffffff;
	 border-left: 2px solid #ffffff;	
	 width: 990px; 
	 margin: 0px auto 0px auto;
	 padding: 0px;
	 position: relative; 	
	}
	
       .printonly {
         display:none;
       }
   	
	
/* CONTAINER: =Wrap
----------------------------------------------- */

	.parentWrap{
	   background: #ffffff url(images/parentBG.gif) repeat-y center top;
	   position:relative;
	   width:990px;
	   color:#2D2A28;
	   margin: 0px auto 0px auto;
	   padding: 0px;
	} 

	/* Hides from IE-mac \*/
	* html .parentWrap {height: 1%;}
	/* End hide from IE-mac */

	.parentWrap:after {
	   content: "."; 
	   display: block; 
	   height: 0; 
	   clear: both; 
	   visibility: hidden;
	}
	
	.contentWrap{
	   position:relative;
	   float:left;
	   display:inline;
	   clear:both;
	   text-align: left;
	}
	
	div.header { 
	   height: 128px; 
	   margin: 0px;
	}	

	
/* HEADLINES AND PARAGRAPHS: =headlines
----------------------------------------------- */			

	h1 { 
	   font-size: 220%;
	   line-height: 110%;
	   color: #186943;
	}
	
	h2 { 
	   margin: 0px;
	   padding: 0px;
	   font-size: 130%; 
	   color: #990033;
	   text-transform: uppercase;
	}
	
	h3 { 
	   margin: 24px 0px 0px 0px;
	   padding: 0px;
	   font-size: 115%;
	   color: #221E1F;
	}
	
	h4 { 
	   margin: 10px 0px;
	   padding: 0px;
	   font-size: 105%;
	   line-height: 135%;	   
	}
			
	p {
	   margin: 8px 0px 18px 0px;
	   padding: 0px;
	   line-height: 125%;
	}
	
	hr {
	   color: #E9E5DA;
	}
	
	small {
	   font-size: 88%;
	   line-height: 95%;
	}  
	
	blockquote {
	   background: #F1F1F2;
	   padding: 20px;
	   margin: 10px 0px;
	}          
	
	.blue {
	   color: #003E51;
	   font-weight: bold;
	}
	
  /**----Unordered List Styles--------------------------------------------------*/
  
     
       ul {
	 list-style-type: square;
	 list-style-image: url(images/bullet.gif);
	 list-style-position: outside;
       }       
       
       ul li{
         margin:0px 0px 0px 14px;
         padding:0px 0px 4px 0px; 
         line-height: 130%;

       } 
       
       ol li{
         margin:0px 0px 0px 14px;
         padding:0px;
         line-height:130%;       
       }       
      
  /**/

	hr{ 
	   color: #C9C2AD;
	   border: 0px;
	   height: 1px;
           clear: both;	   
	}	
	
	
/* HEADER BAR: =header
----------------------------------------------- */
			
	.header h1 { 
	   position: absolute; 
	   top: 72px; 
	   left: 40px; 
	   font-size: 100%;	   
	 }
	
	.header h1,
	.header h1 span { 
	   background: transparent url(images/logo.gif) no-repeat; 
	   width: 345px; 
	   height: 128px; 
	}
	
	.header h1 a, 
	.header h1 a:hover{ 
	   color: #000000;
	   text-decoration: none;
	}
	
	div.taglineHome { 
	   padding: 0px;
	   margin: 0px;
	   height: 237px;
	}
	
	div.taglineHome h1 { 
	   position: absolute;
	   width: 656px;
	   top: 45px;
	   left: 0px;
	   padding: 0px 40px 0px 70px;
	   margin: 0px;
	   font-family: 'ITC Garamond', 'Garamond', Georgia, Times New Roman, serif;
	   text-align: left;
	   line-height: 100%;
	   font-size: 28px;
	   color: #ffffff;
	   z-index: 3;
	}	
	
	div.tagline { 
	   padding: 0px;
	   margin: 0px;
	   height: 118px;
	}
	
	div.tagline h1 { 
	   position: absolute;
	   width: 656px;
	   top: 36px;
	   left: 0px;
	   padding: 0px 40px 8px 70px;
	   margin: 0px;
	   font-family: 'ITC Garamond', 'Garamond', Georgia, Times New Roman, serif;
	   text-align: left;
	   line-height: 100%;
	   font-size: 36px;
	   color: #ffffff;
	   z-index: 3;
	}

	
/* LINKS: =links
----------------------------------------------- */
	
	a { 
	   text-decoration: underline; 
	   color: #A9223E; 
	   font-weight: bold;
	}
	
	a:hover	{ 
	   color: #483C2E;
	}
	
	a img { 
	   border: none; 
	}
	
	h4 a { 
	   font-weight: bold; 
	}	
		
		
/* CONTENT/COLUMNS: =contentWrap class
----------------------------------------------- */
			

	/* BASE CONTENT COLUMN (middle between subnav and photos): =baseContent	
	----------------------------------------------- */
	#baseContent {
	   width:766px;
	   border-right: 2px solid #ffffff;
	   background: url(images/basecontentBG.gif) repeat-y top left;
	   line-height:normal;
	   margin: 0px;
	   clear:none;
	   padding: 0px;
	}

	#baseContent div.padding {
	   padding: 25px 40px 25px 70px;
	}

       #baseContent ul{
         list-style-type: square;
         list-style-position: outside;       
        margin: 8px 0px 18px 8px;
         padding:0;
       }
              
       #baseContent ul li ul{
         margin:0px 0px 0px 0px;        
       }
       
       #baseContent ol{
         margin: 0px 0px 10px 0px;
         padding:0;
         font-size:100%;
       }
              
       #baseContent ol li ul{
         margin:0px 0px 0px 0px; 
       }
	
	/* RIGHT COLUMN: =rightColumn	
	----------------------------------------------- */
	div#rightColumn { 
	   background: url(images/rightBG.gif) no-repeat top right;
	   margin: 0px;
	   padding: 0px 50px 20px 18px;
	   width: 154px;
	   clear:none;
	}	
	
	div#rightColumn img {
	   border: 2px solid #ffffff;
	   padding: 0px;
	   margin: 0px;
	   display: block;
	}	
	
	div#rightColumn h3{
	   padding: 22px 0px 4px 0px;
	   margin: 0px;
	   color: #231F20;
	   text-align: left;
	   font-size: 120%;
	   text-transform: uppercase;
	}
	
	div#rightColumn p{
	   padding: 0px 0px 12px 0px;
	   margin: 0px;
	   color: #231F20;
	   text-align: left;
	}
	
        div#rightColumn p a,
        div#rightColumn p a:visited {
         text-decoration: none;
        } 
       
        div#rightColumn ul {
	 list-style-type: square;
	 list-style-image: url(images/bullet-right.gif);
	 list-style-position: outside;
	 margin: 0px 0px 8px 0px;
        } 	
	
        div#rightColumn ul li,
        div#rightColumn ol li{
         margin:0px 0px 0px 12px; 
         line-height: 120%;
       }  
       
        div#rightColumn ul li a,
        div#rightColumn ol li a {
         font-weight: normal;
         text-decoration:none;
       }        
	
       

/* NAVIGATION: =nav
----------------------------------------------- */
	div#navigation { 
	   background: #990033;
	   height: 31px; 
	   overflow: hidden; 	   
	   line-height:normal;
	   margin: 0px;
	   padding: 0px 40px;
	   border-top: 5px solid #71081E;
	   font-size: 92%;
	}
	
	#navigation ul { 
	  height: 31px; 
	  padding: 0px; 
	  list-style-type: none;
	  list-style:none;
	  float: left;
	}
	
	#navigation li	{ 
	   float:left; 
	   margin: 0 0 0 3px; 
	   padding: 5px 0px 0px 0px; 
	   list-style-type: none;
	}
	
	#navigation a 	{	
	  float:left; 
	  display:block; 
	  width:.1em; 
	  padding: 6px 15px 14px 15px; 
	  text-decoration:none; 
	  white-space: nowrap; 
	  color: #ffffff;
	  font-weight: bold;
	  text-transform: uppercase;
	}
	
	#navigation > ul a	{ width:auto; }
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navigation a 		{ float:none; }
	/* End IE5-Mac hack */
	
	#navigation li.current { 
	   background: url(images/nav_active-l.gif) no-repeat left 5px;
	   padding: 5px 0px 0px 4px; 	   
	}
	
	#navigation .current a,
	#navigation .current a:link:hover,
	#navigation .current a:visited:hover{ 
	   background: url(images/nav_active-r.gif) no-repeat right top;
	   color: #000000;
	   padding: 6px 15px 14px 11px; 
	}
	
	#navigation a:link:hover,
	#navigation a:visited:hover { 
	   background-color: #292929;
	}
	
	
/* ICONS: =icons
----------------------------------------------- */	

	div#icons{
	  position: absolute;
	  top: 65px;
	  left: 505px;

	  margin:0px;
	  padding:0px;
	}	

	#icons ul{
	  list-style: none;
	  float: left;
	}

	#icons li {
	  float:left;
	  padding:0px 0px 0px 29px;
	  margin:0px 0px 5px 0px;
	}
	
	#icons li a{
	  font-weight: normal;
	}	

	#icons li.kindergarten a{	
	  background: #EEF2F7 url(images/icon_kindergarten.gif) no-repeat top left;
	  width: 115px;
	}
	
	#icons li.kindergarten a:hover{	
	  background: #E0E8D8 url(images/icon_kindergarten.gif) no-repeat top left;
	}
	
	#icons li.highered a{	
	  background: #EEF2F7 url(images/icon_highered.gif) no-repeat top left;
	  width: 115px;
	}
	
	#icons li.highered a:hover{	
	  background: #E0E8D8 url(images/icon_highered.gif) no-repeat top left;
	}
	
	#icons li.edtech a{	
	  background: #EEF2F7 url(images/icon_edtech.gif) no-repeat top left;
	  width: 115px;
	}
	
	#icons li.edtech a:hover{	
	  background: #E0E8D8 url(images/icon_edtech.gif) no-repeat top left;
	}
	
	#icons li.engineering a{	
	  background: #EEF2F7 url(images/icon_engineering.gif) no-repeat top left;
	  width: 115px;
	}
	
	#icons li.engineering a:hover{	
	  background: #E0E8D8 url(images/icon_engineering.gif) no-repeat top left;
	}
	#icons li a {
	  background: #EEF2F7;
	  float:left;
	  display:block;
	  height: 25px;
	  padding: 7px 8px 0px 37px;
	  margin: 0px;
	  white-space: nowrap;
	  color:#221E1F;
	  text-decoration: none;
	  font-size: 10px;
	  text-transform: uppercase;
	}
	
	#icons li a:hover{
	  background: #AD2A43;
	  text-decoration: none;
	}
	
	img.iconLarge {
	  float: right;
	  padding: 0px 0px 15px 15px;
	}
	
	
	
/* FOOTER: =footer
----------------------------------------------- */
	div#footer { 
	   background: url(images/footerbg.jpg) repeat-x top left;
	   width: 100%;
	   margin: 0px; 
	   padding: 0px;
    	   float:left;
    	   display:inline;
    	   clear:both;		   
	}
	
	#footer p { 
	   width: 962px;
	   color: #231F20; 
	   margin: 26px auto 6px auto; 
	   padding: 0px 14px;
	   font-size: 90%;
	   line-height: 150%;
 	   text-align: left; 
	   position: relative; 	   
	}
	
	#footer p b { 
	   font-size: 110%;	   
	}	
	
	#footer span.credit { 
	   margin: 0px;
	   padding: 0px;
	   float: right;
	   text-align: right;
	}
	
	.copyright {
	  color: #003E51;
	  font-weight: bold;
	}
	
	#footer p a {  
	   color: #AA263D;
	   font-weight: bold;
	   text-decoration: none;
	}
	
	#footer p.credit { 
	   margin: 0px;
	   padding: 0px 14px;
	   float: right;
	   text-align: right;
	   font-size: 85%; 
	}
	
	#footer p.credit a {  
	   color: #868276;
	   font-weight: normal;
	   text-decoration: none;
	}	
	
	
/* PORTFOLIO PAGE:
----------------------------------------------- */
	
	#galleryContainer {
	   float: left;
	   clear:both;
    	   padding: 0px;
    	   margin: 20px 15px 0px 0px;
	}
	
	img#Gallery { 
    	   padding: 2px;
    	   border: 1px solid #A1AC81;
    	   margin: 0px;
	}
	
 	#thumbnails {
    	   float: left;
    	   width: 180px;
    	   height: 300px;
    	   clear:none;
    	   margin: 20px 0px 0px 0px;
    	   padding: 0px;
  	}
  
  	#thumbnails a{
    	   margin:0px;
    	   padding:0px;
    	   border: 0px;
  	}
  
  	#thumbnails img{
    	   margin:0px;
    	   padding: 1px;
    	   border: 1px solid #A1AC81;
    	   width:77px; 
    	   height:45px;
  	}
  
  	#thumbnails h4{
    	   color: #49627E;
    	   margin: 10px 0px 0px 0px;
    	   padding: 10px 0px 0px 0px;
    	   border-top: 1px solid #E9E5DA;
    	   line-height: 115%;
  	} 
    	
  	#thumbnails p{
    	   text-size: 95%;
  	} 	

/* FORM: =form
----------------------------------------------- */
	
   	
	form {
	    margin: 20px 0px;
	}	
	
	fieldset {
	    margin: 0px;
	    padding: 0px 30px 6px 30px;
	    width: 80%;
	}	

	fieldset p {
	   margin: 8px 0px 8px 0px;
	   font-size: 95%;	   
	}


	legend {
	   font-size: 110%;
	   padding: 0px 0px 6px 0px;
	   font-weight: normal;
	   color: #40403A;
	}


	label {
	   width: 150px;
	   margin: 0px;
	   padding: 3px 4px 0px 0px;
	   text-align: right;
	   float: left;
	   font-weight: bold;
	}

	label a{
	   color: #8F3F28;
	   font-size: 95%;
	   font-weight: normal;
	}

	.required { 
	   color: #CC0000; 
	}

	input, select, textarea {
	   font-size: 100%;
	   text-align: left;
	}

	input.submit {
	   test-align: center;
	   padding: 0px 3px;
	}

	textarea { 
	   text-align: left;
	   margin: 0px;
	   padding: 0px;   
	}



/* REPLACE FIXES: =replace
----------------------------------------------- */	
	
	/* 
	 * Image replacement using the Gilder/Levin IR technique 
	 * http://www.ryznardesign.com/pages/web_page_coding/gilder_levin_ir_mac/gilder_levin_ir_mac_2.html
	 */		
	.replace { 
		position: relative;
		/* hide overflow: hidden from mac ie5 \*/
		overflow: hidden;
		
		/* end hide from mac ie5 */
	}
	.replace span {
		display: block;
		position: absolute;
		top: 0px; left: 0px;
		z-index:1; /*for Opera 5 and 6*/
	 }
	.replace a { display:block; cursor: pointer; }
	a.replace { cursor: pointer; }
	
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  


	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */