/* top right bottom left */

html,body {

	background-image:url(/images/bgMain.gif);
	background-repeat:repeat-x;
	
	background-color:#003366;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333333;
	
	margin: 0px;
	padding: 0;	
}

/* Generic Site links */
a:link 		{ color:#0000FF; text-decoration:none;}
a:visited 	{ color:#0000FF; text-decoration:none;}
a:hover 	{ color:#0000FF; text-decoration:underline;}

#wrapper {
	position:relative;
	
	width: 950px;

	margin: 0px auto;
}



#logoClick{
	position:absolute;
	top: 20px;
	left: 25px;
}


#banner {
	position:relative;
	height:100px;
	width:950px;
	
	background-image:url(/images/bgBanner.gif);
}

.date {
	position:absolute;
	top: 80px;
	left: 715px;
	font-size:12px;
	color:#FFFFFF;
}

#navContent {
	position:relative;
	
	height:224px;
	width:950px;
	
	margin-top:10px;
	margin-bottom:10px;
	
	background-color:#996633;
}

#navLeft {
	position:relative;
	width: 200px;
	float: left;	
}

#navRight {
	position:relative;
	width: 750px;
	float: left;
	background-color:#00FF33;	
}


.form-label {
	font-size:11px;
	color:#333333;
}

.form-data {
	font-size:11px;
	color:#CC0000;
}




#mainContent {
	position:relative;
	background-color:#ffffff;

	height:auto !important; 
  	height:200px;
	
	min-height:200px;
}

#mainLeft {
	position:relative;
	width: 700px;
	float: left;	
}

#mainLeft .content{
	position:relative;
	padding: 20px 20px 20px 10px;
}

#mainRight {
	position:relative;
	width: 250px;
	float: left;
}

#mainRight .content {
	position:relative;
	padding: 0px 0px 0px 0px;
}


#mainRight a:link 		{color:#ffffff; text-decoration:none;}
#mainRight a:visited 	{color:#ffffff; text-decoration:none;}
#mainRight a:hover 		{color:#ffffff; text-decoration:underline;}


.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


#footerShadow {
	position:relative;
	background-image:url(/images/bgFooterShadow.gif);
	height:100px;
	
	width: 1000px;
	margin: 0px auto;
}

#footer {
	position:relative;
	
	height:30px;
	width: 950px;
	background-color:#cc0000;
	
	margin-top:20px;
	
	width:100%;
	/* margin: 0px auto; */
}

#footer .content {
	position:relative;
	padding: 8px 10px 0px 10px;
	font-size:11px;
	color:#FFFFFF;
	
	/* border: 1px solid #ff0000; */
}


#footer a:link 		{color:#CCCCCC; text-decoration:none;}
#footer a:visited 	{color:#CCCCCC; text-decoration:none;}
#footer a:hover 	{color:#ffffff; text-decoration:underline;}


#footer .nav {
	position:relative;
	float:left;
}

#footer .copyright {
	position:relative;
	float:right;

	font-size:11px;
	
	color:#ffffff;
}


.header {
	color:#CCCCCC;
	font-size:24px;
	margin: 0 0 20px 0;
}

h1 {
	color:#cc0000;
	font-size:14px;
	margin: 0;
}

h2 {
	color:#000000;
	font-size:14px;
	margin: 0;
}

h3 {
	font-size: 1.25em;
	margin: 30px 0 0 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}


/* Menu */


.glossymenu{
	position:relative;
	
	list-style-type: none;
	margin:  0;
	padding: 0;
	width: 200px;
	height:224px;
	
	/*
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	*/
}

.glossymenu li a{

	background: white url(/images/nav/b1.gif) repeat-x bottom left;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	
	width: auto;
	
	/* add these 2 for total height ... weird */
	height:23px;
	padding-top: 5px;
	
	padding-left: 10px;
	text-decoration: none;
}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 200px;
}

.glossymenu li a:visited, .glossymenu li a:active{
	color: white;
}

.glossymenu li a:hover{
	background-image: url(/images/nav/b1_hover.gif);
}


/* Area */

.area1, .area2, .area3 {
 height:111px;
}

.area1 .content, .area2 .content, .area3 .content {
 top:70px;
 left:10px;
}




.area1 {
	background: url(/images/area_1_off.gif) bottom left;
}

.area2 {
	background: url(/images/area_2_off.gif) bottom left;
}

.area3 {
	background: url(/images/area_3_off.gif) bottom left;
}