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

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

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

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

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

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

.content_b_left
{
		width:225px;
		height:20px;
		float:left;
}

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

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

.content_b_right
{
		width:340px;
		height:20px;
		float:left;
		background-image:url(../images/section_topscrybe.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:#54cba3;
		margin-left:10px;
}

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

.pad
{
		padding:7px;
}
#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); 
}