*
{
	margin: 0;
	padding: 0;
}
li
{
	margin-left: 20px;
}
html, body
{
	height: 100%;
	font-family: Arial;
	font-size: 12pt;
	color: White;
	/*background-color: #666;*/
	/*background-image: url('/images/bg-h-3.png');*/
	background-repeat: repeat-y;
	background-position: center;
}
h1
{
	text-align: center;
}
a
{
	color: #69f;
	text-decoration: none;
	cursor: pointer;
}
a:hover
{
	text-decoration: underline;
}
#wrap
{
	width: 800px;
	min-height: 100%;
	margin: -1px auto 0;
	background: #111;
	border: 1px solid #000;
	border-bottom: 0;
}
* html #wrap
{
	height: 100%;
}

/* 
---------- Mega Drop Down --------- 
*/
#mega
{
	list-style: none;
	font-weight: normal;
	margin: 60px -1px 0 0;
}
#mega li
{
	background: #ffb612;
	border: 1px solid #000;
	margin-left: -1px;
	width: 89px;
	float: left;
	text-align: center;
	position: relative;
	padding: 5px;
 vertical-align:middle;
}
#mega li:hover
{
	background: #ffff66;
	#border-bottom: 0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
	#padding: 7px 5px 1px 5px;
	#margin-top: -7px;
	z-index: 1; /* shadow above adjacent li */
	height: 20px;
}
#mega li a
{
	outline: 0;
	text-decoration: none;
	display: block;
	height: 20px;
}

/*
 ----------- Hide/Show Div ---------- 
*/
#mega li div
{
	position: absolute;
	left: -999em;
	margin-top: 1px;
	width: 450px;
	padding: 0 10px 10px;
	border: 1px solid #000;
	border-top: 0;
	font-weight: normal;
	text-align: left;
	background: #333;
}
#mega li:hover div
{
	left: -1px;
	top: auto;
}
#mega li.dif:hover div
{
	left: -372px;
}
/*
 --------- Within Div Styles --------- 
*/
#mega li div p
{
	float: none;
	clear: none;
	width: 106px;
	padding-left: 10px;
	position: relative; /* makes above drop shadow */
}
#mega li div li
{
	list-style-type: none;
	background: #333;
	border: 0;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: auto;
	float: none;
	text-align: inherit;
}
#mega li div li:hover
{
	list-style-type: none;
	background: inherit;
	border: 0;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: auto;
	float: none;
	text-align: inherit;
	height: auto;
}
#mega li div a
{
	text-decoration: none;
	float: none;
	clear: none;
	width: 100%; /* For IE6/7 */
	line-height: inherit;
	display: block;
	outline: 0;
	height: 1em;
	margin: 0px;
	padding: 5px;
}

#mega li div a:hover
{
	display: block;
	background-color: #1A2037;
	text-decoration: none;
	margin: 0px;
	padding: 5px;
	float: none;
	clear: none;
	width: 100%; /* For IE6/7 */
	line-height: inherit;
	outline: 0;
	height: 1em;
}

#mega li div a:focus, #mega li div a:active
{
	text-decoration: none;
}

/*
 ---------- Drop Shadow ---------- 
*/
#mega li div .s1, #mega li div .s2, #mega li div .s3
{
	position: absolute;
	width: 100%;
	height: 100%;
}
#mega li div .s1
{
	background: url(/images/rightcorner.png) 100% 0 no-repeat;
	top: 1px;
	right: -9px;
}
#mega li div .s2
{
	background: url(/images/leftcorner.png) 0 100% no-repeat;
	bottom: -9px;
	left: 1px;
}
#mega li div .s3
{
	background: url(/images/shadow.png) 100% 100%;
	top: 9px;
	right: -9px;
}
#mega li:hover .s4
{
	background: url(/images/li-shadow.png) 100% 0 repeat-y;
	position: absolute;
	top: 0;
	right: -9px;
	height: 100%;
	padding: 0 8px 0 0;
}
* html #mega li:hover .s4
{
	background: none;
}
#mega li:hover .dif-s4
{
	padding-bottom: 9px;
}

#xmega li div img
{
}


/*
 --------- Other section of the page--------- 
*/

div#HeaderDiv
{
	background-color: red;
}
div#Logo
{
	float: left;
	font-size: 18pt;
}
div#SiteSearch
{
	float: right;
}
td#LeftPane
{
	background-color: #333;
	vertical-align: top;
	height: 500px;
}
td#RightPane
{
	background-color: #333;
	vertical-align: top;
	height: 500px;
}
td#MainContentCell
{
	background-color: #666;
	vertical-align: top;
	height: 500px;
	padding: 5px;
}
td#MasterPageFooter
{
	text-align: center;
}