body
{
		font : 12px trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
		color : #969696;
		margin: 0px 0;
		background-color:#000000;
		
}

#wrapper
{
		width:700px;
		height:750px;
		margin : 0 auto;
}

#header
{
		width:100%;
		height:100px;
		background-repeat:no-repeat;
		background-image: url(../images/logo_header.jpg);
}

#content_container
{
		width:650px;
		height:430px;
		margin:0 auto;
}



#intro_bevel
{
		width:5px;
		background-image:url(../images/bev_left.gif);
		height:150px;
		float:left;
}

#content_intro
{
		width:645px;
		height:150px;
		overflow:auto;
		float:left;
}

.content_b_left
{
		width:225px;
		height:20px;
		float:left;
		background-image: url(../images/content_b_left.gif);
}

#b_left_bevel
{
		width:5px;
		float:left;
		height:20px;
		background-image:url(../images/bev_left_1.gif);
}

.content_b_transparent
{
		width:35px;
		height:20px;
		margin-left:10px;
		float:left;
		background-color:#e2e8ce;
}

.content_b_right
{
		width:340px;
		height:20px;
		float:left;
		background-image:url(../images/section_top.gif);
		margin-left:10px;
}

#content_image
{
		width:230px;
		height:200px;
		float:left;
		margin-top:5px;
}

.transparent_divider
{
		width:35px;
		height:220px;
		float:left;
		background-color:cfcda4;
		margin-left:10px;
}

#section_content
{
		width:340px;
		height:205px;
		float:left;
		color:#00002B;
		background-repeat:no-repeat;
		background-image:url(../images/section_content.gif);
		margin-left:10px;
		text-align:justify;
}

.pad
{
		padding:7px;
}

#navi
{
		width:100%;
		height:20px;
		margin-left: 10px;
}

div#navcontainer ul
{
		background-color:#f53331;
		margin:0;
		padding:0;
		list-style:none;
}

div#navcontainer li
{
		background-color:#FF0000;
		position: relative;
		float:left;
		margin-left:-1px;
		width: 100px;
		height: 20px;
		border:2px solid #000;
}

div#navcontainer li:hover
{
		color: #FFFFFF;
		background-color: #800000;
}

div#navcontainer li a
{
		display:block;
		text-decoration:none;
		text-align:center;
		height: 20px;
		color: #FFFFFF;
		margin-top: 2px;
}

div#navcontainer ul ul
{
		position:absolute;
		width: 100px;
		bottom: 23px;
		display:none;
		border: 1px;
}

div#navcontainer ul ul li
{
		margin-bottom: -1px;
		height:20px;
}

div#navcontainer ul.level1 li.submenu:hover ul.level2, div#navcontainer ul.level1 li.submenu ul.level2 li:hover ul.level2
{
		display:block;
}

#login
{
		position:absolute;
		top:50%;
		left:50%;
		height:200px;
		width:500px;
		margin-left:-250px;
		margin-top:-100px;
		margin-bottom:-100px;
		margin-right:-100px;
		border:1px solid #333333;
		background-color:#000033;
}
.loginleft
{
		width:180px;
		float:left;
		margin-right: 10px;
		background-color:#CCCCCC;
		height:200px;

}

.loginright
{
		width:310px;
		float:left;
		height:200px;
		background-color:#000033;
	}
	
.area
{
		background-color:#C6C6FF;
		color:#000033;
}
	

#nav, #nav ul {
		font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		list-style-type: none;
		list-style-image: none;
		list-style-position: outside;
		line-height: 1;
		font-size: 12px;
}
#nav a {
		font-family:"trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
		display: block;
		xwidth: 10em;
		text-decoration:none;
		color:#FFFFFF;
		padding:4px;
		background-color: #FF0000;
		text-align: center;
}
#nav a:hover,
#nav a:active {
		color:#FFFFFF;
		background-color: #BF0000;
}
#nav li {
		position:relative; /*added this because
absolute must be in relation to a relatively 
positioned block*/
		float: left;
		width: 8em;
		border:1px solid #000000;
}
#nav li ul { 
position: absolute; 
width: 10em; 
left: -999em; /*positions the dropdown horizontally 
off the page using absolute positioning until hovered - 
I added a bottom:1em; to the :hover state below*/
}
#nav li:hover ul, 
#nav li.sfhover ul { 
left: auto;  
bottom:1.3em;
}
#content { 
clear: left; 
color: rgb(204, 204, 204); 
}