* { margin: 0px; padding: 0px; } 
html 		{ min-height: 100%; }
body {text-align: center; font-family: Helvetica, arial, sans-serif; font-size: 10px;line-height:18px; }
h1, h2, h3, ol, ul, dl { padding:2px 0px 4px; }
p {padding:4px 6px 4px 6px;} 
ol,ul,dl 
h1, h2, h3, ol, ul, dl { padding:0px 6px 4px; }
td {vertical-align: top;}
ol, ul, dir, menu, dd       		{ margin-left: 40px }
ol              					{ list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol    		{ margin-top: 0; margin-bottom: 0 }
blockquote { width:80%; margin:10px auto; padding:0 26px;  background:#FFF url(../images/bg_blockquote_side.gif) no-repeat 0 50%; }
table {
   border-collapse: collapse;
}

td {
   padding:2px 5px;
}


#skip 				{ display: none; }
a img, :link img, :visited img { border: none; }
a:link 				{ color: #FFF; text-decoration: underline; }
a:visited 			{ color: #FFF; text-decoration: underline; }
a:hover, a:active 	{ color: #FFF; }

.alignright		{ text-align: right !important; }
.floatright		{ float: right; }
.inline			{ display: inline; }

.clear	{ clear: both;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix 		{ display:inline-block; } 
/*\*/ .clearfix { display:block; } /**/ 

h1		{ font-size: 20px; line-height: 18px;  }
h2 		{ font-size: 16px; color: #FFF; }
h3		{ float:right;font-size: 16px; color: #FFF; }

#wrapper {
   margin:0;padding:0;
   width: 100%;
   min-height: 100%;
}

#top		{ width:100%; background:#FFF}
#top .logo 	{ float:left; padding:5px;}
#top .logo2 	{ float:right; padding:10px;}


#body-front {
   height:522px;
   background:#8ACAD6 url(/rams/assets/images/bg_1.jpg);
}

#body-front2 {
   height:461px;
   background:#8ACAD6 url(/rams/assets/images/bg_2.jpg);
}

#body-text {
   height:180px;
   margin:40px 0 40px 0;
   line-height:16px;
}

#nav 			{ float:left;
font-weight:bold;font-size: 14px;display:block; height:100%;width:181px; margin:20px 20px 0 0; padding:0; list-style:none; text-align:left; background:#FFF;}
#nav li 		{ background:url(/online/systems/mhl/images/menu-link.gif) no-repeat 100% 0;float:left; height:55px;width:181px; padding:0; }
#nav li a 		{ text-decoration:none; width:181px; display:block; padding:0 0 0 5px;height:41px; line-height:41px; color:#FFF; }
#nav li.on 		{ display:block; padding:0; width:181px; height:41px; line-height:41px; color:#000; }
#nav li a:hover { color:#000; }
.home #nav #home a,
.contact #nav #contact a, 
.about #nav #about a, 
.whatis #nav #whatis a,
.pricing #nav #pricing a,
.signup #nav #signup a ,
.other #nav #other a, 
.home #nav #home a ,
.offer #nav #offer a ,
.help #nav #help a,
.hr #nav #hr a,
.hs #nav #hs a,
.riskform #nav #riskform a,
.messages #nav #messages a,
.editdata #nav #editdata a,
.generatereports #nav #generatereports a,
.ramshelp #nav #ramshelp a,
.eramshome #nav #eramshome a
{
   color:#FFF;
   text-decoration:underline;
}


#nav-rams 			{ font-weight:bold;font-size: 14px;display:block; width:100%; height:41px; margin:0; padding:0; list-style:none; text-align:center; background:#24328C;}
#nav-rams li 		{ float:left; width:143px; padding:0 20px 0 20px; }
#nav-rams li a 		{ text-decoration:none; display:block; padding:0; padding:0; height:1%; line-height:41px; color:#FFF; }
#nav-rams li.on 		{ display:block; padding:0; width:120px; height:41px; line-height:41px; background:url(/rams/assets/images/menu-overlay.png) no-repeat 50% 0; color:#EFEFEF; }
#nav-rams li a:hover { background:url(/rams/assets/images/menu-overlay.png) no-repeat 100% 0; }
.contact #nav-rams #contact a, 
.about #nav-rams #about a, 
.whatis #nav-rams #whatis a,
.other #nav-rams #other a, 
.home #nav-rams #home a ,
.riskform #nav-rams #riskform a,
.editdata #nav-rams #editdata a,
.generatereports #nav-rams #generatereports a,
.ramshelp #nav-rams #ramshelp a,
.ramshome #nav-rams #ramshome a
{
   background:url(/rams/assets/images/menu-overlay.png) no-repeat 100% 0;
}

#subnav, #subnav ul { margin:0; padding:0; list-style:none; }
#subnav li { }
#subnav li a { display:block; padding:5px 10px 5px 10px; height:1%; background:url(../images/bg_subnav.gif) no-repeat 100% 100%; text-decoration:none }
#subnav li a:hover { background:#E9D1D1 url(../images/bg_left_nav_on.gif) no-repeat 50% 0; text-decoration:none; }
















#contentpane {
   float:left;
   width:700px;
   margin-bottom:20px;
}

.contentcentre { 
   margin:0 auto;
   width:500px;
   text-align:center;
   background: #24328C;
   font-size:14px;
}

.contentcentrewide { 
   margin:0 auto;
   width:980px;
   text-align:center;
   background: #24328C;
   font-size:14px;
}

.contentbox { 
   margin:20px 0 0 10px;
   width:500px;
   float:left;
   background: #24328C;
   font-size:14px;
}

.contentbox2 { 
   margin:20px 0 20px 0;
   width:600px;
   float:left;
   margin:20px 0 0 10px;
   background: #24328C;
   font-size:14px;
}

.contentbox3 { 
   margin:20px 0 20px 0;
   width:780px;
   float:left;
   margin:20px 0 0 10px;
   background: #24328C;
   font-size:14px;
}

.contentbox-content h2 {
   color:#FFF;
   width:260px;
   float:right;

}

.contentbox-content2 h2 {
   padding:0px;
}



.contentbox-content2 h3 {
   color:#FFF;
   width:260px;
   float:none;

}

.contentbox img {
   float:left;
   padding-left:5px;
}


.loginbox {
   text-align:left;
   background: #24328C;
   float:left;
   width:260px;
   margin:20px 0 0 10px;
   font-size:12px;
}


.loginbox-light {
   text-align:left;
   background: #B4C8C9;
   float:left;
   width:260px;
   margin:20px 0 0 10px;
   font-size:12px;
}

.loginbox-top-light div {
   background: url(images/tl-light.png) no-repeat top left;
}

.loginbox-top-light {
   background: url(images/tr-light.png) no-repeat top right;
}

.loginbox-bottom-light div {
   background: url(images/bl-light.png) no-repeat bottom left;
}

.loginbox-bottom-light {
   background: url(images/br-light.png) no-repeat bottom right;
}








.loginbox-top div,
.contentbox-top div
{
   background: url(images/tl.png) no-repeat top left;
}

.loginbox-top,
.contentbox-top {
   background: url(images/tr.png) no-repeat top right;
}

.loginbox-bottom div,
.contentbox-bottom div {
   background: url(images/bl.png) no-repeat bottom left;
}

.loginbox-bottom,
.contentbox-bottom {
   background: url(images/br.png) no-repeat bottom right;
}

.contentbox-top div,
.contentbox-top,
.contentbox-bottom div,
.contentbox-bottom,
.loginbox-top div,
.loginbox-top,
.loginbox-bottom div,
.loginbox-bottom ,
.loginbox-top-light div,
.loginbox-top-light,
.loginbox-bottom-light div,
.loginbox-bottom-light
{
   width: 100%;
   height: 15px;
   font-size: 1px;
}

.loginbox-content,
.contentbox-content {
    color:#FFFFFF;
    padding:10px;
    text-align:left;
}


.contentbox-content2 {
    color:#FFFFFF;
    padding:10px;
    text-align:left;
}

.loginbox a {
    color:#FFFFFF;
}

#footer { line-height:12px;text-align:left;font-size:10px;color:#FFF; height:80px;background:#25328C; display:block; padding: 0; margin:20px 0 0 0; }
#footer-left {
   padding:30px 30px;
   float:left;
}
#footer-right {
   padding:38px 65px;
   float:right;
}


#contactbox {
    margin:0 0 0 60px;height:214px;width:536px;background:url(/rams/assets/images/contactbox.jpg);
    float:left;
    font-size:12px;
    line-height:18px;

}
#contactinner {
    color:#FFFFFF;
    padding:10px 15px 0 15px;
    text-align:left;
}

#client {
    text-align:left;
	font-size:14px;
	padding: 10px;
	background:#FFF;
	min-height:100%;
    margin: 0 auto; 	
}


#client a {
   color:#FFF;
   }


#main {
	float:left;
	width:100%;
	padding:0;
	}


#logged {
    font-size:12px;
	padding: 5px;
	background:#017DC3;
	text-align:right;
	color:#FFF;
}
#logged a {
	color:#FFF;
}

#pagetitle {
   float:left;
   font-weight:bold;
   font-size:14px;
}

#account {
   float:right;
}

#error {
    color:#EF0000;
    font-size:12px;
	padding: 5px;
	text-align:left;
	font-weight:bold;
	background:#FFFFCC;
}

#haztable {
   float:right;
   margin-right:15px;
}

.edit {
   float:left;
   padding:5px;
   text-align:left;
   width:32%;
}

#client h2 {
   padding:0 0 5px 1px;
   color:#000;
   font-size:12px;
}

.edit a {
   color:#FFF;
}

table.pricingtable {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	border-style: ridge ridge ridge ridge;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	margin:5px;
}

table.pricingtable td {
	border-width: 1px 1px 1px 1px;
	padding: 2px 6px 2px 6px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
}