body {
background-color: #d8d8d8;
color:#424241;
padding:0px;
margin-top:10px;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
line-height:18px
}
a {color:#fff;text-decoration: underline;}
a:visited {color:#fff;}
a:hover {color:#fff;text-decoration: none;}
a:active { color:#fff;}

h1 {
font-size: 20px;
color: #252c31;
margin:0px;
font-weight: normal;
padding: 10px;
border-bottom:1px solid #babab7; }

h2 {
color: #252c31;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

#outside
{ 
 width:780px;
margin-top:10px;
 height: auto !important; /* For newish browsers */
 height: 100%; /* This is for crappy IE*/
 min-height: 100%; /* For newish browsers*/
margin-left: auto;
margin-right: auto;
text-align:left;


} 

#container {
width: 780px;
margin-left: auto;
margin-right: auto;
height:100%;
border:1px solid #000;
background:#f4b700 url("images/content_bg.gif") repeat bottom left;

}

#outer {
width: 780px;
margin-left: auto;
margin-right: auto;
height:100%;

}


#header {
height:222px;
width: 780px;
text-align: center;
background:  url("images/header.jpg") no-repeat bottom center;
background-color: #fff;
padding: 0px;
margin-top: 52px;

}

#headerreferral {
height:222px;
width: 780px;
text-align: center;
background:  url("images/headerreferral.jpg") no-repeat bottom center;
background-color: #fff;
padding: 0px;
margin-top: 52px;

}

#linkto_civilpro {
float: left;
position: absolute;
}

#content {
background-color:#ddddd8;
padding: 10px;
margin-left: 212px;
margin-right: 0px;
background:#ddddd8 url("images/home_image_1.jpg") no-repeat bottom center;

}
div#content { 
min-height:360px;
}
#contentother {
background-color:#ddddd8;
padding: 10px;
margin-left: 212px;
margin-right: 0px;
background:#ddddd8;
}
div#contentother { 
min-height:380px;
}
#contentother a{ 
color:#424241;
}

#contentother a:hover{ 
color:#000;
}

p{
padding: 5px 10px;
margin:0px;
}


#left {
float: left;
width: 212px;
margin: 0px;
padding: 0px;



}


#footer {
clear: both;
margin: 0px;
padding:0px;
height:90px;
 width:780px;
 background:  url("images/footer.gif") no-repeat bottom center;


}
 #footer a{
 color:#fff;
 text-align:left; 
 padding:10px;

 font-weight:normal
 }
 #footer a:hover{
 color:#ddddd8;
 }
  .footertechnical {
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	padding: 45px 10px 10px 27px;
	 width:531px;
	 float:right;
}
 .footer1 {
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	padding: 45px 10px 10px 27px;
	 background:url("images/footerhome.jpg") no-repeat top center;
	 width:531px;
	 float:right;
}
.footer1 a, .footertechnical a {
	color: #ffffff;
	text-decoration: none;
}
.footer1 a:hover, .footertechnical a:hover {
	color: #ddddd8;
	text-decoration: none;

}

.commwebfooter {
padding: 10px;
	width: 780px;
	color: #fff;
	text-align:center;
	}
.mainboxmarqueeleft {
	border: 0px solid #f01824;
	padding: 0px;
	width: 212px;
	height:60px;
	margin: 0px;
	background:#252c31 url("images/marqueeleft.gif") repeat-y right top;
	float: left;
}
.mainboxmarqueeright {
	border: 0px solid #f01824;
	padding: 0px;
	width: 560px;
	height:60px;
	margin: 0px;
	background-color:#252c31;
	float: right;
}
.mainboxmarquee {
	
	width: 780px;
	height:60px;
	margin: 0px;
	background-color:#252c31;
	
}

/* MENU */
#menu {list-style-type:none; margin:0px 0 0px 0px; padding:0; float:right;}
#menu li {float:left; padding:0; margin:0 0px 0 0; position:relative; width:93px; height:52px; z-index:100;background:#fff}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a{text-decoration:none;color: #1c59c0;}
#menu li dd {display:none;}
#menu li:hover{border:0;color: #000;}
#menu li a:hover {border:0;color:#000;background:url("images/button.gif") left bottom no-repeat;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 93px; margin: 0; padding: 0; text-align:center; cursor:pointer; }
#menu dt {margin:0; padding: 0px; font-size: 10px; font-family:Tahoma, Arial, Helvetica, sans-serif; border-bottom:1px solid #444; border-left:1px solid #ccc; border-top:1px solid #fff; font-weight:bold}
#menu dt a:hover {color: #000; font-weight:bold; }
#menu .one {height:50px;}
#menu dd {margin:0; padding:0; color: #fff; font-size: 11px; text-align:left;border-bottom:1px solid #ccc;width:160px; }
.gallery dt a{display:block;height:45px; padding-top:5px }
.gallery dd a { text-decoration:none; display:block; padding:12px 0px 14px 10px;
background: #fff; width:150px;font-weight:bold; font-size:10px;
}
.gallery dd a:hover {background:#fff url("images/button.gif") left bottom no-repeat;color:#000; }