/**************************
***************************

WorldsOfWow.com redesign
Designed and Coded by Ben Williams
"Benjamin Sites" benjaminsites.com

03/27/2009

***************************
**************************/

/***********
    Simple Reset
***********/
* { margin:0; padding:0; }
/* default list styles */
.Left { float:left; } .Right { float:right; } .Clear { clear:both; }
ul, ol { margin-left:30px; list-style-type:disc;}
ol { list-style-type:decimal;}
ul ul, ul ol, ol ul, ol ol { margin-left:30px; list-style-type:circle;}
ul ol, ol ol {    list-style-type:lower-alpha;}

/* IE6 PNG FIX */


/****************
    TYPOGRAPHY
****************/
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:135%;
}

table {
    border: 0px;
}

p, li {
    font-size:14px;
	margin-bottom:12px;
}

li {
    margin-bottom:0;
}

ul, ol {
	margin-bottom:12px;
}

h1, h2, h3, h4, h5 {
	font-family:Calibri, Helvetica, Arial, sans-serif;
	color:#000;
	margin-bottom:12px;
	font-weight:bold;
	text-transform:capitalize;
	line-height:100%;
}

h1 {
	color:#fff;
	font-size:65px;
	font-variant:small-caps;
	font-weight:normal;
	margin-bottom:0;
	line-height:100%;
}
 
h2 {
	font-size:35px;
}

h3 {
	font-size:30px;
}

h4 {
	font-size:18px;
}

h5  {
	font-size:15px;
	border-bottom:1px dashed #d8d8d8;
	margin-bottom:0;
	text-transform:none;
}

a {
	color:#2a4c87;
	border-bottom:1px dotted #3a5685;
	text-decoration:none;
}

a:hover {
	border-bottom:1px solid #2a4c87;
}

img {
	border:none;
}

/**************
	SPECIAL CLASSES
***************/
.Frame {
	padding:5px;
	border:1px solid #d8d8d8;
}

.CenterAlign {
	text-align:center;
}

a.NoBorder,
a.NoBorder:hover {
	border:none;
}

.Indent {
	margin-left:30px;
}

blockquote {
	padding-left:47px;
	margin:0 0 35px 10px;
	font-style:italic;
	background:url(../Images/blockquote.gif) no-repeat;
	min-height:32px;
}

a.Button,
a.Button:hover {
	border:none;
}



table.Staff td {
	padding:5px 20px 5px 0;
	vertical-align:top;
}

table.Staff img {
	margin:5px 0 30px 0;
}


/**************
	FORM STYLES
**************/
.FormRow {
	border-bottom:1px dashed #d8d8d8;
	float:left;
	width:600px;
}

label {
	float:left;
	width:200px;
	font-weight:bold;
	line-height:35px;
	text-align:right;
	padding-right:10px;
}

label.Radio {
	float:none;
	font-weight:normal;
	width:auto;
	margin:0 10px 0 5px;
}

input,
textarea,
select {
	float:left;
	width:150px;
	margin-top:7px;
	padding:2px;
}


	.Short {
		width:100px;
	}
	
	.Long {
		width:300px;
	}

	textarea {
		height:100px;
		margin-bottom:10px;
	}
	
	select {
		width:auto;
		margin-right:15px;
		padding:0;
	}
	
	input.Radio {
		width:auto;
		float:none;
	}
	

input.Submit {
	margin-left:210px;
	width:auto;
	height:auto;
}






/***************
	LAYOUT
/***************/
body {
	background:#666;
}

#HeaderWrap {
	background:url(../Images/HeaderTile.jpg) repeat-x;
	height:120px;
}

#Header {
	width:980px;
	margin:0 auto;
	position:relative;
	height:120px;
}

	#Logo a {
		position:absolute;
		width:216px;
		height:126px;
		display:block;
		background:url(../Images/Logo.png) no-repeat;
		text-indent:-9999px;
		top:20px;
		left:30px;
		border-bottom:none;
	}
	
	#Navigation {
		position:absolute;
		bottom:0;
		right:0;
	}
	
		#Navigation li, 
		#Navigation ul {
			margin:0;
			padding:0;
			list-style-type:none;
			float:left;
			display:inline;
		}
		
		
		#Navigation li {
			font-size:16px;
			padding-bottom:10px;
		}
		
			#Navigation li.Selected {
				background:url(../Images/NavArrow.gif) no-repeat center bottom;
			}
			
		#Navigation li a {
			line-height:16px;
			border-bottom:none;
			border-right:1px solid #bbb;
			padding:0 19px;
			color:#4b88f2;
		}
		
			#Navigation li.Last a {
				border-right:none;
				padding-right:0;
			}
			
			#Navigation li a:hover,
			#Navigation li.Selected a {
				color:#2a4c87;
			}	
			
			
	#UpperNavLeft {
		float:right;
		width:21px;
		height:34px;
		background:url(../Images/UpperNavLeft.jpg) no-repeat;
	}
	
	#UpperNav {
		float:right;
		height:34px;
		background:url(../Images/UpperNavTile.jpg) repeat-x;
	}	
	
	#UpperNavRight {
		float:right;
		width:18px;
		height:34px;
		background:url(../Images/UpperNavRight.jpg) no-repeat;
	}
	
		#UpperNav ul,
		#UpperNav li {
			padding:0;
			margin:0;
			list-style-type:none;
			float:left;
			display:inline;
		}
		
		#UpperNav ul {
			margin:8px 2px 0 0;
		}
		
		#UpperNav li {
			height:24px;
		}
		
			#UpperNav li.Selected a {
				color:#333;
			}
		
		#UpperNav li a {
			padding:0 10px;
			border-bottom:none;
			border-right:1px solid #d8d8d8;
			color:#666;
			font-size:14px;
		}
		
			#UpperNav a:hover {
				color:#333;
			}
			
			#UpperNav li.First a {
				padding-left:0;
			}
			
			#UpperNav li.Last a {
				padding-right:0;
				border-right:none;
			}


#TitleBarWrap {
	height:90px;
	background:url(../Images/TitleBarTile.gif);
}

#TitleBar {
	height:90px;
	width:980px;
	margin:0 auto;
	position:relative;
}

	#TitleBar h1 {
		position:absolute;
		bottom:-11px;
		left:0;
		letter-spacing:1px;
	}
		

#ContentAreaWrap {
	background:#fff;
	min-height:100px;
	padding-top:20px;
	padding-bottom:15px;
}

#ContentArea {
	width:980px;
	margin:0 auto;
}	

	#Content {
		float:left;
		width:628px;
		margin-right:25px;
		margin-top:7px;
		_margin-right:10px;
	}
	
	#Sidebar {
		float:left;
		width:327px;
	}
		
		.BoxTop {
			float:left;
			width:327px;
			height:52px;
			padding-left:20px;
			_width:320px;
			_padding-left:19px;
		}
			
			.BoxTop h3 {
				font-size:33px;
				font-weight:normal;
				color:#fff;
				line-height:52px;
				margin-bottom:0;
			}
		
			.Red { background:url(../Images/BoxTopRed.gif) no-repeat; }
			.Blue { background:url(../Images/BoxTopBlue.gif) no-repeat; }
			.Green { background:url(../Images/BoxTopGreen.gif) no-repeat; }
			
		.BoxBody {
			float:left;
			width:285px;
			padding:12px 20px 0;
			border:1px solid #d8d8d8;
			background:url(../Images/BoxBodyTile.gif) repeat-x bottom;
		}


#FooterWrap {
	background:#666;
	border-top:#333 1px solid;
}

#Footer {
	width:980px;
	margin:0 auto;
	padding-top:20px;
	color:#f4f4f4;
	line-height:18px;
}

	#Footer a {
		color:#f4f4f4;
		border-bottom:none;
	}
	
	#Footer a:hover {
		text-decoration:underline;
	}
	
	#Footer ul,
	#Footer li {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#FooterLeft {
		float:left;
		width:400px;
		margin-top:6px;
	}
	
		#FooterMajorLinks {
			float:left;
			padding-right:25px;
			margin-right:25px;
			border-right:1px #f4f4f4 solid;
		}
	
		#FooterMinorLinks {
			float:left;
		}
		
		#FooterLeft p {
			clear:both;
			float:left;
			margin-top:31px;
		}
		
			a.Benjamin {
				padding-right:20px;
				background:url(../Images/BenjaminSitesCube.gif) no-repeat right;
			}
		
	#FooterRight {
		float:right;
		width:400px;
		text-align:right;
		padding-top:91px;
		background:url(../Images/FooterLogo.gif) no-repeat right -12px;
	}