* html, body {height: 100%;}

body {
margin-right: 0px;
font-size: 10pt;
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-top: 0px;
margin-left: 0px;
color: #000000;
margin-bottom: 0px;

 }
 
 .wrapper {
width: 800px;
border: 1px solid #c2c8c4;
float: center;
padding: 3px;
}

/*banner tabs*/
.bannertab{
color: #FFF;
text-align: right;
display: block;
background: #000;
}

.bannertab a{
color: #FFF;
border-left: 1px solid #FFF;
padding: 3px 20px;

}
/*main content area*/ 
.contentArea {
padding-top: 20px;
padding-left: 10px;
padding-bottom: 20px;
font-weight: bold;
margin-left: 160px;
min-height: 600px;
}

*html .contentArea {
margin-top: 0px;
margin-bottom: 30px;
}

.contentAreaVideo {
background: url(blackgradient.jpg) repeat-x;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 20px;
font-weight: bold;
margin-left: 160px;
min-height: 600px;
}

*html .contentAreaVideo {
margin-top: 0px;
margin-bottom: 30px;
}

.contentAreaPhotos {
background-color: #3D4C63;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 20px;
font-weight: bold;
margin-left: 160px;
min-height: 600px;
}

*html .contentAreaPhotos {
margin-top: 0px;
margin-bottom: 30px;
}



.contentArea h1{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-top: 10px;

}
.contentArea h1 a{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-top: 10px;
text-decoration: none;
border-bottom: 1px solid #009999;
}
.contentArea h2{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-bottom: 0;
}
.contentArea h3{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 110%;
	color: #FFFFFF;
	padding-bottom: 1px;
	margin: 0;
	padding-left: 5px;
	padding-top: 1px;
	font-weight: bold;
	background: url("h3_bg.jpg");
}

.contentArea p{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 90%;
font-weight: normal;
}

.contentAreaVideo h1{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-top: 10px;
color: #FFF;
}
.contentAreaVideo h1 a{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-top: 10px;
text-decoration: none;
border-bottom: 1px solid #009999;
}
.contentAreaVideo h2{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-bottom: 0;
color: #FFF;
}
.contentAreaVideo h3{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 110%;
color: #FFF;
padding-bottom: 0;
margin: 0;
padding-left: 0px;
padding-top: 5px;
font-weight: bold;
}

.contentAreaVideo p{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 90%;
font-weight: normal;
color: #FFF;
}

.contentAreaLinks {

	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	font-weight: bold;
	margin-left: 160px;
	min-height: 600px;
}
.contentAreaLinks h1{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-top: 10px;

}
.contentAreaLinks h1 a{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-top: 10px;
text-decoration: none;
border-bottom: 1px solid #009999;
}
.contentAreaLinks h2{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
padding-bottom: 0;
}
.contentAreaLinks h3{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 125%;
color: #FFF;
padding: 3px;
margin: 0;
margin-bottom: 3px;
padding-left: 6px;
font-weight: bold;
background-color: #003973;
}

.contentAreaLinks p a{
font-weight: normal;
}
.contentAreaLinks .item{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 110%;
font-weight: bold;
color: #003973;
padding-right: 10px;
padding-top: 10px;
}
.contentArea .description{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 90%;
font-weight: normal;
margin-left: 20px;
width: 525px;
text-align: left;
margin-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
border-left: 1px solid #AFC8E2;
border-bottom: 1px solid #AFC8E2;
}

.contentArea .item{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 110%;
font-weight: bold;
color: #003973;
padding-right: 10px;
padding-top: 10px;
}
.contentAreaLinks .description{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 90%;
font-weight: normal;
margin-left: 20px;
width: 525px;
text-align: left;
margin-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
border-left: 1px solid #AFC8E2;
border-bottom: 1px solid #AFC8E2;
}

.contentAreaLinks p{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
font-weight: normal;
margin-top: 0;
}



/*left hand menu*/
#leftMenuWrap{
width: 175px;
padding-top: 25px;
top: 145px;
left: 8px;
position: absolute;
}

#leftMenu  {
padding: 0px;
margin: 0px;
font-size: 90%;
color: #32004b;
width: 150px;
height: auto;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding-left: 0px;
z-index: auto;
margin-top: 10px;
}

* html #leftMenu {
margin-top: 0px;
padding-top: 0px;
}

* html #leftMenu ul {
padding: 0px 0px 0px 10px;
margin-left: 8px;
}

#leftMenu ul{
padding: 5px 5px 5px 5px;
margin: 0;
list-style: none;
}

#leftMenu  li{
margin: 0;
width: auto;
padding: 0px;
text-align: left;
border-bottom: 1px solid #d6d6d6;
font-weight: bold;
}

#leftMenu ul.selected {
font-weight: normal;
color: #a864a8;
}

*  html   #leftMenu ul.selected {
margin: 0;
padding-left: 18px;
}


*  html   #leftMenu li{
padding-top: 0px; 
margin-top: 8px;
margin-left:0p
}


/*FRONT PAGE RIGHT MENU*/

.rightMenu {
font-family: Arial, Helvetica, Verdana, sans-serif;
background-image: url(rightmenu_bg3.jpg);
font-size: 95%;
color: #32004b;
font-style:normal;
float:right;
width: 200px;
height: 100%;
padding-left: 10px;
padding-bottom: 25px;
margin-top: 70px;
background-image: url(rightmenu_bg3.jpg);
background-repeat: no-repeat;
margin-left: 10px;
border-bottom: 3px solid #854d72;
border-top: 3px solid #854d72;
border-right: 3px solid #854d72;
}
.rightMenu h1 {
font-size: 125%;
color: #32004b;
font-weight: bold;
padding-top: 15px;
padding-left: 10px;
width: 165px;
}

.rightMenu h2 {
font-size: 105%;
color: #32004b;
font-weight: bold;
padding-top: 15px;
padding-left: 10px;
width: 165px;
}
.rightMenu p {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 100%;
color: #32004b;
padding-top: 0px;
line-height:130%;
padding-left: 10px;
width: 165px;
}
.rightMenu a:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #32004b;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu a:visited {
color: #32004b;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu a:hover {
color: #a864a8;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu a:active {
color: #a864a8;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu h2 a:link {
font-family: Arial, Helvetica, Verdana, sans-serif;
color: #32004b;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu h2 a:visited {
color: #32004b;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu h2 a:hover {
color: #a864a8;
text-decoration: none;
border-bottom: 1px solid #32004b;
}
.rightMenu h2 a:active {
color: #a864a8;
text-decoration: none;
border-bottom: 1px solid #32004b;
}


.loginbox {
padding: 5px;
width: 250px;
text-align: right;
}
.loginbox h5{text-align:left;}	

.footerBanner {
font-family: verdana, arial, helvetica, sans-serif;
font-size: xx-small;
font-weight: normal;
color:#FFFS;
width: 100%;
background-color: #32004b;
text-align: center;
padding: 0px, 0, 0px, 0;
vertical-align: middle;
}

.footer {
width: 100%;
padding: 0px, 0, 0px, 0;
text-align: center;
font-size: 70%;
}

*  html   .footerBanner, footer {
width: 105%;
}


a.extNav,
a.extNav:link,
a.extNav:visited,
a.extNav:active
{
font-size:          xx-small;
color:              #FFFFFF;
text-decoration:    none;
}

a.extNav:hover
{
font-size:          xx-small;
color:              #FFFFFF;
text-decoration:    underline;
}


/*needed to make room for footer	*/
#clearfooter{
clear:both;
height:100px;
}
a:link {
color: #32004b;
text-decoration: underline;
font-weight: normal; 
margin: 0px;
padding: 0px;}

a:visited {
color: #32004b;
text-decoration: underline;
font-weight: normal;
margin: 0px;
padding: 0px;
} 

a:hover {
color: #a864a8;
text-decoration: underline;
font-weight: normal;
margin: 0px;
padding: 0px;
}

a:active {
color: #a864a8;
text-decoration: underline;
font-weight: normal;
margin: 0px;
padding: 0px;
} 




#leftMenu a:link {
text-decoration: none;
color: #32004b;
margin: 0;
font-weight: bold;
}

#leftMenu a:visited{
text-decoration: none;
color: #32004b;
margin: 0;
font-size: 100%;
font-weight: bold;
}

#leftMenu a:hover{
text-decoration: none;
color: #a864a8;
margin: 0;
font-weight: bold;
}
#leftMenu a:active{
text-decoration: none;
color: #a864a8;
margin: 0;
font-weight: bold;
}
