/*******************************		DEFAULTS		*************************************/

body {
	color:#030000;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#f15b47;
}
a:hover {
	color:#a43649;
}

.left {
	float:left
}
.right {
	float:right
}
.center{
	text-align:center;
}
.clear {
	clear:both;
	display:block;
	height:0em;
}
img{ behavior: url(iepngfix.htc) }

area {
	cursor:pointer;
}
.AS_ajax_resultsIntroFailure{display:none;}
.address {
	font-size:11px;
	margin:10px 0 0 20px;
}

/*******************************		HEADER / NAV		*************************************/

#header {
	background:url(../img/bg-header.gif) no-repeat top center #fff;
	height:164px;
	text-align:left;
}
	#header .wrap {
		width:984px;
		margin:0 auto;
		text-align:left;
	}
	#header h1 {
		padding-top:8px;
		padding-left:84px;
		padding-bottom:18px;
	}
		#header h1 a {
			display:block;
			font-size:0em;
			line-height:0em;
			text-indent:-1000000px;
		}
		#header h1 img {
			display:block;
		}
	
	#header .left {
		width:800px;
	}
			#header .nav a {
				color:#fff;
				font-weight:bold;
				
			}
			#header .nav a:hover {
				color:#f15b47;
			}
			
	/********* 	DROP DOWN MENU	*************************/


/* 
	LEVEL ONE
*/
#header .left ul.dropdown                         { position: relative;font-weight:bold;margin-left:-8px;_margin-left:0px;z-index:2;}
#header .left ul.dropdown li                      { display:inline;padding-right:10px;*padding-right:12px;_padding-right:8px;}
*|html[xmlns*=""] #header .left ul.dropdown li {padding-right:15px;} /* Safari 4 agrees with FF3 on padding-right of 10px... */
#header .left ul.dropdown a:hover		            { color: #f15b47; }
#header .left ul.dropdown li a                    { color:#a4374a;text-decoration:none;cursor:pointer;font-size:11px;}
#header .left ul.dropdown li.active a				{color: #f15b47;}
#header .left ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#header .left ul.dropdown li.hover,
#header .left ul.dropdown li:hover                { position: relative; }
#header .left ul.dropdown li.hover a              { }

/* 
	LEVEL TWO
*/
#header .left ul.dropdown ul 						{ width: 162px; visibility: hidden; position: absolute; top: 99%; left:0; margin-left:-2px;_margin-top:-140px;z-index:2;}
#header .left ul.dropdown ul li 					{ font-weight: normal; background: #DDE89F; color: #000; text-align:left; border-bottom: 2px solid white; border-left:1px solid #e8f0bf;border-right:1px solid #e8f0bf;padding:3px;display:block;}
#header .left ul.dropdown ul li.first				{border-top: 2px solid white;margin-top:4px;_margin-top:0;}
#header .left ul.dropdown ul li.last				{border-bottom:1px solid #e8f0bf;}
#header .left ul.dropdown ul li:hover				{color:#f15b47;}
#header .left ul.dropdown li.active ul li a				{color: #000;}	/* To Fix the active sub links from being yellow all the time */
#header .left ul.dropdown li.active ul li a:hover				{color:#f15b47;}
#header .left ul.dropdown li.active ul li a.active				{color:#f15b47;}				  
                                    /* IE 6 & 7 Needs Inline Block */
#header .left ul.dropdown ul li a					{ width: 100%; display: inline-block;color:#000; } 

/* 
	LEVEL THREE
*/
#header .left ul.dropdown ul ul 					{ left: 100%; top: 0;margin-left:0px; }
#header .left ul.dropdown li:hover > ul 			{ visibility: visible; }
			
/*******************************		HEADER / SEARCH FORM		*************************************/

	#header .right {
		padding-top:20px;
		width:164px;
	}
		#header .right form {
			width:164px;
			height:30px;
		}
			#header .right form input.text {
				display:block;
				float:left;
				border:solid 1px #5a5758;
				padding:2px 5px;
				width:125px;
				margin-right:7px;
				font-size:10px;
			}
			#header .right form input.img {
				display:block;
				float:left;
			}
		
		#header .right ul {
			height:95px;
		}
			#header .right ul li {
				padding-bottom:10px;
			}
				#header .right ul li a {
					color:#f15b47;
					text-decoration:none;
				}
				#header .right ul li a.alternate {
					color:#a4374a;
				}
				#header .right ul li a:hover {
					text-decoration:underline;
				}
				
/*******************************		MAIN CONTENT		*************************************/

#content {
	width:1024px;
	margin:0 auto;
	text-align:left;
	background:url(../img/bg-content.gif) repeat-y top center #fff;
}

#page {
	float:left;
	width:817px;
	padding-bottom:20px;
}
#ajaxSearch_input{width:110px; float:left;}
	#page #slideContainer {
		width:817px;
		position:relative;
		z-index:1;
		top:3px;
		margin:0;
		padding:0;
	}

	#page #homeSlides1 {
		float:left;
		width:314px;
		height:163px;
		margin:0;
		padding:0;
		position:relative;
		z-index:1;
	}
	#page #homeSlides2 {
		float:left;
		width:165px;
		height:163px;
		margin:0;
		padding:0;
	}
	#page #homeSlides3 {
		float:left;
		width:165px;
		height:163px;
		margin:0;
		padding:0;
	}
	#page #homeSlides4 {
		float:left;
		width:165px;
		_width:166px;
		_overflow:hidden;
		height:163px;
		margin:0;
		padding:0;
	}
	#page #homeSlides5 {
		float:left;
		width:163px;
		height:163px;
		margin:0;
		padding:0;
	}
	#page .header {
		display:block;
		padding-bottom:20px;
	}
	#page .welcome {
		font-size:0em;
		line-height:0em;
		text-indent:-1000000px;
	}
		#page .welcome img {
			display:block;
			margin:0 auto;
		}
		#page .join {
			font-size:18px;
			font-weight:bold;
			padding-left:325px;
			line-height:200%;
			color:#ea463a;
			padding-bottom:24px;
			width:485px;
			padding-top:30px;
		}
		#page .join .joinButton{
			background:url(../img/joinButton.gif) no-repeat;
			width:122px;
			height:32px;
			padding:0 0 0 13px;
			float:right;
			margin:-35px 111px 0 0px;
			_margin:-35px 55px 0 0px;
		}
		
/*******************************		RIGHT SIDEBAR		*************************************/

#sidebar {
	width:184px;
	float:right;
	padding-top:20px;
	padding-bottom:20px;
}
	#sidebar h3 {
		font-weight:bold;
		color:#f15b47;
		padding-bottom:18px;
	}
	#sidebar h4 {
		font-weight:bold;
		color:#f15b47;
		padding-bottom:5px;
	}
	#sidebar h5 {
		font-weight:bold;
		color:#030000;
		line-height:150%;
	}
		
	#sidebar .news {
		min-height:344px;
		_height:344px;
		margin-bottom:5px;
	}
		#sidebar .news p {
			line-height:150%;
			color:#030000;
			line-height:150%;
		}
		
	#sidebar a.button {
		background:url(../img/tab-l.gif) no-repeat left;
		padding-left:10px;
		display:block;
		float:left;
		text-decoration:none;
		font-weight:bold;
		color:#f15b47;
		margin-left:-8px;
	}
	#sidebar a.button:hover {
		color:#A43649;
	}
		#sidebar a.button span {
			display:block;
			background:url(../img/tab-r.gif) no-repeat right;
			padding-right:10px;
			height:30px;
			line-height:28px;
			cursor:pointer;			
		}
		
/*******************************		SUBPAGES		*************************************/

		
#subpageHeader {
	float:left;
	width:585px;
	padding-bottom:55px;
	padding-left:232px;
	padding-top:13px;
	font-weight:bold;
}
	#subpageHeader h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#f15b47;
		margin-bottom:25px;
	}
	#subpageHeader h4{
		color:#f15b47;
		font-size:12px;
		font-weight:bold;
	}
	#subpageHeader p{
		margin-bottom:10px;
		font-weight:bold;
	}
	#subpageHeader ul{
		list-style-type:none;
		margin:0 0 10px 30px;
	}
		#subpageHeader ul li{
			list-style-type:none;
			margin:0 0 5px 0;
		}

#leftSidebar{
	width:170px;
	padding-left:40px;
	float:left;

}
	#leftSidebar p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		line-height:12px;
		font-style:italic;
		margin-top:3px;
	}
	#leftSidebar h3{
		font-size:16px;
		font-weight:bold;
		text-align:right;
		color:white;
		margin-top:10px;
		height:40px;
	}
	#leftSidebar ul{
		list-style-type:none;
		text-align:right;
		margin-top:40px;
	}
		#leftSidebar ul li{
			width:175px;
			*width:178px;
			_width:180px;
		}
		#leftSidebar ul li a{
			line-height:180%;
			color:white;
			text-decoration:none;
			font-weight:bold;
		}
			#leftSidebar ul li a:hover, ul li a.active{
				color:#f15b47;
				text-decoration:none;
			}
			#leftSidebar ul li a.active{
				color:#f15b47;
				text-decoration:none;
			}
			#leftSidebar form{
				text-align:right;
				margin-top:25px;
			}

#subpage{
	width:575px;
	float:left;
	margin-left:20px;
	padding-bottom:20px;
}

#subpage h3{	/* Used as the first page header after the top blurb, if there is one */
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}
#subpage h4{	/* Used as inner-page headers */
	font-size:12px;
	font-weight:bold;
	padding:14px 0 6px 0;
}
#subpage p{
	line-height:16px;
	margin-bottom:10px;
}
#subpage ul{
	margin-left:20px;
	list-style-type:disc;
}
#subpage ul li{
	list-style-type:disc;
	line-height:130%;
}

/*******************************		SEARCH RESULTS STUFF		*************************************/
	#subpage p.ajaxSearch_resultsInfo{
		font-size:12px;
		margin:0 0 12px 0;
		font-weight:bold;
	}
		#subpage a.ajaxSearch_resultLink{
			font-size:12px;
			background:url(../img/icons/ico-file.gif) no-repeat 0 0;
			padding-left:20px;
			text-decoration:underline;
			color:#000;
			margin:10px 0 10px 10px;
			line-height:150%;
		}
			#subpage a.ajaxSearch_resultLink:hover{
				color:#22845D;
				text-decoration:none;
			}
		#subpage .ajaxSearch_resultExtract{
			padding:0 0 0 35px;
			margin:7px 0;
		}
		#subpage .ajaxSearch_highlight{
			background-color:#F15B47;
			color:white;
		}
/*******************************		SPONSOR PAGE w/SLIDER		*************************************/

#paginationSponsors{
	padding-bottom:3px;
}
#paginationSponsors span.hover{
	font-style:italic;
}

#paginationSponsors #nav {
		display:inline;
		text-align:right;
		margin:0 0 7px 605px;
		*margin:0 0 7px 612px;
	}
		#paginationSponsors #nav a{
			padding:5px 5px;
			color:#a43649;
			text-decoration:none;
			font-weight:bold;
			font-size:11px;
		}
			#paginationSponsors #nav a:hover{
				color:#f15b47;
				text-decoration:none;
			}
		#paginationSponsors #nav a.activeSlide { 
			color:#f15b47;
		}
.pics {
	height:  390px;  
	width:   820px; 
	background-color:transparent;
	position:absolute;
	z-index:1;
}
 	.pics img{
		margin:0 0 0 200px;
	}
	.pics .caption{
		background-color:#dde89f;
		height:21px;
		width:581px;
		color:black;
		padding:6px 0 0 237px;
		font-size:11px;
	}
		
#prev {
	position:relative;
	cursor:pointer;
	top:120px;
	z-index:2;
}
#next{
	position:relative;
	cursor:pointer;
	top:120px;
	left:780px;
	z-index:2;
}

/*******************************		TIMELINE PAGE w/SLIDER		*************************************/

#pagination{
	padding-bottom:3px;
}
#pagination .hover{
	font-style:italic;
	font-size:11px;
	float:left;
}

#nav {
		display:inline;
		text-align:right;
		margin:0 0 7px 600px;
	}
		#nav a{
			padding:5px 5px;
			color:#a43649;
			text-decoration:none;
			font-weight:bold;
			font-size:11px;
		}
			#nav a:hover{
				color:#f15b47;
				text-decoration:none;
			}
		#nav a.activeSlide { 
			color:#f15b47;
		}

.timeline {
	height:  410px;  
	width:   820px; 
	background-color:transparent;
	position:absolute;
	z-index:1;
}		

.timeline .image{
	margin-left:-28px;
} 
	.timeline img.square {  
		margin:  0px 0px 20px 45px;  
		float:left;
	}
	.timeline img.year {  
		display:block;
		clear:both;
		margin:10px 0 0 28px;
	}
	.timeline .caption{
		background-color:#f15a48;
		height:21px;
		width:563px;
		color:white;
		padding:6px 0 0 258px;
		margin-left:27px;
		font-size:14px;
		font-weight:bold;
	}

	.timeline .description{
		padding:15px 10px 0 27px;
		width:500px;
		float:left;
	}
	#prevTimeline {
		position:relative;
		cursor:pointer;
		top:130px;
		left:-12px;
		z-index:2;
	}
	#nextTimeline{
		position:relative;
		cursor:pointer;
		top:130px;
		left:793px;
		z-index:2;
	}
	
/*******************************		STORY PAGE w/SLIDER		*************************************/
	
#paginationStory{
	padding:0;
}
#paginationStory span.hover{
	font-style:italic;
}

#paginationStory #nav {
		display:inline;
		text-align:right;
		padding-right:7px;
		margin:0 0px 47px 625px;
		position:relative;
		z-index:10000;
	}
		#paginationStory #nav a{
			padding:5px 5px;
			color:#a43649;
			text-decoration:none;
			font-weight:bold;
		}
			#paginationStory #nav a:hover{
				color:#f15b47;
				text-decoration:none;
			}
		#paginationStory #nav a.activeSlide { 
			color:#f15b47;
		}

.story {
	height:  390px;  
	width:   820px; 
	background-color:#dde89f;
	position:absolute;
	z-index:1;
}
	.story img{
		margin-left:230px;
	}
	.story .caption{
		background-color:#a43649;
		height:21px;
		width:688px;
		color:white;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9pt;
		font-weight:bold;
		padding:7px 0 0 230px;
	}
	.story p{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		width:500px;
		margin: 15px 0 0 230px;
	}
	.logo{
		position:relative;
		top:65px;
		left:85px;
		z-index:100;
	}
/*******************************		Login Form Etc.		*************************************/

#wlpeLogin form{
	margin-top:-35px;
	_margin-top:0;
	padding-left:3px;
}
#wlpeLogin form label{
	display:block;
	margin-bottom:2px;
	font-size:10px;
	font-weight:bold;
}
#wlpeLogin form input{
	width:225px;
	height:20px;
	padding:3px 0 0 3px;
	background-color:#f2f7df;
}
#wlpeLogin form button#wlpeLoginButton{
	margin:5px 0 0 180px;
}
#wlpeLogin p{
	margin:10px 0;
	display:block;
}
p.wlpeMessageText{
	margin-bottom:14px;
	display:block;
	color:#a43649;	
}
span.forgot a{
	color:#a43649;
	font-weight:bold;
	text-decoration:none;
}

/*******************************		ADMIN AREA		*************************************/

#subpageAdmin{
	width:525px;
	float:left;
	margin-left:20px;
	padding:30px;
}

#subpageAdmin h3{
	color:#f15a48;
	font-weight:bold;
}
#subpageAdmin p{
	line-height:16px;
	margin-bottom:10px;
}
#subpageAdmin ul{
	margin-left:20px;
	list-style-type:disc;
}
#subpageAdmin ul li{
	line-height:130%;
}

/*******************************		BLOG STUFF		*************************************/

/*Smaller Header height-wise */
#subpageHeaderBlog {
	float:left;
	width:585px;
	padding-bottom:15px;
	padding-left:232px;
	padding-top:13px;
	font-weight:bold;
}
	#subpageHeaderBlog h3{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#f15b47;
		margin-bottom:25px;
	}
	
#blog{	/* Encloses entire blog page */
	margin-top:-25px;
	padding-left:7px;
}

/* Sidebar Stuff */
#sidebar h5 a{
	color:black;
	padding:0px 5px 0 0;
	margin-bottom:5px;
	font-size:12px;
	line-height:16px;
}
#sidebar p.blogSummary{
	padding:0 5px 0 0;
	margin-bottom:5px;
	font-size:12px;
	line-height:16px;
}

/*******************************		MAP		*************************************/

.orangeBar{
		background-color:#f15a48;
		height:21px;
		width:590px;
		color:white;
		padding:6px 0 0 230px;
		font-weight:bold;
		margin-top:-40px;
}

#chapterInfo {
	position:relative;
	top:-155px;
	left:75px;
	z-index:100;
	width:390px;
}
#chapterInfo span{
	float:left;
	margin-right:10px;
	height:280px;
}
#chapterInfo h4{
	font-size:18px;
	color:#f15a48;
	padding-top:10px;
	font-weight:bold;
	margin-bottom:6px;
}
#chapterInfo h5{
	font-size:14px;
	color:#f15a48;
	font-style:italic;
	margin-bottom:5px;
}
#chapterInfo strong{
	color:#D12726;
}

area {
 cursor: crosshair;
}

/*******************************		Honorees Box		*************************************/

.honorees {
	border:2px solid #FF9C8F;
	background-color:#FCFFEF;
	padding:5px;
	margin-bottom:10px;
}

/*******************************		Join WoWE Form		*************************************/

form#JoinForm{
	width:485px;
	margin:30px 0 0 30px;
}
form#JoinForm fieldset {
	border:1px solid #ccc;
	padding:12px 12px 12px 34px;
}
form#JoinForm legend{
	padding:5px 8px;
	background-color:#F2F7DD;
	border:1px solid #ccc;
	margin-bottom:5px;
}
form#JoinForm label{
	display:block;
	margin-bottom:4px;
	font-size:10px;
	font-weight:bold;
}
form#JoinForm input.text{
	width:408px;
	height:18px;
	padding:3px 0 0 3px;
	background-color:#f2f7df;
	font-size:12px;
}
form#JoinForm input.textSmall{
	width:190px;
	height:18px;
	padding:3px 0 0 3px;
	background-color:#f2f7df;
	font-size:12px;
	float:left;
	margin-right:20px;
	display:inline;
}
form#JoinForm input.tiny{
	width:90px;
	padding:1px 0 1px 2px;
	background-color:#fff;
	font-size:10px;
	margin-left:20px;
	*margin-left:26px;
}
form#JoinForm .checklistBox{
	clear:both;
	margin-bottom:18px;
	background-color:#F2F7DD;
	padding:6px;
	border:1px solid #ccc;
}
form#JoinForm input.checkbox{
	margin:0 7px 5px 0;
	*margin:0 7px 0px 0;
}
form#JoinForm span small{
	margin:0 0 0 19px;
}
form .textarea {
	padding:2px;
}

/*******************************		FOOTER		*************************************/

#footer{
	width:100%;
	margin:10px auto;
	text-align:center;
}
	#footer ul.footer{
		display:inline;
		list-style-type:disc;
		width:1024px;
		margin:0 auto;
		text-align:center;
	}
		#footer ul.footer li{
			display:inline;
			list-style-type:disc;
			margin:0 18px 0 0;
			font-size:11px;
		}
	#footer .eternity{
		text-align:center;
		margin-top:15px;
		font-size:11px;
	}