/* 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! ----- */
/* ----- overflow: hidden; will be used to prevent images/content from breaking the layout ----- */

/* STYLES FOR ALL PAGES */

/* defines the main container with background drop shadow 770px wide that holds all content on all pages */
#uber {
	width: 784px; margin: auto auto; background: url(../images/bkgnd_uber.gif) top left repeat-y;
}
/* then there is a content holder inside this only 750px wide */
#sububer {
	width: 750px; margin: auto auto;
}

/* header contains the clickable logo, links and the search box ... homepage na and page titles
are located in their specific structure.css files */
#printheader {display: none;}
.topmenu {
	position: relative; /* so that elements are placed absolutely within this div */
	width: 750px; height: 20px; background: url(../images/top_menu_bg.jpg) top left repeat; z-index:99999;
	}
.bottommenu {
	position: relative; /* so that elements are placed absolutely within this div */ 
	width: 750px; height: 27px; line-height:27px; text-align: right; vertical-align:middle; background: url(../images/bottom_menu_bg.gif) top left repeat;
}
#header {
	position: relative; /* so that elements are placed absolutely within this div */ overflow: hidden;
	width: 750px; height: 89px; background: url(../images/top_bg.jpg) top left no-repeat; z-index:0;
}
#headerlogo {
	position: absolute; top: 0; left: 0; width: 187px; height: 133px; overflow: hidden;
}
#headerlinks {
	position: absolute; top: 64px; right: 13px; text-align: right;
	font:11px Arial,Helvetica,Verdana,sans-serif; color: #666699; font-weight:bold;
}
#headerlinks a:link, #headerlinks a:visited {text-decoration:none; color:#666699; padding: 0px 5px;}
#headerlinks a:hover, #headerlinks a:active {text-decoration:underline; color:#666699; padding: 0px 5px;}
#headersearch {
	position: absolute; top: 50px; right: 16px; text-align: right; color: #FFF;
}
.headersearchbuttons {padding-left: 5px;}

/* footer with copyright, links and update */
#footer {
	position: relative; /* so that elements are placed absolutely within this div */ overflow: hidden;
	background: #AACA5F url(../images/top_menu_bg.gif) repeat-x; height: 17px; width: 740px; /* height=61 width=750 both -padding */
	font:11px Arial,Helvetica,Verdana,sans-serif; color: #FFF;
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding:4px 0 0 10px;
}
#footerlinks {
	position: absolute; top: 7px; right: 18px; text-align: right; font-weight: bold;
}
#footerlinks a:link, #footerlinks a:visited {text-decoration:none; color:#FFF;}
#footerlinks a:hover, #footerlinks a:active {text-decoration:underline; color:#FFF;}
#lastupdated {
	position: absolute; top: 35px; right: 18px; text-align: right;
}

/* two column larger width text area column for the _2col page templates */
#middle3col {float: left; width: 740px; padding: 0px 5px; /* width 562-padding */}

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