/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* == COMMON STYLES =================== */
/* ==================================== */

/* -------------------------------- */
/* -- GENERAL ELEMENT ATTRIBUTES -- */
/* -------------------------------- */
body {
	color: #794c1a;
	background: #8f4e13 url(../images/pattern_woodgrain.jpg);
	}	
	h1, h2, h3, h4, h5 {		
		color: #513311;
		}	
	a, legend {
		color: #345355;
		}
	a:hover {
		text-decoration: none;
		}
	.credit {
		font-style: italic;
		}
	.japanese, .french, .german {
		display: none;
		}
	.learnmore {
		float: right;
		}
	.errormessage {
		color: #CC0000;
		margin-bottom: 10px;
		}
	a.pseudo-button, a.psuedo-button {				
		padding: 5px;
		color: #714417;
		background-color: #E8D89E;
		text-decoration: none;
		border-width: 1px;
		border-style: outset;
		border-top-color: #ccc;
		border-left-color: #ccc;
		border-bottom-color: #000;
		border-right-color: #000;		
		}
		a.pseudo-button:hover, a.psuedo-button:hover {			
			border-style: inset;
			border-top-color: #000;
			border-left-color: #000;
			border-bottom-color: #ccc;
			border-right-color: #ccc;		
			}

/* --------------------------------- */
/* -- SPECIFIC ELEMENT ATTRIBUTES -- */
/* --------------------------------- */	
div#main {
	border-top: 1px solid #000; /* Bug fix for Firefox and Opera browsers - anchors header to top */
	}
	/* ------------------ */
	/* -- PAGE CONTENT--  */
	/* ------------------ */
	div#content {		
		padding-bottom: 10px;
		padding-left: 250px; /* Move content away from widget column on left, but let background on this div display there */	
		background-color: #fff;	
		background-repeat: repeat-y;
		}
		div#content p, div#content li, div#content blockquote, div#content address, div#content q {
			line-height: 150%;
			}		
	/* ------------ */
	/* -- HEADER -- */
	/* ------------ */
	div#header {
		position: absolute;
		top: 25px;
		left: 258px;
		}
	/* ------------ */
	/* -- FOOTER -- */
	/* ------------ */
	div#footer {	
		font-size: 90%;		
		padding: 20px 320px 30px 250px;		
		}	
		/* -------------------------- */
		/* -- AUXILIARY NAVIGATION -- */
		/* -------------------------- */
		/* Did not place with rest of navigation due to Internet Explorer difficulties */
		div.auxiliarynav {	/* Added 2/21/07 to deal with additional navigation and floating issues */		
			width: 400px;
			}
			ul.auxiliarynav {			
				list-style-type: none;
				margin: 0;
				padding: 0;			
				}
				ul.auxiliarynav li {
					float: left;
					white-space: nowrap;				
					}
					ul.auxiliarynav li a {
						display: block;
						padding: 0 5px 5px 0;
						}
				li#rssfeeds a {					
					padding-right: 25px;
					background: transparent url(../images/icons/rss.gif) right top no-repeat;
					}
				li#links {
					clear: left;
					}		
	/* ------------------------- */
	/* -- WIDGETS AND MODULES -- */
	/* ------------------------- */	
	/* 	
	1. Map (Home Page)
	2. "I Want To" (Travel Genie)
	3. Top Searches
	4. Ohio's Best
	5. Calendar
	6. Feature (Free Publications)
	7. Microsite Navigation
	8. Travel Guide (Multi-Column Browser)
	*/	
	div#widgets {
		position: absolute;
		top: 280px;
		left: 36px;
		}
		div#widgets h1, div#widgets h2, div#widgets h3, div#widgets h4, div#widgets h5 {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
		/* Search Tools - override some tab-based widget settings */
		div#searchtools {				
			}
			div#iwantto1 {
				padding-bottom: 10px;
				display: none;
				}
			div#iwantto {
				padding-bottom: 10px;				
				}			
			div#iwantto1, div#keyword {
				text-align: right;
				}
			div#iwantto, div#keyword {
				text-align: right;
				}
			div#keyword1 {
				/*display: none; /* Hide by default - select with tab */
				}
			div#keyword {
				display: none;  /*Hide by default - select with tab */
				}
			div#iwantto select  {
				width: 184px;
				margin-bottom: 5px;					
				}
			div#iwantto1 select  {
				width: 184px;
				margin-bottom: 5px;					
				}	
			input#searchtools_keyword {
				width: 179px;
				margin-bottom: 5px;
				}				
		div#searchtools div.bottom {	
			height: 31px; /* Edited in IE 5.5 CSS */
			padding-top: 14px;
			text-align: center;
			background-image: url(../images/widgets/bg_bottom2.gif);	
			}
			div#searchtools div.bottom a:hover {
				position: relative;
				top: 1px;
				left: 1px;
				}
		/* Event Calendar */
		div#eventcalendar {		
			width: 216px; /* Original 218px - Current 221px total - Edited in IE 5.5 CSS */
			height: 214px; /* Original 153px (186px total) */					
			margin-bottom: 5px;			
			padding-left: 5px; /* Original 0px */
			background-repeat: no-repeat;	
			border: 1px solid transparent; /* Bug fix for Firefox and Opera */			
			}
			a#calendarsearchbutton {
				display: block;				
				margin: 12px 0 28px 59px;
				}
			a#calendarsearchbutton:hover {
				position: relative;
				top: 1px;
				left: 1px;
				}
			div#month {
				text-align: center;
				}
				div#eventcalendar a.arrow {
					position: relative;
					top: -7px;
					}			
				div#monthnum {
					display: none;
					}
			div#content_eventcalendar {
				width: 175px;				
				height: 98px;
				overflow: auto;				
				margin-top: 7px;
				margin-left: 27px;									
				}	
				div#content_eventcalendar h5 {
					font-size: 1em;
					padding: 2px;				
					color: #fff;
					background-color: #8bb0b5;
					}
				div#content_eventcalendar ul {
					list-style-type: none;
					margin: 0;
					}
					div#content_eventcalendar li {
						margin-right: 3px;
						padding: 5px;						
						background-color: transparent;
						border-top: 1px solid #8bb0b5;
						}
						div#content_eventcalendar a {
							color: #345355;
							font-weight: normal;							
							text-decoration: none;							
							}
						div#content_eventcalendar a:hover {													
							text-decoration: underline;							
							}
		div#topsearches {			
			}
		div#ohiosbest {				
			}
		div#feature {				
			text-align: center;	
			}
			div#feature img {
				display:block;
			}
		/* ---------------------------------------------------- */	
		/* -- TAB-BASED WIDGETS - TOP SEARCHES + OHIO'S BEST -- */
		/* ---------------------------------------------------- */
		div.tab {	
			width: 219px;	
			margin-bottom: 5px;	
			background: transparent url(../images/widgets/bg_top.gif) no-repeat;	
			text-align: center;			
			}
			/* Tabs */
			div.tab img.name {
				margin: 13px 0 3px 0;
				}
			ul.listmenu1 {
				list-style-type: none;
				width: 219px;
				height: 20px;
				margin: 0;
				padding: 6px 18px 0px 18px;
				background: transparent url(../images/widgets/tabs_offon.gif) no-repeat;					
				}
				ul.listmenu1 li {	
					float: left;			
					width: 93px;
					margin: 0px;				
					}		
					ul.listmenu1 li a {
						display: block;
						color: #784A19;
						text-decoration: none;
						}
					ul.listmenu1 li a:hover {
						color: #B58551;
						}
					ul.listmenu1 li.selected a {
						color: #E8DECF;					
						}
					ul.listmenu1 li.selected a:hover {
						color: #E8B871;
						}	
			ul.listmenu {
				list-style-type: none;
				width: 219px;
				height: 20px;
				margin: 0;
				padding: 6px 18px 0px 18px;
				background: transparent url(../images/widgets/tabs_onoff.gif) no-repeat;					
				}
				ul.listmenu li {	
					float: left;			
					width: 93px;
					margin: 0px;				
					}		
					ul.listmenu li a {
						display: block;
						color: #784A19;
						text-decoration: none;
						}
					ul.listmenu li a:hover {
						color: #B58551;
						}
					ul.listmenu li.selected a {
						color: #E8DECF;					
						}
					ul.listmenu li.selected a:hover {
						color: #E8B871;
						}	
			/* Content */	
			div.tab div.content {			
				padding: 8px 18px 0 18px;			
				background: transparent url(../images/widgets/bg_center.gif) repeat-y;			
				}
				/* Ordered list content */
				div.tab div.content ol, div.tab div.content ul {
					margin: 0;
					padding: 0;						
					}
				div.tab div.content ul, div.tab div.content ol {
					list-style-type: none;
					}
					div.tab div.content li {
						clear: both;						
						padding: 3px;				
						border-bottom: 1px solid #714417;
						background-color: #E8DE9E;
						}
					div.tab div.content ul li {						
						height: 52px; /* Height added to keep widget from getting too long - background does not appear behind long widget */
						overflow: hidden;
						}					
					div.tab div.content li.alt {
						background-color: #d1c080;
						}
					div.content ul li a {
						color: #794c1a; /* Ohio's Best */
						/* REM GML font-weight: bold; */
						}
					div.content ol li a {
						color: #794c1a; /* Top Searches */
						}
					div.content img {
						float: right;
						width: 50px;
						height: 50px;					
						margin: 0 0 5px 5px;
						border: 1px solid #000;					
						}					
				div.tab a {
					text-decoration: none;
					}
					div.widget a:hover {
						color: #B58551;
						}
			div.tab div.bottom {	
				width: 219px;
				height: 15px;
				background: transparent  url(../images/widgets/bg_bottom.gif) no-repeat;		
				}
	/* --------------------------------- */
	/* -- GENERAL NAVIGATION ELEMENTS -- */
	/* --------------------------------- */
	ul#navigation, ul#navigation ul {				
		margin: 0;
		padding: 0;
		list-style-type: none;		
		}
		ul#navigation li {			
			margin: 0;
			padding: 0;
			}	
		/* ----------------------------- */
		/* -- PRIMARY NAVIGATION SETS -- */
		/* ----------------------------- */			
		/* Upper tabs */
		li.set1 {
			position: absolute;			
			background-position: right top;
			background-repeat: no-repeat;
			}
			li.set1 a.primary {
				display: block;				
				padding: 14px 0 0 18px;
				background-position: right top;		
				background-repeat: no-repeat;				
				}
			li.set1 a.primary:hover {			
				padding-left: 30px;
				}
		/* Lower tabs */
		li.set2 {
			position: absolute;
			background-repeat: no-repeat;
			}
			li.set2 a.primary {	
				display: block;	
				background-repeat: no-repeat;								
				}				
			/* -------------------- */
			/* -- SUB-NAVIGATION -- */
			/* -------------------- */	
			ul.secondary {
				display: none; /* Hide secondary and tertiary navigation by default */				
				}				
		/* ---------------------------------- */
		/* -- SPECIFIC NAVIGATION ELEMENTS -- */
		/* ---------------------------------- */
	    .user-links{margin:0; padding:0; position:absolute; float:right; color:#FFF; list-style:none;}
	        .user-links li{margin:0; padding:0 6px; border-right:1px solid #FFF; float:right; width:300px;}
	        .user-links .last{border-right:none !important;}
	            .user-links li a{color:#FFF; text-decoration:none;}
	            .user-links li a:hover{text-decoration:underline;}
	        
		        
		li#home {
			}
			ul#language {				
				position: absolute;	
				top:45px;			
				width: 888px;
				float: right;
				white-space: nowrap;		
				}
				ul#language li {
					float: right;
					padding-right: 6px;
					padding-left: 6px;
					border-right: 1px solid #fff;
					}
				li#english {
					font-weight: bold;
					}
				ul#language li#japanese { /* Need long-hand to over-ride */
					border: none;
					}				
					ul#language a {
						color: #fff;					
						text-decoration: none;
						}
					ul#language a:hover {
						text-decoration: underline;
						}
						
/* ----------------- */
/* -- CSS MODULES -- */
/* ----------------- */	
				
/* Psuedo drop-down menu */
div#pseudoselect {
	width: 300px;
	height: auto;		
	margin-bottom: 20px;
	color: #000;	
	background-color: #fff;	
	border: 1px solid #7f9db9;		
	}
	span#pseudoselect_command {
		display: block;
		min-height: 17px;
		padding-top: 2px;
		padding-left: 3px;
		overflow: visible;
		background: #fff url(../images/pseudoselect_arrow.gif) right top no-repeat;														
		}
	ul#pseudoselect_options {	
		display: block;			
		list-style-type: none;
		width: 300px;
		height: 100px;
		margin: 0;				
		overflow: auto;	
		overflow-x: hidden;
		overflow-y: auto;									
		}
		ul#pseudoselect_options a {
			display: block;
			width: 280px;					
			padding-left: 3px;
			color: #000;
			text-decoration: none;
			}
			ul#pseudoselect_options a:hover {
				background-color: #b2b4bf;
				}