body {
        margin:0;
        padding:0;
        font: bold 11px/1.5em Verdana;
	background-color:#FFF; 		
}
img#bg {display:none;}
}
.error{
border:1px solid red;
}
.red
{
color:red;
}
a {color:#000;	font:12px/18px verdana, arial, helvetica, sans-serif;	}
a:link {color:#000;text-decoration:none; font-weight:normal;}
a:visited {color:#000;text-decoration:none; font-weight:normal;}
a:hover {color: #000;text-decoration:underline; font-weight:normal;}
#content{color:#000; font:12px verdana, arial, helvetica, sans-serif;}
.left{display:none;}
#right{display:none;}

#content{margin-left:150px}
#content h1 {
	font:14px verdana, arial, helvetica, sans-serif;
	font-weight:700;
	color:#000;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	text-align: center;
	
	}

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

img {
border: none;
}


#map
{
	height: 500px;
	width: 595px;
}


#national 
{
color:#000;
font:12px verdana, arial, helvetica, sans-serif;
background-color:#FF9E02;
}
#national p{
padding-left:5px;
}

#national h1 {
	font:16px verdana, arial, helvetica, sans-serif;
	font-weight:700;
		padding: 2px 2px 2px 2px;
	margin: 0px;
margin-bottom:5px;
	text-align: left;
}
#national h2 {
	font:14px verdana, arial, helvetica, sans-serif;
	font-weight:700;

	background-color:#ebffd3;
	padding: 2px 2px 2px 2px;
	margin: 0px;
margin-bottom:5px;
	text-align: left;
}


#basic 
{

font:12px verdana, arial, helvetica, sans-serif;
background-color:#ffffff;
}

#basic p{
padding-left:5px;
}

#basic h1 {
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:700;
	background-color:#ffffff;

	padding: 2px 2px 2px 2px;
	margin: 0px;
margin-bottom:5px;
	text-align: left;
}
#basic h2 {
	font:12px verdana, arial, helvetica, sans-serif;
	font-weight:700;

	background-color:#ffffff;
	padding: 2px 2px 2px 2px;
	margin: 0px;
margin-bottom:5px;
	text-align: left;
}

/*opaque*/
#opaque-wrapper {
width:850px;

margin:0 auto;

}
#opaque {
   padding-bottom:6px;
	_overflow-y:hidden;
	
}
#opaque .mod-content {
 
min-height:800px;
}
#opaque .x1a { /*opacity layer*/
   display:block;
	background:#fff;
	width:100%;
	height:100%;
	
	_height:2000px;
	position:absolute;
	_bottom:6px;
	opacity:.70;
	filter:alpha(opacity="70");
	
}
#opaque .x2 { /*offsets shadow by 6px*/
   display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:6px;
	left:6px;
	_top:auto;
	_bottom:-6px;
}
#opaque .x2a {
   display:block;
   border:6px solid #000;
   border-top:0;
	border-left:0;
	width:100%;
	height:100%;
   _height:2000px;
   position:relative;
	bottom:6px;
	right:6px;
	opacity:.30;
	filter:alpha(opacity="30");
}

.mod {
   width:850px;
   position:relative;
   margin:0 0 0 0 auto;
   min-height:800px;
   z-index:0;
   border:1px solid gray;
}
.mod .mod-content {
   padding-top:0;
   padding-left:10px;
   padding-right:10px;
   
   position:relative;
   z-index:2;
}
.mod .bd {

   min-height:150px;
	  _height:150px;
}

/* Begin CSS Popout Menu */
#navbar
{
clear:both;
position:relative;
height:26px;
width:100%;
background:#841A1C;
margin-bottom:20px;
}

#menu{
width:100%;
float:left;
}

#menu a, #menu h2{
font:bold 11px/16px verdana,tahoma,arial,sans-serif;
display:block;
white-space:nowrap;
margin:0;
padding:5px 10px 5px 10px;
}

#menu h2{
color:#FF9E02;
background:#841A1C;
}

#menu a{
background:#FF9E02;
color:white;
text-decoration:none;
}

#menu a, #menu a:visited{
color:white;
}

#menu a:hover{
color:white;
background:#FF9E02;
}

#menu a:active{
color:white;
background:#FF9E02;
}


#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}


#menu li{
position:relative;

}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{

}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}
#menu #logout {color:rgb(252,176,64);background:rgb(146,39,143);!important}
/* End CSS Popout Menu */