body {
	margin:0;
	padding:0;
	text-align:left;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size:62.5%;
}
h1{
	clear:left;
	font-size:1.6em;
	padding:0 6px 1px 0;
	margin:0 0 20px 0;
	color:#580056;
	border-bottom:1px solid #d8d002;
}
h2{
	clear:left;
	font-size:1.3em;
	padding:0;
	margin:0 0 16px 0;
	color:#580056;
	border-bottom:1px dashed #cccccc;
}
h3{
	clear:left;
	font-size:1.1em;
	padding:0;
	margin:0 0 10px 0;
	color:#580056;
	
}

#wrapper {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #580056;
	font-size:1.2em;
	padding-bottom:6px;
	}


#maincontent {
clear:both;
padding:20px 6px 20px 6px;
}

#maincontent a,
#maincontent a:link{
	text-decoration:underline;
	color:#580056;
}
#maincontent a:hover{
	text-decoration:underline;
	color:#ccb32a;
}

#footer {
color:#CCCCCC;
text-align:right;
font-size:.9em;
padding-right:3px;
}


/* Common= MainNav
----------------------------------------------- */
#mainNav{
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	margin:0;
	padding:0;
	list-style:none;	
	float:left;
	width:900px;
	background:#ccb32a;
}	
#mainNav ul{
	list-style:none;
	margin:0;
	padding:0;
} 
#mainNav li{
	margin:0;
	padding:0;
	font-size:1.1em;
	font-weight:bold;
	float:left;
	text-align:center;
	border-right:1px solid #FFF;
	background:#ccb32a;
	z-index:11;
}
#mainNav a,
#mainNav a:link{
	text-decoration:none;
	display:block;
	padding:5px 0 5px 0;
	color:#FFF;
}
#mainNav .last{
	border-right:none;
}


/* Sub-menu Dropdowns
----------------------------------------------- */
#mainNav li ul{
	position:absolute;
	left:-999em;
	background:#a8dfff;
	border-top:1px solid #FFF;
}
#mainNav li li{
	border:none;
	background-image:none;
	text-align:left;
}
#mainNav ul li a,
#mainNav ul li a:link{
	font-weight:normal;
	font-size:.9em;
	text-decoration:none;
	padding:3px;
	font-weight:normal;
	color:#000;
}
#mainNav ul li a:hover{
	background-image:none;
	font-weight:normal;
}
#mainNav li:hover ul,
#mainNav li.sfhover ul{
	left:0;
	z-index:100;
}
#mainNav li li:hover a,
#mainNav li li:hover a:link,
#mainNav li li.sfhover a,
#mainNav li li.sfhover a:link{
	text-decoration:none;
	color:#FFF;
}
#mainNav #nav01,
#mainNav #nav02,
#mainNav #nav03,
#mainNav #nav04,
#mainNav #nav05,
#mainNav #nav06,
#mainNav #nav07,
#mainNav #nav08{
	position:relative;
}

/* Common= MainNav
----------------------------------------------- */
#mainNav li a:hover,
#mainNav li a.active,
#mainNav li a.active:link,
#mainNav li a:hover{
	background:#580056;
}


/* Common= Sub-menu Dropdowns
----------------------------------------------- */

#mainNav li li:hover,
#mainNav li li.sfhover{
	background:#004697;
}



/* Specific = Navigation Widths
----------------------------------------------- */
/*
===============================================================
Sum of all Nav Item widths = 748px (width of navigation bar)
this is important and is necessary for dropdowns
to work correctly.
===============================================================
*/

#mainNav li#nav01,
#mainNav li#nav01 ul{
	width:90px;
}
#mainNav li#nav01 ul a,
#mainNav li#nav01 ul a:link{
	width:84px;
	/*  width of li minus 6px (3px of padding on the right and left)  */
}
#mainNav li#nav02,
#mainNav li#nav02 ul{
	width:90px;
}
#mainNav li#nav02 ul a,
#mainNav li#nav02 ul a:link{
	width:84px;
}
#mainNav li#nav03,
#mainNav li#nav03 ul{
	width:110px;
}
#mainNav li#nav03 ul a,
#mainNav li#nav03 ul a:link{
	width:104px;
}
#mainNav li#nav04,
#mainNav li#nav04 ul{
	width:100px;
}
#mainNav li#nav04 ul a,
#mainNav li#nav04 ul a:link{
	width:94px;
}
#mainNav li#nav05,
#mainNav li#nav05 ul{
	width:98px;
}
#mainNav li#nav05 ul a,
#mainNav li#nav05 ul a:link{
	width:92px;
}
#mainNav li#nav06,
#mainNav li#nav06 ul{
	width:130px;
}
#mainNav li#nav06 ul a,
#mainNav li#nav06 ul a:link{
	width:124px;
}
#mainNav li#nav07,
#mainNav li#nav07 ul{
	width:90px;
}
#mainNav li#nav07 ul a,
#mainNav li#nav07 ul a:link{
	width:84px;
}
#mainNav li#nav08,
#mainNav li#nav08 ul{
	width:85px;
}
#mainNav li#nav08 ul a,
#mainNav li#nav08 ul a:link{
	width:79px;
}

.tablelayout{
	border:0;
	border-bottom:2px solid #ccb32a;
	border-top:2px solid #ccb32a;
}
.tablelayout tbody th{
	font-weight:bold;
	padding:3px 4px;
	vertical-align:top;
	color:#580056;
}
.tablelayout tbody td{
	vertical-align:top;
	padding:4px 6px;
	border-left:0px solid #CCC;
	border-right:0px solid #CCC;
	border-bottom:0px solid #CCC;
}

input, textarea, select 
{
border:1px solid #580056;
margin-right:2px;
}
.nobrd input
{ border:0px }
.required 
{
    color:Red;
}
.labelinstructions 
{
    font-size:.8em;
}

.img-shadow {
background: url(trans-shadow.png) no-repeat bottom right; 
}

.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}