/*****************************************************
******** PARC - Style Sheet
*****************************************************/

/*****************************************************
********Redefined HTML Tags
*****************************************************/

html, body{
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	background-image: url(/images/UI_Images/background.jpg);
	background-repeat: repeat-x;
	background-color: #000C22;
}

/*****************************************************
******** Key Positioning Styles
*****************************************************/

#mainContainer {
	position:relative; 
	margin: 0 auto;
	width:811px;
}

#Header {
	position:relative;
	top:0px;
	height: 66px;
	width: 811px;
	float: left;
	background-image:url(/images/UI_Images/topgradient.jpg);
}

#Navigation {
	position:relative;
	width: 811px;
	float: left;
	border-bottom: 8px solid #CACACA;
}

#Banner {
	position:relative;
	width: 811px;
	height: 128px;
	float: left;
	background-image: url(/images/UI_Images/banner.jpg);	
}

#MainContent {
	position: relative;
	background-color: #FFFFFF;
	background-image: url(../images/UI_Images/blue_side.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 811px;
	float: left;
	min-height:500px
}

#leftSideTop {
	position: relative;
	background-image:url(/images/UI_Images/greycurve.jpg);
	margin-top: 0px;
	height: 29px;
	width: 191px;
}

#leftSide {
	position: relative;
	background-color:#e6e6e6;
	margin-top: 0px;
	width:165px;
}

#rightSide {
	position: relative;
	float: right;
	margin-top: 10px;
	width: 590px;
	margin-right: 25px;
	/* IE HACK \*/
	margin-right: expression('10px');
}

.grad1 {
	background-image: url(/images/UI_Images/gradient1.jpg);
	width:100%;
	height:113px;
}



/*****************************************************
****Display Styles - mix and match for desired results
*****************************************************/

.bold {font-weight: bold;}
.georgia {font-family: Georgia, "Times New Roman", Times, serif;}
.verdana {font-family: Verdana, Arial, Helvetica, sans-serif;}
.small {font-size:10px;}
.large{font-size:24px;}
.white {color: #FFFFFF;}
.blue{ color:#22379e;}
.leftPad {padding-left: 10px;}
.rightPad {	padding-right: 10px;}
.padded {padding:10px;}
.border {border: 1px solid #999999;}


/*****************************************************
********Link Styles
*****************************************************/

a:link, a:visited, a:active {
	color: #8d0700;
	text-decoration: underline;
}

a:hover {
	color: #FFCC66;
	text-decoration: underline;
}

.topmenu a:link, a:visited, a:active {
	color: #0066FF;
	text-decoration: underline;
}

.topmenu a:hover {
	color: #FFCC66;
	text-decoration: underline;
}


/*****************************************************
******** Header Navigation
*****************************************************/

#Navigation .menuItem {
	width: 101px;
	height: 18px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float:left;
	text-align:center;
	padding-top:7px;
	padding-bottom:3px;
	font-weight: bold;
}

a.nav:link, a.nav:visited, a.nav:active {
	color:#FFFFFF;
	text-decoration:none;
}

a.nav:hover {
	color:#02298d;
	background-color: #9BD3F4;
	text-decoration:none;
}

a.selected:link, a.selected:visited, a.selected:active, a.selected:hover {
	color: #0147B0;
	text-decoration:none;
	background-image: url(/images/UI_Images/SelectedTab.png);
	background-repeat:no-repeat;
	overflow:visible;
}

.selectedTail {
	position:absolute;
	left:110px;
	top:0px;
	width:38px;
	height:28px;
}

.one{
	background-color:#3fb8ff;
}

.two{
	background-color:#05a3ff;
}

.three{
	background-color:#0092e7;
}

.four{
	background-color:#006acd;
}

.five{
	background-color:#0147b0;
}

.six{
	background-color:#02298d;
}

.seven
{
	background-color:#021272;
}

.eight
{
    background-color: #000A3F;
}