/* 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 client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */
#uber {width:960px; margin:auto auto; padding:0; background:url(/images/bkgnd-uber.gif) top left repeat-y;}
#header {width:960; height:285px; margin:0; padding:0;}
#tagline {width:927px; height:39px; margin:0; padding:11px 0 0 33px; background:url(/images/bkgnd-tagline.gif) top left no-repeat; font:18px 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#124570;}
#content {width:960px; float:left; margin:0; padding:0;}
	#left {float:left; margin:0 30px 0 70px; padding:0; width:560px;}
	#right {float:left; margin:0; padding:0; width:270px;}
#footer {width:960px; height:59px; margin:0; padding:20px 0 0 0; background:url(/images/bkgnd-footer.jpg) top left no-repeat; text-align:center; font:12px/16px Arial,Helvetica,sans-serif; color:#FFF;}

/* STYLES HOME PAGE ONLY */

/* STYLES FOR CONTENT PAGES ONLY */

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */
#right ul {width:270px; margin:0; padding:0;}
#right ul li {width:270px; height:50px; margin:0; padding:0; list-style-type:none;}
#right ul li a {display:block; height:30px; width:252px; color:#FFF; text-decoration:none; padding:20px 0 0 18px; font:16px Arial, Helvetica, sans-serif; font-weight:normal;}
#right ul li a:hover, #right ul li a.on {background:url(/images/bkgnd-nav.gif) top left no-repeat; color:#124570;}

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