body { 
	background: #4C4C4C;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: 70% Arial, Helvetica, Verdana, sans-serif;
}

A:link {
	color: #0000FF
}
A:visited {
	color: #800080
}

A:active { color: #FDC900 }

h1 {
	text-transform: uppercase;
	font: bold 140% Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 0px;
	color: #FFFFFF;
	text-align: center;
}

h2 {
	font: bold 140% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
    margin-bottom: -2px;
}

h3 {
	font: normal bold 130% Arial, Helvetica, Verdana, sans-serif;
	line-height: -8px;
	margin-bottom: -2px;
}

h4 {
	font: bold italic 130% Arial, Helvetica, Verdana, sans-serif;
}

h5 {
	font: 10pt Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 16px;
}

h6 {
	font: normal 10pt Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
}

h7 {
	font: bold 140% Arial, Helvetica, Verdana, sans-serif;
	color: #ffffff;
    margin-bottom: -2px;
}

hr {
	color: #ffffff;
	background: #ffffff;	
	text-align: center;
	height: 1px;
	border: 0px;
}

#banner {
	color: #ffffff;
	text-transform: none;
	padding: 65px 0px 0px 12px;
	margin: 0px;
	font: 250% Arial, Helvetica, Verdana, sans-serif;
}

h2.menuheader {
	background: url('../fcc_dwt/graphics/vertical-header.gif') no-repeat;
	text-indent: -20000px;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	width: 180px;
	height: 20px;
	font-size: 10px;
}

.submenu {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.submenu li {
	margin-bottom: 1px;
}

.submenu a:hover {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 180px;
	height: 20px;
	padding-left: 15px;
	padding-top: 3px;
	background: url('../fcc_dwt/graphics/vertical.gif') no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 165px;
	height: 17px;
}
	
.submenu a:visited {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 180px;
	height: 20px;
	padding-left: 15px;
	padding-top: 3px;
	background: url('../fcc_dwt/graphics/vertical.gif') no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 165px;
	height: 17px;
}
	
.submenu a:link {
	text-decoration: none;
	color: #000000;
	display: block;
	width: 180px;
	height: 20px;
	padding-left: 15px;
	padding-top: 3px;
	background: url('../fcc_dwt/graphics/vertical.gif') no-repeat;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 165px;
	height: 17px;
}
	html > body .submenu a:hover { 
		width: 165px;
		height: 17px;
	}

	html > body .submenu a:visited { 
		width: 165px;
		height: 17px;
	}

	html > body .submenu a:link { 
		width: 165px;
		height: 17px;
	}

.submenu a:hover {
	background: url('../fcc_dwt/graphics/vertical-over.gif') no-repeat;
}

.table {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.table td {
	padding: 2px;
	margin: 0px;
	spacing: 0px;
	border-bottom: solid 1px #c1c1c1;
}

.table th {
	background: #c1c1c1;
	text-align: left;
	font: bold 100% Arial, Helvetica, Verdana;
}

#container {
	width: 760px;
	background: url('../fcc_dwt/graphics/bg.gif') repeat-y;
	margin: 0px auto; /* fix for centering div in firefox */
}
#container2 {
	width: 760px;
	background: url('../fcc_dwt/graphics/bg.gif') repeat-y;
	margin: 0px auto; /* fix for centering div in firefox */
}


#header {
	width: 750px;
	height: 122px;
	background: #414048;
	text-align: left;
	margin: 0px auto; /* fix for centering div in firefox */
	voice-family: "\"}\""; 
	voice-family:inherit;
}

#logo {
	padding: 0px 0px 0px 0px;
	width: 750px;
	float: left;
}


#menu {
	clear: both;
	background: #676767 url('../fcc_dwt/graphics/menubg.gif') repeat-x;
	border-bottom: solid 1px #ffffff;
	width: 750px;
	height: 23px;
	padding: 8px 3px 3px 12px;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	margin: 0px auto; /* fix for centering div in firefox */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 735px;
	height: 23px;
}

	html>body #menu {
		width: 735px;
		height: 18px;
	}
	
	#menu a:visited { 
		color: #ffffff;
		text-decoration: none;
	}
	
	#menu a:link { 
		color: #ffffff;
		text-decoration: none;
	}
	
	#menu a:hover {
		color: #FDC900;
		text-decoration: none;	
	}

	#menu a:active {
		color: #FDC900;
		text-decoration: none;	
	}

#splashpic {
	background: url('../fcc_dwt/graphics/splashpic.jpg') no-repeat;
	width: 750px;
	height: 240px;
	margin: 0px auto; /* fix for centering div in firefox */
	text-align: left
}

#mainpic {
	background: url('../fcc_dwt/graphics/mainpic.jpg') no-repeat;
	width: 750px;
	height: 100px;
	margin: 0px auto; /* fix for centering div in firefox */
	text-align: left
}

#special1 {
	position: relative;
	left: 150px;
	top: 0px;
	padding: 0px 0px 0px 10px;
	width: 410px;
	height: 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 390px;
	height: 5px;
}
		
	#special1[title="special1"] { /* other browsers */
		background: transparent url('graphics/transparentbg.png');
	}
		
	html>body #special1 {
    	padding: 0px 0px 0px 10px;
		width: 390px;
		height: 5px;
	}

#breadcrumb {
	font-size: 90%;
}

#body3col {
	text-align: left;
	width: 750px;
	background: url('../fcc_dwt/graphics/bodybg.gif') repeat-y;
	border-bottom: solid 1px #414048;
	margin: 0px auto; /* fix for centering div in firefox */
}

#body2col {
	text-align: left;
	width: 750px;
	background: url('../fcc_dwt/graphics/bodybg3.gif') repeat-y;
	border-bottom: solid 1px #414048;
	margin: 0px auto; /* fix for centering div in firefox */
}

#body2 {
	height: 800px;
	width: 154px;
	padding: 10px;
	float: left;
	/*background: #fff000;*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 154px;
}

	html>body #body2 {
		width: 154px;
	}
	
#body1 {

	width: 414px;
	padding: 10px;
	float: left;
	/*background: #000fff;*/
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 394px;	
}
	html>body #body1 {
		width: 394px;
	}
	
#body1b { /* for 2 column layout */
	width: 576px;
	padding: 10px;
	float: left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 556px;	
}
	html>body #body1b {
		width: 556px;
	}

#body3 {
	width: 152px;
	/*padding: 5px;*/
	float: left; /*background: #0ff0f0;*/;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 152px;
}
html>body #body3 {
		width: 152px;
	}



#footer {
	background: #20427E url('../fcc_dwt/graphics/menubg.gif') repeat-x;
	border-bottom: solid 1px #414048;
	width: 750px;
	padding: 3px;
	text-align: left;
	margin: 0px auto; /* fix for centering div in firefox */
	voice-family: "\"}\""; 
	voice-family:inherit;
	color: #ffffff;
	width: 744px;
}

	html>body #footer {
		width: 744px;
	}

#bottom {
	width: 760px;
	height: 15px;
	background: url('../fcc_dwt/graphics/bottom.gif') no-repeat;
	margin: 0px auto; /* fix for centering div in firefox */
}



.vmenu {
position:relative;
z-index:1000;
font-size:90%;
height:160px;
margin:25px 0 0 15px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.vmenu ul {
padding:0;
margin:0;
list-style-type:none;
width:158px;
position:relative;
border:1px solid #888;
border-width:1px 1px 0 1px;
background:#A5B6D3;
}
.vmenu li.sub {
	background: #A5B6D3 url("../images/arrow.gif") no-repeat right;
    width:157px;
}
.vmenu li {
background:transparent;
height:26px;
}
* html .vmenu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.vmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.vmenu a:visited {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:158px;
color:#000;
text-indent:5px;
border-bottom:1px solid #888;
background:transparent;
}
.vmenu a {
display:block; 
text-decoration:none;
height:25px;
line-height:25px;
width:158px;
color:#000;
text-indent:5px;
border-bottom:1px solid #888;
background:transparent;
}
/* style the link hover */
* html .vmenu a:hover {color:#fff; background:#999;}

.vmenu :hover > a {
color:#fff; 
background:#999;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.vmenu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:100px;
}
/* make the second level visible when hover on first level list OR link */
.vmenu ul a:hover ul {
visibility:visible;
background:#dde;
}
.vmenu ul li:hover ul {
visibility:visible;
background:#dde;
}
/* keep the third level hidden when you hover on first level list OR link */
.vmenu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.vmenu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.vmenu ul :hover ul :hover ul{ 
visibility:visible;
background:#ded;
}
/* make the fourth level visible when you hover over third level list OR link */
.vmenu ul :hover ul :hover ul :hover ul { 
visibility:visible;
background:#edd;
}