/* 

DO NOT REMOVE THIS INFORMATION
=========================================
4over, Inc. Main Styles
=========================================
Panda 3.0 Color & Size Information

COLORS
-----
link dark red: #C22126
link hover gray blue: #5B697D
body/content headers gray blue: #5B697D
large page heads: #CCCCCC
small page heads: #666666

DIMENSIONS
-----
Total Container Width: 913px
Main Content Content Width: 570px
Sbox Content Width: 245px

=========================================
css grizz08 */

/* ------- body ------- */

body {
	margin: 0;
	background: #f2f2f2 url('../images/layout/bg_repeat.gif') repeat-x;
	color: #566869; 
	font-size: 12px; 
	font-family: Trebuchet MS, Lucida Grande, Helvetica, sans-serif;
	line-height: 20px;
	padding: 0;
}

hr {
	width:400px;
	border: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	float:left;
}

p.blurb {
	font-family: Georgia;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
}

/* ------- a ------- */

a {
	font-family: Trebuchet MS, Lucida Grande, Helvetica, sans-serif;
}

a:link  { 
	color: #c22126;
	text-decoration: none;
}

a:visited  { 
	color: #c22126;
	text-decoration: none;
}

a:active  { 
	color: #c22126;
	text-decoration: underline;
}

a:hover  { 
	color: #5b697d;
	text-decoration: underline;
}

/* ------- container ------- */

#container {
	width: 877px;
	margin: 0 auto;
}
 
/* ------- top area ------- */

#top_area {
	background: url(../images/layout/top_bg.png) no-repeat;
	_height: 134px;
	margin: 23px 0 0 0;
   _margin: 23px 0 0 0;
	width: 913px;
	height: 109px;
}
 
#toplogo {
	width: 146px;
	min-height: 108px;
	_height: 108px;
	float: left;
	margin: 0 0 0 1px;
	_margin: 0 0 0 0;
}

 /* ------- topmenu ------- */

#topmenu {
	width: 371px;
	height: 75px;
	margin: -31px 0 0; 
	*margin: -30px 0 ;
	_margin: -35px 0 0;
	_height: 75px;
	padding: 0;
	display: block;
	text-align: left;
	float: right;
}

#topmenu ul {
	padding: 53px 0 0 0;
	_padding: 57px 0 0 0;
	margin: 0;
}

#topmenu ul li {
	width: 200px;
	display: inline;
	margin: 0;
}

#topmenu ul li a {
	font-size: 12px;
	margin: 0 7px 0 6px;
	padding: 6px 2px 2px 2px;
	_padding: 5px 2px 2px 2px;
	font-family: Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
	color: #5b697d;
	font-weight: bold;
	text-decoration: none;
}

#go_1 a:hover {
	background: url('../images/layout/home_h.gif') no-repeat top;
}
 
#go_2 a:hover {
	background: url('../images/layout/about_h.gif') no-repeat top;
}

#go_3 a:hover {
	background: url('../images/layout/environ_h.gif') no-repeat top;
}

#go_5 a:hover {
	background: url('../images/layout/press_h.gif') no-repeat top;
}


 /* ------- content ------- */
 
 #content {
 	position: relative;
 	z-index: 0;
 	margin: 0;
 	_margin: -5px 0 0 0;
 	background: url(../images/layout/content_bg.png) repeat-y;
 	width: 913px;
 	padding:1em 1em 5em;
}
 
 #main_content {
 	float: left;
 	margin: -41px 0 0 20px;
	_margin: -41px 0 0 10px;
 	width: 845px;
 	min-height: 558px;
 	_height: 558px;
 }
 
  #banner {
 	background: url(../images/layout/mubanner.png) no-repeat;
 	margin: 36px 0 0 0;
 	_margin: 35px 0 0 0;
 	width: 845px;
 	min-height: 261px;
 	_height: 261px;
}

/* -------- mu ------- */

.heading {
	color: #49595a;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
}

.mu_descrip {
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 18px;	
}

.step_follow {
	color: #49595a;
	letter-spacing: 1px;
	text-transform: uppercase;	
}

#content dl.step_nav dd {
	display: inline;
	margin: 0 0 0 10px;
}

#content dl.step_nav dd a {
	padding: 5px;
	color: #486279;
	text-decoration: underline;
}

#content dl.step_nav dd a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #486279;
}

h5 {
	background: url(../images/layout/h5.gif) repeat-y;
	color: #4b5c69;
	font-size: 14px;
	padding: 2px 2px 2px 10px;
	margin: 40px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#step_desc {
	width: 343px;
	margin: 0 0 0 10px;
	_margin: 15px 0 0 10px;
	float: left;
	font-size: 16px;
	line-height: 18px;
}

#step_pic {
	width:473px;
	float: right;
	margin: 16px 0 10px 0;
	_margin: 16px 0 0 0;
}

img.mu_border {
	border: 1px solid #CCCCCC;
	padding: 5px;
}

p.dotted {
	width: 846px;
 	border-bottom: 1px dotted #b7cddd;
}

/* ------- footer ------- */

#footer {
	background: url(../images/layout/foot_repeat.gif) repeat-x;
	background-color:  #f2f2f2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	_font-size: 10px;
	*font-size: 10px;
	width: 100%;
	height: 71px;
	color: #929191;
}

#foot_info {
	width: 813px;
	height: 50px;
   	margin: 0 auto;
   	padding: 10px 0 0 0;
	color: #929191;
	text-align: center;
}

#foot_info ul {
	color: #929191;
}

#foot_info ul li {
	display: inline;
	padding: 0 10px 0 10px;
	color: #929191;
}

#foot_info ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #929191;
	text-decoration: none;
	border-bottom: 1px solid #929191;
}

#foot_info ul li a:hover {
	color: #CC3333;
	text-decoration: none;
	border-bottom: 1px solid #CC3333;
}	

#clear {
	clear: both;
}