/* 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:950px; margin:auto auto;}

#top {width:950px; height:223px; position:relative; margin:0; padding:0;}
#logo {width:260px; height:125px; position:absolute; top:33px; left:10px;}
#feedback {width:190px; height:223px; overflow:hidden; position:absolute; top:0; right:0; background:url(/images/bkgnd_feedback.gif) top left no-repeat;}
#feedbackbutton {width:152px; height:38px; position:absolute; top:105px; right:16px; overflow:hidden;}
#toppulldown {position:absolute; right:219px; top:68px;}
#toppulldown select {font:12px Myriad,Arial,Helvetica,sans-serif; color:#336699;}
#topemail {width:183px; position:absolute; right:472px; top:104px; text-align:right; font:12px Myriad,Arial,Helvetica,sans-serif; color:#336699;}
#topphone {width:183px; position:absolute; right:472px; top:124px; text-align:right; font:19px Myriad,Arial,Helvetica,sans-serif; color:#333;}
#toplinks {width:218px; position:absolute; top:104px; right:217px; text-align:right; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}
#topflags {width:218px; height:12px; position:absolute; top:126px; right:219px;}
#nav {width:760px; height:57px; position:absolute; bottom:0; left:0; padding:0; margin:0; overflow:hidden;}

/* STYLES HOME PAGE ONLY */
#columnshome {background:url(/images/bkgnd_columnshome.gif) top left repeat-y; margin:0; padding:0;}
#lefthome {float:left; width:760px; height:383px; margin:0; padding:0; position:relative; background:url(/images/bkgnd_lefthome.gif) top left no-repeat;}
#righthome {
	float:left; width:149px; height:425px; margin:0; padding:0px 19px 0px 22px; background-color:#bde39e; position:relative;
	font:13px Myriad,Arial,Helvetica,sans-serif; color:#356a1d }

#rotate {width:411px; height:332px; position:absolute; top:0; left:295px; overflow:hidden;}
#welcomemessage {
	width:240px; height:164px; overflow:hidden; position:absolute; top:28px; left:28px;
	font:13px/17px Myriad,Arial,Helvetica,sans-serif; color:#FFF; }
#quicktip {
	width:400px; height:95px; overflow:hidden; position:absolute; top:228px; left:28px;
	font:13px/17px Myriad,Arial,Helvetica,sans-serif; color:#333; }


#homeBanner {
	width:728px; height:90px; overflow:hidden; position:absolute; top:328px; left:28px;
	font:13px/17px Myriad,Arial,Helvetica,sans-serif; color:#333; }

/* 2010-09-27 Since we include the #homeBanner, we have to move the rest of the items down 100px */
/*
#esolutions {width:139px; height:43px; overflow:hidden; position:absolute; top:332px; right:26px;}
#copyright {position:absolute; top:343px; left:28px; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}
#bottomlinks {position:absolute; top:360px; left:26px; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}
*/
#esolutions {width:139px; height:43px; overflow:hidden; position:absolute; top:432px; right:26px;}
#copyright {position:absolute; top:443px; left:28px; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}
#bottomlinks {position:absolute; top:460px; left:26px; font:12px Myriad,Arial,Helvetica,sans-serif; color:#333;}

#bottomhome {width:950px; height:35px; margin:0px 0px 35px 0px; padding:0;}

/* STYLES FOR CONTENT PAGES ONLY */
#columns {background:url(/images/bkgnd_columns.gif) top left repeat-y; margin:0; padding:0; float:left;}
#printandemail {width:550px; margin:auto auto; padding-bottom: 15px; font:16px/17px Myriad,Arial,Helvetica,sans-serif; color:#6678a8; text-transform:uppercase; position:relative;}
#printlinks {position:absolute; top:0; right:0;}

#left {width:156px; text-align: left; float:left; padding:52px 0px 0px 0px; margin:0; background:url(/images/bkgnd_left.gif) top left no-repeat; overflow:hidden; font:13px/15px Myriad,Arial,Helvetica,sans-serif; color: #0a4498;}

#centre {width:604px; padding:0; margin:0; float:left;}
#pagebanner {width:604px; height:90px; margin-bottom:25px; overflow:hidden;}
#content {width:550px; margin:auto auto;}

#right {float:left; width:149px; margin:0; padding:0px 19px 0px 22px; font:13px Myriad,Arial,Helvetica,sans-serif; color:#356a1d;}
#bottom {width:950px; height:30px; margin:0; padding:0; background: url(/images/bkgnd_bottom.gif) top left no-repeat;}

#footer {width:950px; height:58px; position:relative; font:12px/15px Myriad,Arial,Helvetica,sans-serif; color:#333;}
#footeresol {width:147px; height:35px; position:absolute; top:0; right:11px;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#righthome ul, #right ul {margin:0px 0px 5px 0px; padding:0; list-style-position:outside;}
#righthome li, #right li {font:13px Myriad,Arial,Helvetica,sans-serif; color:#356a1d; padding-bottom:6px;}
#bottomlinks a, #toplinks a, #footer a {padding:0px 2px;}

/* here we put the css for the left column links we'll use definition lists instead of unordered lists to avoid many IE problems */
#left dl {width: 156px; margin: 0 auto; padding: 0;}

/*level 1 */
#left dd {margin:0; padding:0; width:156px;}
#left dd a {
	display:block; margin:0; background-color: #bbcbec;text-decoration: none; width:120px; padding:6px 14px 6px 22px;
	font:13px/15px Myriad,Arial,Helvetica,sans-serif; color: #0a4498; border-bottom: 1px solid #778ec0;
}
#left dd a:hover {background-color: #dae3f5; color: #0a4498; text-decoration:none;}

/* level 2 */
#left dd dl {width: 156px; margin: 0 auto; padding: 0;}
#left dd dl dd {margin:0; padding:0; width:156px;}
#left dd dl dd a {
	display:block; margin:0; background-color: #dae3f5;text-decoration: none; width:110px; padding:6px 14px 6px 32px;
	font:13px/15px Myriad,Arial,Helvetica,sans-serif; color: #0a4498; border-bottom: 1px solid #778ec0;
}
#left dd dl dd a:hover {background-color: #ebf0f9; color: #0a4498; text-decoration:none;}

/* level 3 */
#left dd dl dd dl {width: 156px; margin: 0 auto; padding: 0;}
#left dd dl dd dl dd {margin:0; padding:0; width:156px;}
#left dd dl dd dl dd a {
	display:block; margin:0; background-color: #ebf0f9;text-decoration: none; width:100px; padding:6px 14px 6px 42px;
	font:13px/15px Myriad,Arial,Helvetica,sans-serif; color: #0a4498; border-bottom: 1px solid #778ec0;
}


/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */
#navtab1 a {
		display: block; width: 118px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav1.gif) 0 0 no-repeat;
}
#navtab1 a:hover {background-position: 0px -57px; text-decoration: none;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 118px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav1.gif) 0px -57px no-repeat;
}
#navtab2 a {
		display: block; width: 126px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav2.gif) 0 0 no-repeat;
}
#navtab2 a:hover {background-position: 0px -57px;text-decoration: none;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 126px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav2.gif) 0px -57px no-repeat;
}
#navtab3 a {
		display: block; width: 122px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav3.gif) 0 0 no-repeat;
}
#navtab3 a:hover {background-position: 0px -57px;text-decoration: none;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 122px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav3.gif) 0px -57px no-repeat;
}
#navtab4 a {
		display: block; width: 91px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav4.gif) 0 0 no-repeat;
}
#navtab4 a:hover {background-position: 0px -57px; text-decoration: none;}
#navtab4on, #navtab4on a, #navtab4on a:hover {
		display: block; width: 91px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav4.gif) 0px -57px no-repeat;
}
#navtab5 a {
		display: block; width: 149px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav5.gif) 0 0 no-repeat;
}
#navtab5 a:hover {background-position: 0px -57px;text-decoration: none;}
#navtab5on, #navtab5on a, #navtab5on a:hover {
		display: block; width: 149px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav5.gif) 0px -57px no-repeat;
}
#navtab6 a {
		display: block; width: 154px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav6.gif) 0 0 no-repeat;
}
#navtab6 a:hover {background-position: 0px -57px;text-decoration: none;}
#navtab6on, #navtab6on a, #navtab6on a:hover {
		display: block; width: 154px; height: 57px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav6.gif) 0px -57px no-repeat;
}

/* Site Map */
#mainfloater {width: 550px; border-bottom:1px solid #aac54b; margin-bottom: 16px; font: 12px/14px Arial, Helvetica, sans-serif; color: #000;}

#mainfloater a {color:#003366;text-decoration:none;}
#mainfloater a:link, #mainfloater a:visited {text-decoration:none;}
#mainfloater a:hover, #mainfloater a:active {text-decoration:underline; color:#003366;}

#mainholder {width: 550px; float:left;}
#sitemapleft {width:260px; float:left; padding:0px 5px 16px 0px;}
#sitemapright {width:260px; float:left; padding-bottom:16px;}
#clear {clear: left; margin: 0; padding: 0; height: 0; overflow: hidden;}

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