/* 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;}
#toplinks {
	position: absolute; top: 0; right: 188px; width: 704px;  padding-top: 8px;
	color: #FFF; text-align:right; font:11px Arial,Helvetica,Verdana,sans-serif; font-weight:bold;
}
/* establish styles for the main search input box on all pages */
#pagesearch input {width: 150px; padding: 2px; font: 11px Arial, Helvetica, sans-serif; color: #2F2F2F;}
/* footer on all pages */
#footer {
	width: 948px; height: 27px; position:relative; background-color:#236496; padding: 11px 0px 0px 2px;
	color:#FFF; text-align:left; font:11px Arial,Helvetica,Verdana,sans-serif;
}
#logoesol {position:absolute; top:0; right:0; width:253px; height: 38px; overflow:hidden;}

/* STYLES HOME PAGE ONLY */
/* first, a main area to hold the banner image, 4 quicklinks, news, and intro text */
#homemain {height:329px; width:950px; position:relative; background: url(/images/bkgnd_home_main.jpg) top left no-repeat;}
#homebanner {position:absolute; top: 39px; left:249px; height:288px; width:504px; border:0; overflow:hidden; border: solid 1px #d7e0e5;}
#homeintro {position:absolute; top:133px; left:13px; height:122px; width:220px; overflow:hidden;font: 12px/15px Arial, Helvetica, sans-serif; color: #FFF;}
#homeintro p {color: #FFF;}
#homenews {
	position:absolute; bottom: 0px; top: 40px; left: 774px; height: 150px; width:173px; overflow:hidden;
	font: 12px/14px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0;
}
.homenewstable {font: 12px/14px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0;}
#homeButtons {
	position:absolute; bottom: 0px; top: 200px; left: 774px; height: 130px; width:173px; overflow:hidden;
	font: 12px/14px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0;
}
/* the four quicklinks buttons -- the actual menu rollover code is in the menus CSS file */
#quicklink1 {position: absolute; top: 264px; left: 6px; height:32px; width:114px; overflow:hidden;}
#quicklink2 {position: absolute; top: 264px; left: 120px; height:32px; width:118px; overflow:hidden;}
#quicklink3 {position: absolute; top: 296px; left: 6px; height:33px; width:116px; overflow:hidden;}
#quicklink4 {position: absolute; top: 296px; left: 120px; height:33px; width:118px; overflow:hidden;}

/* the strip of text city links under the main area */
#cities {height:27px; width:950px; padding-top:12px; background: url(/images/bkgnd_home_cities.jpg) top left no-repeat; font: 12px/14px Arial, Helvetica, sans-serif; color: #FFF;}

/* the area on the home page with the three main graphic links and the standard calendar etc links on the right */
#homearea {height:163px; width:950px; margin-bottom:11px; background: url(/images/bkgnd_homearea.jpg) top left no-repeat; position:relative;}
#threeareas {float: left; width: 756px; height:163px;background: url(/images/bkgnd_threeareas.gif) bottom left no-repeat;}
#homerightmenu {float: left; width: 184px; height:163px; margin-left:6px;}
/* for the floating items in the home area */
#item1 {position:absolute; height:115px; width:101px; font:13px/15px Arial, Helvetica, sans-serif; color:#FFF; top: 51px; left: 117px; overflow:hidden;}
#item1pic {position:absolute; top: 49px; left: 15px; height:90px; width: 90px; overflow:hidden;}
#item2 {position:absolute; height:115px; width:101px; font:13px/15px Arial, Helvetica, sans-serif; color:#FFF; top: 51px; left: 367px; overflow:hidden;}
#item2pic {position:absolute; top: 49px; left: 263px; height:90px; width: 90px; overflow:hidden;}
#item3 {position:absolute; height:115px; width:101px; font:13px/15px Arial, Helvetica, sans-serif; color:#FFF; top: 51px; left: 623px; overflow:hidden;}
#item3pic {position:absolute; top: 49px; left: 521px; height:90px; width: 90px; overflow:hidden;}
.itembutton {border:0; margin-top:9px;}

/* STYLES FOR CONTENT PAGES ONLY */
/* --- header only for content pages --- */
#pageheader {height: 121px; width: 950px; position:relative; background: url(/images/bkgnd_pageheader.jpg) top left no-repeat #236496;}
#pageheaderlogo {position: absolute; top: 0; left: 0; height: 121px; width: 246px;}
#pageslogan {position:absolute; top:79px; right:194px; text-align:right; color:#FFF; font: 23px Times,Georgia,serif;}
#pagesearch {position: absolute; top: 3px; right: 0px; width:188px; height: 22px; overflow:hidden; text-align:right;}

/* now a container div to hold the three columns floated left for column clearing trick */
#columns {width:946px; float:left;margin:0; padding:0; padding-bottom:0;}
#left {width:756px; float:left;margin:0; padding:0; padding-bottom:0; background: url(/images/bottom_curve.gif) bottom left no-repeat #FFF;}
#spacer4 {width: 4px;height:163px;float:left;overflow:hidden;margin:0; padding:0; padding-bottom:0;background: url(/images/bkgnd_spacer4.jpg) top left no-repeat #236496;}
#right {width:184px; float:left;margin:0; padding:0; padding-bottom:0; color:#FFF;background: url(/images/bkgnd_right_content.gif) top left no-repeat;}
/* #undercontent {width:950px; height:9px;} */

/* Styles for Indusrty News Templates */
#pagenav_industry {width:756px; height:43px; overflow:hidden; background: url(/images/navtab_industryNews.gif) top left no-repeat #3C7EB0;}
#navleft {float:left; text-align:left; color:#FFF; font: 23px Times,Georgia,serif; padding: 5px 0px 5px 6px; }
#navright {float:right; text-align:right; color:#FFF; font: 23px Times,Georgia,serif; padding: 5px 6px 5px 0px; }
#navleft a, #navleft a:visited {text-decoration: none; color:#FFF;}
#navright a, #navright a:visited {text-decoration: none; color:#FFF;}
#navleft a:hover {text-decoration: underline; color:#FFF;}
#navright a:hover {text-decoration: underline; color:#FFF;}
#industrytext {float:left; width:700px; padding:0px 25px 0px 24px;}
#industrytextcolumn {float:left; width:200px; padding:0px 25px 0px 24px;}
#industryiblog {float:right; width:450px; padding:0px 25px 0px 24px;}



/* now divs specific to the left column (content) and right column (facts) */
#pagenav {width:756px; height:43px; overflow:hidden; background-color:#3C7EB0;}
#pagetitle {height:77px; width:756px; position:relative;}
#titlewords {position: absolute; font:27px Georgia,Times,serif; color:#1C5481; top:25px; left:24px;}
#btnprint {position: absolute; top:36px; left:614px; height:16px; width:58px;}
#btnemail {position: absolute; top:36px; left:672px; height:16px; width:62px;}
#btnextra {color:#236496;font:12px Arial,Helvetica,Verdana,sans-serif;font-weight: bold;position: absolute; top:36px; left:300px; height:16px; width:320px;text-align: right;padding-top:1px;vertical-align:top;}
#btnextra a {text-decoration: none;}

#leftcontent {float:left;width:707px;padding:0px 25px 0px 24px;}
#lefttext {float:left;width:478px;/*527-padding*/padding:0px 25px 0px 24px; text-align: justify;}
#lefttext ul {list-style-type:square; margin-bottom: 16px;}
#lefttext li {font:13px/16px Arial,Helvetica,Verdana,sans-serif;color: #101010;}
#leftnav {float:left; width:207px; /* border-top:1px solid #AABFD0; */ text-align:center;}
#pagebanner {width:478px;height:151px;margin-bottom:19px;overflow:hidden;}

/* used by tourism directory */
#contentbanner { background-color: #f6f6f6; color: #236496 !important; font: 13px Arial,Helvetica,sans-serif; font-weight: bold; padding: 5px; }
.contentheader td { background-color: #f6f6f6; color: #236496 !important; font: 13px Arial,Helvetica,sans-serif; font-weight: bold !important; padding: 5px; }
.contenthighlight td { background-color: #f6f6f6; color: #236496 !important; }
.oddrow { background-color: #f3f3f3; }
#contenttext { color: #236496 !important; font-weight: bold; }

#rightnav {width:184px; height:163px;margin-bottom:9px;}
#factstop {width:184px;height:18px;background:url(/images/yorkfacts_top.gif) top left no-repeat;margin:0; padding:0;margin-bottom:0;}
#factsbottom {width:184px;height:19px;background:url(/images/yorkfacts_bottom.gif) top left no-repeat;margin:0; padding:0;}
#factsline {width:164px;height:20px;background:url(/images/facts_line.gif) top left no-repeat;margin:0; padding:0;}
#yorkfacts {
	width:164px; background: url(/images/bkgnd_yorkfacts.gif) top left repeat-y;
	padding:0px 10px; font:13px/16px Arial,Helvetica,Verdana,sans-serif;color: #FFF; margin:0; margin-top: -1px;
}

/* new navigation style in a type row above the page title -- April 16, 2007 */
#crossnav {
	 margin: 16px 0px 0px 25px; width:708px; background: url(/images/bkgnd_crossnav.gif) top left repeat-x;
	 font:13px/26px Arial,Helvetica,Verdana,sans-serif; color: #1C5481; padding: 0px 0px 4px 0px;
}
#crossnav a {text-decoration: none;color: #1C5481; padding: 0px 5px;}
#crossnav a:hover {text-decoration: none; color: #333; padding: 0px 5px;}
.crossnavon {text-decoration: none; color: #333; font-weight: bold;}



/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */
#toplinks a, #cities a {margin-right: 6px; margin-left: 6px; color: #FFF;}
#toplinks a:link, #toplinks a:visited, #cities a:link, #cities a:visited {text-decoration:none; color: #FFF;}
#toplinks a:hover, #toplinks a:active, #cities a:hover, #cities a:active {text-decoration:underline; color: #FFF;}

#yorkfacts a, #homenews a {color: #FFF;text-decoration:none; padding-bottom:0;}
#yorkfacts a:link, #yorkfacts a:visited, #homenews a:link, #homenews a:visited {text-decoration:underline; color: #FFF;}
#yorkfacts a:hover, #yorkfacts a:active, #homenews a:hover, #homenews a:active {text-decoration:none; color: #FFF;}

#footer a, #yorkfacts a {color: #FFF;text-decoration:none;}
#footer a:link, #footer a:visited {text-decoration:none; color: #FFF;}
#footer a:hover, #footer a:active {text-decoration:underline; color: #FFF;}

/* ADS */
#rightads {float:left; width:207px; overflow:hidden;font:13px Arial,Helvetica,Verdana,sans-serif; color:#1C5481;}
.rightad a {color:#236496;font-weight:bold;text-decoration:none;}

/* Rotating Image */
.rotatingImage {}

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