/* 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: 969px; margin: auto auto;}
#redbar {height:12px; overflow:hidden; background-color: #AE022C;}
#main {background-color:#FFF;}
#footer {
	width: 949px; position: relative; background-color:#AE022C; height: 73px;
	color: #FFF; font: 11px/14px Arial,Helvetica,sans-serif; padding: 18px 0px 0px 20px;
}
#footer a {color:#FFF; text-decoration: none;}
#footer a:hover, #footer a:active {color:#FFF; text-decoration: underline;}
#footerlogo {position: absolute; top: 35px; left: 636px; width: 310px; height: 55px; overflow: hidden;}
#footerw3c {position:absolute; top: 47px; left: 22px; width: 276px; height: 32px; overflow: hidden;}

/* ----- STYLES HOME PAGE ONLY ----- */
#topnav { height:24px; position: relative; padding: 17px 0px 0px 24px;
	background: url(../images/structure/bkgnd_topnav.gif) top left no-repeat; 
	font: 11px/14px Arial,Helvetica,sans-serif; color: #333; 
}
#topnav a, #topnav_content a {color:#333; text-decoration: none;}
#topnav a:hover, #topnav a:active, #topnav_content a:hover, #topnav_content a:active {color:#920225; text-decoration: underline;}

#banner {height:231px; width:969px; position: relative; overflow: hidden;}
#button_home_store {height:41px; width:94px; position: absolute; top: 0; left: 466px;}
#button_home_maps {height:41px; width:76px; position: absolute; top: 0; left: 560px;}
#button_home_planner {height:41px; width:112px; position: absolute; top: 0; left: 636px;}
/* #calendar {
	width: 179px; height: 209px; position: absolute; bottom: 0px; left: 767px; background-color: #AC7915;
	overflow: hidden; text-align: center; color: #FFF;
}
new calendar system to replace .NET calendar module is below */
#calendar {
 position: absolute; top: 25px; left: 777px; width: 150px; height: 195px; overflow: hidden; background-color: #AC7915;
 font: 12px/15px Arial,Helvetica,sans-serif; color: #FFF;
}
#calendar a {color:#FFF; text-decoration: none;}
#calendar a:hover, #calendar a:active {color:#FFF; text-decoration: underline;}

/* these are the complex group of columns under the banner */
#homecolumns {background-color: #FFF; background: url(../../images/bkgnd_homecolumns.gif) top left repeat-y; width: 969px; float: left;}

/* holds the left side main nav, search, welcome and centre text and ad space areas */
#mainleft {width:767px; float: left;}
#homenav {width:767px; height: 53px; background-color:#FFF; overflow: hidden;}
#homenav a, #nav_content a {font: 1px/1px Arial,Helvetica,sans-serif; color: #FFF; text-decoration: none;}
/* then the 3 columns under nav bar */
#spacerleft {width:24px; float:left;}
/* search and welcome message */
#searchwelcome {width:255px; float: left; color: #452200;}
#searcharea {background-color: #C1B473; height: 93px; overflow: hidden; margin-bottom: 20px; width: 232px; padding-left: 23px;}
#searchbox {
	margin-top: 16px; width: 223px; height: 76px; overflow: hidden;
	font: 11px Arial,Helvetica,sans-serif; color:#990000;
}
#welcomemessage {margin-left: 23px; width: 208px; font: 12px/16px Arial,Helvetica,sans-serif;}
/* right of the 3 columns with ads and map */
#adsmap {width:488px; float: left;}
#adspace {
	width:488px; height: 124px; overflow: hidden; margin: 0; padding: 0; margin-bottom: 15px;
	border-bottom: 1px solid #B1A87C; background-color: #F2EBC1;
}

/* new CSS to display text editable ads in the adspace div -- 
   ads 1 and 3 are 163 px wide, ad 2 the middle one is 162px wide but can hold a 163px wide image overflow hidden */
#ad1, #ad3 {float: left; width: 163px; height: 124px; overflow: hidden; background-color: #F2EBC1;}
#ad2 {float: left; width: 162px; height: 124px; overflow: hidden; background-color: #F2EBC1; }
#ad1pic, #ad3pic {width: 163px; height: 93px; overflow: hidden;}
#ad2pic {width: 162px; height: 93px; overflow: hidden;}
#ad1text, #ad3text {width: 163px; height: 22px; overflow: hidden; padding-top: 9px; text-align:center; font: 11px Arial,Helvetica,sans-serif; color:#971F27; font-weight: bold;}
#ad2text {width: 162px; height: 22px; overflow: hidden; padding-top: 9px; text-align:center; font: 11px Arial,Helvetica,sans-serif; color:#971F27; font-weight: bold;}
#ad1text, #ad2text, #ad3text a {font: 11px Arial,Helvetica,sans-serif; color:#971F27; font-weight: bold; text-decoration: underline;}
#ad1text, #ad2text, #ad3text a:hover {font: 11px Arial,Helvetica,sans-serif; color:#971F27; font-weight: bold; text-decoration: none;}

#map {width: 280px; padding-left: 10px; color: #452200; font: 12px/16px Arial,Helvetica,sans-serif; float:left;}
.mappic {padding: 0px 32px 50px 0px;}

#whatsnew {width: 166px; color: #452200; font: 12px/16px Arial,Helvetica,sans-serif; float:right}

/* holds the "this weeks" news as a list <li> and three weather buttons */
#mainright {
	width:150px; float: left; padding: 11px 0px 14px 15px; 
	font: 12px/16px Arial,Helvetica,sans-serif; color: #FFF;
}
#mainright a {color: #FFF; text-decoration: none;}
#mainright a:hover {text-decoration: underline;}
#mainrightnews {width: 150px; margin-bottom: 13px; border-bottom: 1px solid #E4D4B4; padding-bottom: 16px;}
#mainrightnews li {margin-left: 14px;}
#weatherbutton {margin-bottom: 9px;}


/* ----- STYLES FOR CONTENT PAGES ----- */
#topnav_content {height:33px; width: 945px; position: relative; padding: 17px 0px 0px 24px;
	font: 11px/14px Arial,Helvetica,sans-serif; color: #333;
}
#button_content_store {height:44px; width:96px; position: absolute; top: 0; left: 658px;}
#button_content_maps {height:44px; width:80px; position: absolute; top: 0; left: 754px;}
#button_content_planner {height:44px; width:122px; position: absolute; top: 0; left: 834px;}
#smallbanner {height:191px; width: 969px; overflow: hidden; position: relative;}
#bannerlogo {width: 255px; height: 191px; position: absolute; top: 0px; left: 24px; overflow: hidden;}

/* nav and search under banner */
#nav_content {height: 53px; width: 969px; overflow: hidden; border-bottom: 1px solid #DAD1A1; 
	position: relative; background: url(../images/structure/bkgnd_nav_content.gif) top right no-repeat;
}
#search_content {
	position: absolute; top: 11px; left: 780px; width: 180px; height: 23px; overflow: hidden;
}
#advancedsearchlink {
	position: absolute; top: 31px; left: 780px; height: 18px; font: 11px Arial,Helvetica,sans-serif; color:#990000;
}
#advancedsearchlink a {font: 10px Arial,Helvetica,sans-serif; color:#990000;}
#advancedsearchlink a:hover {text-decoration: underline;}

/* start of the three content columns under the nav and search bar */
#contentcolumns {width: 969px; border-bottom: 3px solid #FFF; float: left;
	background: url(../../images/bkgnd_contentcolumns.gif) top left repeat-y; 
}
#contentleft {width: 255px; float: left; color: #663300; text-align: center; padding: 7px 0px 50px 0px;}
#contentright{width: 646px; float: left; padding: 24px 20px 0px 24px; position: relative;}
#contentright ul {margin-top:-7px;margin-bottom:7px;list-style-type:square;list-style-position:inside;}
#contentright li {font:12px/15px Arial,Helvetica,sans-serif; color: #000;}
#printbutton {position:absolute; top: 24px; right: 96px; height: 14px; width:76px;}
#emailbutton {position:absolute; top: 24px; right: 20px; height: 14px; width:72px;}
/*tables on the content pages */
#contentright tr, #contentright td {font:12px/15px Arial,Helvetica,sans-serif; color: #333; }
#contentright table {margin-top: 0; margin-bottom: 15px; border: 0;}
#contentbanner { background-color: #ECE7CD; color: #633E08 !important; font: 13px Arial,Helvetica,sans-serif; font-weight: bold; padding: 5px; }
.contentheader td { background-color: #ECE7CD; color: #633E08 !important; font: 13px Arial,Helvetica,sans-serif; font-weight: bold !important; padding: 5px; }
.contenthighlight td { background-color: #ECE7CD; color: #633E08 !important; }
.oddrow { background-color: #f3f3f3; }
#contenttext { color: #633E08 !important; font-weight: bold; }
/* ----- contentleft LI menu styles ----- */
#contentleft ul {list-style-type:none; margin: 0; padding: 0;}
#contentleft li {list-style-type:none; margin: 0; padding: 0; font: 13px Arial,Helvetica,sans-serif; color:#633E08; font-weight: bold;}
#contentleft li a {
	display: block; color: #633E08; background-color: #DAD1A1; border-bottom: 1px solid #FFF;
	width: 255px; margin: 0; padding: 4px 0px 5px 0px; text-decoration: none;
}
#contentleft li a:hover {background-color: #ECE7CD; color: #633E08;}
#contentleft li li {list-style-type:none; margin: 0; padding: 0; font: 11px Arial,Helvetica,sans-serif; color:#633E08; font-weight: bold;}
#contentleft li ul {margin: 0; padding: 0; margin-top: -1px; margin-bottom: -1px; background-color: #FFF;}
#contentleft li li a {
	display: block; color: #633E08; background-color: #FFF; border-bottom: 1px solid #ECE7CD;
	width: 255px; margin: 0; padding: 7px 0px 7px 0px; text-decoration: none;
}
#contentleft li li a:hover {background-color: #FFF; color: #AE022C;}
.lili_on {color: #AE022C;}



/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#searchbox input {margin: 3px 10px 4px 0px;}
.button_search_home {padding-bottom: 5px;}
/*content pages */
#search_content input {font: 11px Arial,Helvetica,sans-serif; color:#333;}

/* CSS NAVIGATION STYLES FOR HOMEPAGE using DaveyJJ's method of moving background images */
/* hopefully the French version, when there is one, will use the same widths */
#navtab1 a {
		display: block; width: 133px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab1.gif) 0 0 no-repeat;
}
#navtab1 a:hover {background-position: 0px -53px; text-decoration: none;}
#navtab1on, #navtab1on a, #navtab1on a:hover {
		display: block; width: 133px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab1.gif) 0px -53px no-repeat;
}
#navtab2 a {
		display: block; width: 129px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab2.gif) 0 0 no-repeat;
}
#navtab2 a:hover {background-position: 0px -53px;text-decoration: none;}
#navtab2on, #navtab2on a, #navtab2on a:hover {
		display: block; width: 129px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab2.gif) 0px -53px no-repeat;
}
#navtab3 a {
		display: block; width: 185px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab3.gif) 0 0 no-repeat;
}
#navtab3 a:hover {background-position: 0px -53px;text-decoration: none;}
#navtab3on, #navtab3on a, #navtab3on a:hover {
		display: block; width: 185px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab3.gif) 0px -53px no-repeat;
}

#navtab4 a {
		display: block; width: 168px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab4.gif) 0 0 no-repeat;
}
#navtab4 a:hover {background-position: 0px -53px;text-decoration: none;}
#navtab4on, #navtab4on a, #navtab4on a:hover {
		display: block; width: 168px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab4.gif) 0px -53px no-repeat;
}

#navtab5 a {
		display: block; width: 152px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab5.gif) 0 0 no-repeat;
}
#navtab5 a:hover {background-position: 0px -53px;text-decoration: none;}
#navtab5on, #navtab5on a, #navtab5on a:hover {
		display: block; width: 152px; height: 53px; margin: 0; padding: 0; float: left;
		background: url(../images/structure/navtab5.gif) 0px -53px no-repeat;
}

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