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

/* header with logo, top links, search and buttons */
#header {position: relative; width:951px; height:94px;}
#headerlogo {position:absolute; top:0px; left:0px; height:94px; width:439px;}
#headerlinks {position:absolute; top:12px; right:0px; text-align:right; font: 11px Helvetica, Arial, Verdana, sans-serif; color:#333; font-weight:bold; text-transform:uppercase; margin-right:-6px;}
#headersearch {position:absolute; top:33px; right:0px; text-align:right;}
#buttons {position:absolute; top:64px; right:0px; overflow:hidden;}

/* main nav menu */
#nav {width:951px; height: 30px; margin: 9px 0px; padding:0; background-color: #dfdfdf; overflow:hidden;}

/* footer with partner links */
#footer {width:951px; height:93px; margin-bottom:5px; position:relative; background: url(/en/images/bkgnd_footer.gif) top left no-repeat;}
#logo1 {width:211px; height:58px; overflow:hidden; position:absolute; top:17px; left:106px;}
#logo2 {width:211px; height:58px; overflow:hidden; position:absolute; top:17px; left:318px;}
#logo3 {width:210px; height:58px; overflow:hidden; position:absolute; top:17px; left:530px;}
#logo4 {width:210px; height:58px; overflow:hidden; position:absolute; top:17px; left:741px;}

/* under footer grey bar boilerplate links and copyright */
#boilerplate {width:951px; height:30px; position:relative; background:url(/images/bkgnd_boilerplate.gif) top left no-repeat;}
#copyright {font: 11px/17px Helvetica, Arial, Verdana, sans-serif; color:#2e2e2e; position:absolute; top:8px; left:21px;}
#boilerlinks {font: 11px/17px Helvetica, Arial, Verdana, sans-serif; color:#2e2e2e; position:absolute; top:8px; right:21px; text-align:right; font-weight:bold;}

/* under gret boilerplate bar we add an eSolutions div */
#esolutions {width:951px; height: 50px; position:relative;}
#logoesol {position:absolute; height:42px; width:214px; top:4px; right:10px; overflow:hidden;}
#w3clogo {position:absolute; height:32px; width:237px; top:9px; left:10px; overflow:hidden;}


/* --- STYLES HOME PAGE ONLY --- */
#homebanner {width:951px; height:173px; margin:0; padding:0; position:relative; 
	background: url(/images/bkgnd_homebanner.gif) top right no-repeat #033d62;
	font: 12px/17px Helvetica, Arial, Verdana, sans-serif; color:#FFF;
}
#welcome {height:140px; width:203px; position:absolute; top:20px; left: 493px;}
#membership {height:140px; width:208px; position:absolute; top:20px; left: 731px;}
#membership .button {margin-bottom:13px;}
#membership .spacer, #welcome .spacer {margin-bottom:11px;}

#columnheads {width:951px; height:48px; margin:0; padding:0; background: url(/images/bkgnd_columnheads.jpg) top left no-repeat;}
/* start the three columns under the columnheads graphic here */
#columns {width:906px; float:left; background: url(/images/bkgnd_columns.gif) top left repeat-y; padding:14px 25px 14px 20px;}
#spotlight {float:left; width:436px; margin-right:37px;}

#events {float:left; width:195px; margin-right:43px; font: 11px/17px Helvetica, Arial, Verdana, sans-serif; color:#b46905; font-weight:bold;}
#news {float:left; width:195px; font: 11px/17px Helvetica, Arial, Verdana, sans-serif; color:#035c85; font-weight:bold;}


/* STYLES FOR CONTENT PAGES ONLY */
/* start the three columns under the columnheads graphic here */
#content {width:931px; float:left; background: url(/images/bkgnd_content.gif) top left repeat-y; padding:0px 0px 0px 20px;}

#pagetitle {width:934px; height:31px; position:relative; background-color:#005a80; font: 17px Helvetica, Arial, Verdana, sans-serif; color:#FFF; margin:0; padding:27px 0px 0px 17px;}
#printemail {text-align:right; padding-top:10px; padding-bottom:0px;}
#left {float:left; width:490px; margin-right:32px; padding-top:28px;}
#centre {float:left; width:138px; margin-right:51px;}
/* #centre img {border:1px solid #666;} */
#right {float:left; width:195px; font: 11px/17px Helvetica, Arial, Verdana, sans-serif; color:#035c85; font-weight:bold; padding-top:28px; padding-bottom:28px;}
#right .over {color:#333;}

/* STLYES FOR EVENT LIST PAGE */
#eventlist {float:left; width:628px; margin-right:83px; padding-top:28px;}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#headerlinks a, #headerlinks a:link, #headerlinks a:visited {text-decoration:none; color:#333; padding: 0px 6px;}
#headerlinks a:hover, #headerlinks a:active {text-decoration:underline; color:#333; padding: 0px 6px;}
/* header search form style */
#headersearch input {padding:1px; width:150px; font: 10px Helvetica, Arial, Verdana, sans-serif; color:#333; border:1px solid #333;}

#membership a, #membership a:link, #membership a:visited {text-decoration:none; font-weight:bold; color:#7ac7f8;}
#membership a:hover, #membership a:active {text-decoration:underline; color:#7ac7f8;}

/* link stsyles on the home page inthe events and news columns done simply with a link style not a list */
#events a {width:195px; display:block; border-bottom:1px dotted #b46905; color: #b46905; padding-bottom: 5px; margin-bottom:6px;}
#events a:link, #events a:visited {text-decoration:none;}
#events a:hover, #events a:active {text-decoration:underline;}
#news a {width:195px; display:block; border-bottom:1px dotted #035c85; color: #035c85; padding-bottom: 5px; margin-bottom:6px;}
#news a:link, #news a:visited {text-decoration:none;}
#news a:hover, #news a:active {text-decoration:underline;}

/* right column on content pages links */
#right a {width:195px; display:block; border-bottom:1px dotted #035c85; color: #035c85; padding-bottom: 5px; margin-bottom:6px;}
#right a:link, #right a:visited {text-decoration:none;}
#right a:hover, #right a:active {text-decoration:none; color: #333;}

#boilerlinks a, #boilerlinks a:link, #boilerlinks a:visited {color:#035c85; text-decoration:none; font-weight:bold;}
#boilerlinks a:hover, #boilerlinks a:active {color:#035c85; font-weight:bold; text-decoration:underline; font-weight:bold;}


/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */
#navtab1 a {
		display: block; width: 238px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav1.gif) 0 0 no-repeat;
}
#navtab1 a:hover {background-position: 0px -30px; text-decoration: none;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 238px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav1.gif) 0px -30px no-repeat;
}
#navtab2 a {
		display: block; width: 236px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav2.gif) 0 0 no-repeat;
}
#navtab2 a:hover {background-position: 0px -30px;text-decoration: none;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 236px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav2.gif) 0px -30px no-repeat;
}
#navtab3 a {
		display: block; width: 237px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav3.gif) 0 0 no-repeat;
}
#navtab3 a:hover {background-position: 0px -30px;text-decoration: none;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 237px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav3.gif) 0px -30px no-repeat;
}
#navtab4 a {
		display: block; width: 240px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav4.gif) 0 0 no-repeat;
}
#navtab4 a:hover {background-position: 0px -30px; text-decoration: none;}
#navtab4on, #navtab4on a, #navtab4on a:hover {
		display: block; width: 240px; height: 30px; margin: 0; padding: 0; float: left;
		background: url(/en/images/nav4.gif) 0px -30px no-repeat;
}

/* Site Map */
#mainfloater {width: 550px; 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 ----- */