/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- lay these styles out in sections, and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {width:960px; margin:auto auto; border-top:5px solid #bdd0b0; /*2e5a79*/}
#header {height:100px; padding:0; margin:0; width:960px; position:relative; border-bottom:1px solid #CCC;}
	#nav {position:absolute; top:20px; left:0; width:159px; height:60px; border-right:1px solid #CCC; margin:0; padding:0;}
	#email {position:absolute; top:20px; left:180px; width:139px; height:37px; border-right:1px solid #CCC; margin:0; padding:23px 0 0 0; font-size:14px;}
	#phone {position:absolute; top:20px; left:340px; width:139px; height:37px; border-right:1px solid #CCC; color:#999; margin:0; padding:23px 0 0 0; font-size:14px;}
	#logo {position:absolute; top:20px; left:500px; width:460px; height:47px; margin:0; padding:0; color:#2e5a79; margin:0; padding:13px 0 0 0; font-size:21px; text-align:right; text-transform:uppercase;}
	#byline {position:absolute; top:55px; left:500px; width:460px; text-align:right; text-transform:uppercase; color:#CCC; font-size:11px;}
#content {width:960px; margin:0; padding:10px 0; font-size:12px;}
#infoblocks {height:120px; padding:0; margin:0; width:960px; position:relative; color:#999; font-size:11px; border-top:20px solid #bdd0b0; }
	#block1 {position:absolute; top:10px; left:0; height:100px; width:310px; margin:0; padding:0 10px 0 0; border-right:1px solid #CCC; overflow:hidden;}
	#block2 {position:absolute; top:10px; left:320px; height:100px; width:300px; margin:0; padding:0 10px; border-right:1px solid #CCC; overflow:hidden;}
	#block3 {position:absolute; top:10px; left:640px; height:100px; width:300px; margin:0; padding:0 10px; overflow:hidden;}
#footer {height:50px; border-top:1px solid #CCC; margin:0; padding:10px 0; color:#999; width:960px;}

/* STYLES HOME PAGE ONLY */
#welcome {position:relative; width:960px; height:240px;}
	#mainimage {position:absolute; top:20px; left:0; width:458px; height:190px; border:1px solid #CCC; margin:0; padding:5px;}
	#welcometext {position:absolute; top:20px; left:487px; width:470px; height:110px; overflow:hidden; font:14px/18px Arial,Helvetica,sans-serif; color:#2e5a79; margin:0; padding:0;}
	#welcomeimage1 {position:absolute; top:142px; left:487px; width:220px; height:68px; overflow:hidden; border:1px solid #CCC; margin:0; padding:5px;}
	#welcomeimage2 {position:absolute; top:142px; left:727px; width:220px; height:68px; overflow:hidden; border:1px solid #CCC; margin:0; padding:5px;}

/* STYLES FOR CONTENT PAGES ONLY */
#pagecontent {float:left; width:960px; margin:0 0 10px 0; padding:0; background:url(/images/bkgnd-pagecontent.gif) top left repeat-y;}
	#left {width:705px; float:left; margin:0; padding:10px 15px 0 0; color:#333;}
	#right {width:220px; float:left; margin:0; padding:0 10px; text-align:center; color:#999;} /* random images and quotes */
		#right img {width:210px; height:315px; border:1px solid #CCC; margin:0; padding:5px;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */

/* ----- end template ----- */