/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* == TEMPLATE 1 - HOME PAGE ========== */
/* ==================================== */

/* --------------------------------- */
/* -- SPECIFIC ELEMENT ATTRIBUTES -- */
/* --------------------------------- */
div#main {
	width: 952px;
	min-height: 410px; /* Height of header image */
	margin-left: 18px; /* Off-set */
	background: transparent url(../images/headers/header_template1.jpg) no-repeat;	
	}	
	/* ------------------ */
	/* -- PAGE CONTENT -- */
	/* ------------------ */
	div#content {
		width: 363px; /* Total 863px - Edited in IE 5.5 CSS */
		min-height: 700px; /* So all widgets are in pseudo-columns - Edited in IE 6 CSS */
		margin-top: 410px; /* Move below header */
		margin-left: 16px; /* Line up with header */		
		padding-top: 20px;
		padding-right: 250px; /* Move content away from column on right, but let background on this div display there */
		background-image: url(../images/columns/columns_template1.jpg);
		}
		p.welcome {
			font-size: 105%;
			}		
		div.sideby {
			width: 170px;
			padding-top: 25px;				
			}
			div.sideby h2 {
				margin-top: 0;
				}
		div#sideby_a {
			float: left;
			}
		div#sideby_b {
			float: right;
			}
		/* Promotions */
		div.promo {			
			width: 363px;
			height: auto;
			margin-bottom: 15px;			
			}
			div.promo a span {
				display: none;
				}
			div.promoheader, div.promofooter {
				background-repeat: no-repeat;
				}
			div.promobody {
				padding: 15px;
				background-repeat: repeat-y;
				}
			/* Monthly Contest promo */
			div#monthlycontest div.promoheader a  {
				display: block;
				height: 61px;
				background-image: url(../images/promos/monthlycontest/header.gif);
				}
			div#monthlycontest div.promobody {
				background-image: url(../images/promos/monthlycontest/background.gif);
				}
			div#monthlycontest div.promofooter {	
				height: 14px;			
				background-image: url(../images/promos/monthlycontest/footer.gif);
				}
			/* Podcasts promo */
			div#podcastspromo div.promoheader a  {
				display: block;
				height: 42px;
				background-image: url(../images/promos/podcasts/header.gif);
				}
			div#podcastspromo div.promobody {
				background-image: url(../images/promos/podcasts/background.gif);
				}
			div#podcastspromo div.promofooter {	
				height: 21px;			
				background-image: url(../images/promos/podcasts/footer.gif);
				}
			/* Share Your Ohio promo */
			div#shareyourohiopromo div.promoheader a  {
				display: block;
				height: 49px;
				background-image: url(../images/promos/shareyourohio/header.gif);
				}				
			div#shareyourohiopromo div.promobody {
				background-image: url(../images/promos/shareyourohio/background.gif);
				}
				div#shareyourohiopromo span.submit {
					background-image: url(../images/promos/shareyourohio/submit_alt.gif); /* To get rid of flicker while downloading roll-over image */
					}
					div#shareyourohiopromo a.submit {
						position: absolute;
						top: -27px;
						left: 234px;
						display: block;
						width: 122px;
						height: 58px;
						background-image: url(../images/promos/shareyourohio/submit.gif);
						}
						div#shareyourohiopromo a.submit:hover {
							background-image: url(../images/promos/shareyourohio/submit_alt.gif);
							}					
			div#shareyourohiopromo div.promofooter {	
				position: relative; /* Need to position relatively so that submit icon can be positioned absolutely */
				height: 14px;			
				background-image: url(../images/promos/shareyourohio/footer.gif);
				}
		/* Right column */
		div#column {				
			position: absolute;
			top: 655px; /* Original 604px, then 625px - Updated to account for new calendar, then new tab */
			left: 682px;			
			width: 247px; /* Original 245px - Updated to account for addition of Packages/Special Offers link */
			height: 530px; /* Original 460px - Upadted to account for addition of Packages/Special Offers link */
			background: transparent url(../images/columns/columns_template1_notes_r3.jpg) no-repeat;
			}
	/* ------------ */
	/* -- HEADER -- */
	/* ------------ */	
	div#header {		
		top: 40px;
		left: 278px;	
		}
		/* Back-up text for IE 7 only (bug in IE 6) */
		p.noflash {
			position: relative;
			top: 165px;
			left: 80px;
			width: 350px;
			color: #fff;
			font-size: 10px;
			}
			p.noflash a {
				color: #e3d9b3;
				}
	/* ------------ */
	/* -- FOOTER -- */
	/* ------------ */
	div#footer {
		margin-left: 16px;
		background: transparent url(../images/columns/columns_template1.jpg) 0px 8px repeat-y; /* Position adjustment made 5/30/07 to line up grid at default page height */	
		}
		div#footer p {
			padding-top: 10px;
			border-top: 1px dotted #794c1a;
			}
	/* ------------------------- */
	/* -- WIDGETS AND MODULES -- */
	/* ------------------------- */	
	div#widgets {		
		margin: 120px 0 0 1px;
		}
		div#map {
			position: absolute;
			z-index: 16;
			top: -242px;
			left: 8px;
			}
		div#feature {
			position: absolute;
			top: 308px; /* Original 261px, then 282px, then 278px - Updated to account for new calendar, updated again to account for addition of Packages/Special Offers link, again for addition of new tab */
			left: 688px;
			width: 139px;
			height: 118px;	
			}	
		div#eventcalendar {					
			position: absolute;
			top: 25px; /* Original 15px, then 2px */
			left: 647px; /* Original 650px */
			background-image: url(../images/widgets/eventcalendar/background_template1_r2.jpg); /* Last updated 5/30/07 */		
			}
	/* --------------------------------- */
	/* -- GENERAL NAVIGATION ELEMENTS -- */
	/* --------------------------------- */
	ul#navigation {
		}	
		/* ----------------------------- */
		/* -- PRIMARY NAVIGATION SETS -- */
		/* ----------------------------- */	
		/* Upper tabs */
		li.set1 {
			left: 46px;		
			}
			li.set1 a.primary {							
				width: 214px; /* Total 232px - Edited in IE 5.5 CSS */								
				}
			li.set1 a.primary:hover {
				width: 202px; /* Total 232px - Edited in IE 5.5 CSS */
				}					
		/* ---------------------------------- */
		/* -- SPECIFIC NAVIGATION ELEMLENTS -- */
		/* ---------------------------------- */				
		li#home { /* Home link not needed on home page */								
			}			
			li#home img {
				display: none; /* Embedded in background and in Flash - this used only for print */
				}
			ul#language {				
				top: 10px;	
				left: 0px;									
				}		
		li#wheretogo {		
			top: 49px;	
			background-image: url(../images/navigation/tab1roll_set1_template1.jpg);			
			}	
			li#wheretogo a.primary {
				height: 24px; /* Total 38px - Edited in IE 5.5 CSS */			
				background-image: url(../images/navigation/tab1_set1_template1.jpg);
				}
			li#wheretogo a.primary:hover {
				background-image: url(../images/navigation/tab1roll_set1_template1.jpg);
				}	
		li#whattodo {			
			top: 87px;			
			background-image: url(../images/navigation/tab2roll_set1_template1.jpg);			
			}	
			li#whattodo a.primary {	
				height: 23px; /* Total 37px - Edited in IE 5.5 CSS */			
				background-image: url(../images/navigation/tab2_set1_template1.jpg);
				}
			li#whattodo a.primary:hover {
				background-image: url(../images/navigation/tab2roll_set1_template1.jpg);
				}		
		li#shareyourohio {			
			top: 124px;			
			background-image: url(../images/navigation/tab3roll_set1_template1.jpg);	
			}
			li#shareyourohio a.primary {
				height: 24px; /* Total 38px - Edited in IE 5.5 CSS */			
				background-image: url(../images/navigation/tab3_set1_template1.jpg);
				}
			li#shareyourohio a.primary:hover {
				background-image: url(../images/navigation/tab3roll_set1_template1.jpg);
				}
		li#visitorinformation {			
			top: 357px;
			left: 287px;
			background-image: url(../images/navigation/tab1roll_set2_template1.gif);							
			}
			li#visitorinformation a.primary {
				width: 150px; /* Total 165px - Edited in IE 5.5 CSS */
				height: 27px; /* Total 43px - Edited in IE 5.5 CSS */
				padding: 16px 0 0 15px;			
				background-image: url(../images/navigation/tab1_set2_template1.gif);		
				}
			li#visitorinformation a.primary:hover {				
				height: 30px; /* Total 43px - Edited in IE 5.5 CSS */
				padding-top: 13px;
				background-image: url(../images/navigation/tab1roll_set2_template1.gif);
				}
		li#reunions {	
			top: 366px;
			left: 452px;
			background-image: url(../images/navigation/tab2roll_set2_template1.gif);				
			}	
			li#reunions a.primary {
				width: 76px; /* Total 92px - Edited in IE 5.5 CSS */
				height: 22px; /* Total 39px - Edited in IE 5.5 CSS */
				padding: 14px 0 0 16px;
				background-image: url(../images/navigation/tab2_set2_template1.gif);
				}
			li#reunions a.primary:hover {				
				height: 28px; /* Total 39px - Edited in IE 5.5 CSS */
				padding-top: 11px;
				background-image: url(../images/navigation/tab2roll_set2_template1.gif);
				}
		li#pressroom {			
			top: 373px;
			left: 544px;
			background-image: url(../images/navigation/tab3roll_set2_template1_r1.gif);							
			}
			li#pressroom a.primary {
				width: 95px; /* Total 111px (original 122px - edited 5/30/07 when new tab added) - Edited in IE 5.5 CSS */
				height: 25px; /* Total 37px - Edited in IE 5.5 CSS */
				padding: 12px 0 0 16px;
				background-image: url(../images/navigation/tab3_set2_template1_r1.gif);				
				}
			li#pressroom a.primary:hover {				
				height: 28px; /* Total 37px - Edited in IE 5.5 CSS */
				padding-top: 9px;
				background-image: url(../images/navigation/tab3roll_set2_template1_r1.gif);
				}
		/* Added 5/30/07 GML */
		li#multicultural {
			top: 379px;
			left: 655px;
			background-image: url(../images/navigation/tab4roll_set2_template1.gif);							
			}
			li#multicultural a {
				width: 106px; /* Total 122px - Edited in IE 5.5 CSS */
				height: 27px; /* Total 39px - Edited in IE 5.5 CSS */
				padding: 12px 0 0 16px;
				background-image: url(../images/navigation/tab4_set2_template1.gif);				
				}
			li#multicultural a:hover {
				height: 30px; /* Total 39px - Edited in IE 5.5 CSS */
				padding-top: 9px;
				background-image: url(../images/navigation/tab4roll_set2_template1.gif);
				}
		li#packagesandspecialoffers { /* Added 5/4/2007 GML */
			position: absolute;
			top: 860px; /* Original 830px, updated to accuont for new tab */
			left: 700px;			
			}
		li#microsites {
			position: absolute;
			top: 956px; /* Original 836px, then 926px - Updated to account for addition of Packages/Special Offers link, then addition of new tab */
			left: 688px;			
			text-align: center;					
			}				
			img#header_microsites {
				display: block;				
				margin-left: 21px;
				padding-bottom: 10px;					
				}				
			/* Back arrow */
			a#microsites_back {
				position: absolute;							
				top: 13px;
				left: 30px;																						
				}											
			/* Forward (Next) button */		
			a#microsites_next {	
				position: absolute;							
				top: 25px;
				left: 165px;								
				}
				ul#micrositeindex {
					display: block; /* Secondary nav is hidden by default */
					}						
					ul#micrositeindex li {							
						display: none; /* Hide all but selected microsite icon by default */										
						}		
					ul#micrositeindex li.selected {
						display: block;	/* Show selected microsite icon */
						padding-bottom: 25px;													
						}
						li#microsite1of5 {
							background: transparent url(../images/navigation/1of5.gif) left bottom no-repeat;
							}
						li#microsite2of5 {
							background: transparent url(../images/navigation/2of5.gif) left bottom no-repeat;
							}
						li#microsite3of5 {
							background: transparent url(../images/navigation/3of5.gif) left bottom no-repeat;
							}						
						li#microsite4of5 {
							background: transparent url(../images/navigation/4of5.gif) left bottom no-repeat;
							}						
						li#microsite5of5 {
							background: transparent url(../images/navigation/5of5.gif) left bottom no-repeat;
							}
						/* four options */
						li#microsite1of4 {
							background: transparent url(../images/navigation/1of4.gif) left bottom no-repeat;
							}
						li#microsite2of4 {
							background: transparent url(../images/navigation/2of4.gif) left bottom no-repeat;
							}
						li#microsite3of4 {
							background: transparent url(../images/navigation/3of4.gif) left bottom no-repeat;
							}						
						li#microsite4of4 {
							background: transparent url(../images/navigation/4of4.gif) left bottom no-repeat;
							}
						/* three options */
						li#microsite1of3 {
							background: transparent url(../images/navigation/1of3.gif) left bottom no-repeat;
							}
						li#microsite2of3 {
							background: transparent url(../images/navigation/2of3.gif) left bottom no-repeat;
							}
						li#microsite3of3 {
							background: transparent url(../images/navigation/3of3.gif) left bottom no-repeat;
							}