/* 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: 770px; 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;}
#header {
	position: relative; /* so that elements are placed absolutely within this div */ overflow: hidden;
	width: 750px; height: 133px; background: url(/images/bkgnd_header.jpg) top left no-repeat;
}
#headerlogo {
	position: absolute; top: 0; left: 0; width: 187px; height: 133px; overflow: hidden;
}
#headerlinks {
	position: absolute; top: 12px; right: 13px; text-align: right;
	font:11px Arial,Helvetica,Verdana,sans-serif; color: #FFF;
}
#headerlinks a:link, #headerlinks a:visited {text-decoration:none; color:#FFF; padding: 0px 5px;}
#headerlinks a:hover, #headerlinks a:active {text-decoration:underline; color:#FFF; padding: 0px 5px;}
#headersearch {
	position: absolute; top: 40px; 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-color: #91002C; height: 49px; width: 714px; /* height=61 width=750 both -padding */
	font:11px Arial,Helvetica,Verdana,sans-serif; color: #FFF;
	padding: 12px 18px 0px 18px;
}
#footerlinks {
	position: absolute; top: 12px; 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 */
#middle2col, #middle {
	overflow:hidden;
}
#middle3col {float: left; width: 740px; padding: 0px 5px; /* width 562-padding */}
#middle ul, #middle2col ul, #middle ol, #middle2col ol {
	list-style-position: outside;
	padding-left:30px;
}
/* ----- end template ----- */