* 
{
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
}

a 
{
	outline:none;
}

a img
{
	border: none;
}

body
{
	text-align: center;
	background: #000000;
}

div#container
{
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

div#header
{
	width: 930px;
	height: 97px;
}


ul#navigation 
{
	padding: 7px 10px 0px 12px;
	height: 19px;
	background: url("../images/basic/portal_top.gif") bottom no-repeat;
}

ul#navigation li
{
	height: 19px;
	list-style-type: none;
	float: left;
	background: url("../images/basic/middot.gif") left top no-repeat;
}

li.firstTab
{
	list-style-type: none;
	float: left;
	background-image:none !important;
}

ul#navigation li a
{
	text-decoration: none;
	color: #9697A2;
	display: block;
	height: 19px;
	padding: 0px 20px 0px 20px;
}

ul#navigation li a:hover
{
	color: white;
}

li#activeTab
{
	background: url("../images/basic/tab_left.gif") left top no-repeat !important;
}

li#activeTab a
{
	color: #00FFFF !important;
	padding: 3px 25px 0px 20px !important;
	background: url("../images/basic/tab_right.gif") right top no-repeat !important;
}

div#portalBody
{
	background: url("../images/basic/portal_body.gif") repeat-y;
}

div#portal
{
	color: white;
	padding: 3px 15px;
	background: url("../images/basic/portal_bottom.gif") bottom left no-repeat;
}

div.tabContent
{
	display: block;
	height: 0px;
	overflow: hidden;
}