body {
		margin:0; padding:0;
		font:13pt/1.5  Lucida Grande, Lucida Sans, Arial, sans-serif;
		text-align:center;
		background-color:#313332;
		}
a.downloadhib{
	background:url(../images/download.png) no-repeat;
	width:125px;height:50px;display:block;
}
a.downloadhib:hover{
	background-position: -125px 0px;
	width: 125px; height: 50px;
	display:block;
}
ul.specialtabs{
list-style: url(../images/16-em-check.png) inside;
}
div.tabcontent{
margin-left: 390px; padding:1em; height:250px;
}
div.tabpics{
float:left; width:354px; margin:0; padding:1em;
}
p.tabdesc{
padding-top:10px;
}
.shadow{
	background: url(../images/bottom.png) no-repeat;
	height: 10px;
	margin-top: 10px;
}
span{
	font-weight:bold;
	font-size: 110%;
}
ul#menu{
	list-style: none;
	text-align: left;
	margin: 0px 0px 10px 30px;
	padding: 0;
}
ul#menu li{
	padding-bottom: 5px;
}
/* -- clearfix ----
The problem happens when a floated element is within a container box, that element does not automatically force the container's height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. You can use 2 methods to fix it:

{clear: both;} 
clearfix 
Once you understand what is happening, use the method below to "clearfix" it.

http://www.webtoolkit.info/css-clearfix.html
---------------------------------------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* 2-column div
---------------------------------------------------------------------------------------------------- */
.col {   /* remember to also use .clearfix */
}

.col img {
	float: left;	
}

.col.alt img {
	float: right;
}

.col h5, .col h6 {
	#margin-top: 0;
}

/* 2-column div: Product pages
---------------------------------------------------------------------------------------------------- */
.col.product {
	margin-bottom: 40px;
}

.col.product img {
	margin-right: 25px;
}
		
/* --- hr--
---------------------------------------------------------------------------------------------------- */
	.hr {
		height: 20px;
		margin: 10px 0 30px;
		background: transparent url(../images/bg-hr3.gif) no-repeat left top;
	}
	
	.hr2 {
		height: 10px;
		margin: 10px 0;
		background: transparent url(../images/bg-hr2.gif) no-repeat left top;
	}		
/* --- h1 h2 h3 h4 --
---------------------------------------------------------------------------------------------------- */
	h1, h2, h3, h4 {
	/* setup some more readable header spacing */
		font-weight: normal;
		line-height: 100%;
		font-family:  Geneva, Tahoma, sans-serif;
	}
	
	h1 { 
		font-size: 200%;
		line-height: 100%;
	}
	
	h2 {
		font-size: 17px;
		line-height: 100%;
		font-weight:bold;
	}


/* forms 
---------------------------------------------------------------------------------------------------- */
form {
	margin: 20px 0 15px;
	padding: 0;
	}
form fieldset { 
	border: 0; 
	padding: 0; 
	margin: 0; 
	}
form fieldset legend {
	display: none;
	}
form p {
	height: 1%; 
	}
form p.notice {
	text-align: right;
}
form p:after { 
	content: "."; 
	clear: both; 
	display: block; 
	height: 0; 
	visibility: hidden;
	}
form p label { 
	display: block;
	float: left;
	width: 30%;
	padding: 8px 20px 8px 0;
	}	
form p input,
form p select,
form p textarea {
	border: 1px solid #D9DEE1;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;	
	padding: 8px;
	width: 60%;
	font-size: 1em;
	color: #384656;	
	}
input:active, input:focus, input.activefocus,
select:active, select:focus, select.activefocus,
textarea:active, textarea:focus, textarea.activefocus {
	border: 2px solid #69C2F0 ;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;	
	padding: 7px;
	width: 60%;
	font-size: 1em;
	color: #384656;
	}

form p select { width: 64%; }	
form ul.fieldlist { list-style-type: none; margin: -47px 0 0 33%; padding: 0 0 10px 0; } 
form ul.fieldlist li { color: #384656; }
form input.btn {
	width: auto;
	overflow: visible;
	border: 1px solid #69C2F0; 
	background: #69C2F0 url(../images/form_button_.gif) repeat-x; 
	cursor: pointer;
	color: #fff;
	padding: 7px 10px;
	height: 1%;	
	}	
		
/* button list 
---------------------------------------------------------------------------------------------------- */
ul.buttons { margin: 30px 0; padding: 0; list-style-type: none; height: 2.5em; /*width: */}
ul.buttons li { 
	float: left; 
	white-space: nowrap; 
	border: 1px solid #C4C4C4; 
	background: #D9DEE1 url(../images/button_.gif) repeat-x;
	}

ul.buttons li a { 
	display: block; 
	text-decoration: none;	
/*	position: relative;*/
	border-top: 1px solid #EEF0F1; 	
	padding-right: 15px;
	}
.x { 
	display: block; 
	text-decoration: none;	
/*	position: relative;*/
	border-top: 1px solid #EEF0F1; 	
	padding-right: 15px;
	}
	
	
ul.buttons li span { 	
	display: block; 
	border-top: 1px solid #EEF0F1; 
	border-left: 1px solid #EEF0F1; 
	padding: 0.3em 0 0.4em 15px; 
	color: #384656;
	}
ul.buttons li a span { border-top: 0; }
ul.buttons li.highlight { 
	border-color: #69C2F0; 	
	background: #69C2F0 url(../images/button_highlight_.gif) repeat-x; 
	}
ul.buttons li.highlight span { 
	border-color: #BAE3F8; 
	color: #fff; 
	}
	
	#btnx{
	border: 1px solid #D9DEE1;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;	
	padding: 8px;
	width: 60%;
	font-size: 1em;
	color: #384656;	
	}
	
	.btn {
	width: auto;
	overflow: visible;
	border: 1px solid #69C2F0; 
	background: #69C2F0 url(../images/form_button_.gif) repeat-x; 
	cursor: pointer;
	color: #fff;
	padding: 7px 10px;
	height: 1%;	
	}	
	

/* -----login ----- 
---------------------------------------------------------------------------------------------------- */
	.login{
		background: url(../images/bgs/login.png) no-repeat; 
		display:block;
		width: 215px;
		height: 115px;
		padding-top: 10px;
		font-size: 10px;
	}
	
	.loginbutton{
		background: url(../images/buttons/login.png) no-repeat;
		display:block;
		width: 58px;
		height: 25px;
		font-size:8px;
	}
	
/* -----login ----- */		
/* -----forms ----- */		
	input, textarea, .firefox select.select{	
		border-top:1px solid #7c7c7c;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #ddd;
		background:#fff url(../images/bgs/fieldbg.gif) repeat-x top;
	}
	input.btTxt{
		padding:0 7px;
		width:auto;
		overflow:visible;
	}
	.buttons{
		clear:both;
		margin-top:10px;
	}
	.buttons input{
		font-size:120%;
		margin-right: 5px;
	}
	
	label{
		display: block;
		float: left;
	  	width: 50px;
	  	margin: 0 0 3px 0;
	  	text-align: right;	
	}
	
	#loginform a{
		color: #35440e;
	}
/* -----end of forms ----- */	
	.left{
		border:#2b82da 1px solid;
		background: #05406c;
		text-align:left;
		margin-left: 4px;
		width: 208px;
	}
	
	.menu h3{
		background: url("../images/bgs/menuh3.png") no-repeat;
		display:block;
		height:33px;
		padding: 7px 0px 0px 20px;
		font-size:10px;
		
	}
	
	.headerunderline{
	background: url("../images/bgs/textunderline.gif") no-repeat;
	width: 418px;
	height: 1px;
	display: block;
	padding: 5px 0px 5px 0px;
	}
	.contentheading{
		font-size: 22px;
		font-weight: normal;
		line-height: 110%;
		padding-bottom: 8px;
		margin: 15px 0 0 0;
		font-style: italic;
	}
	a {
		color: #54e2f6;
		/*color: #92c7f3;*/
		text-decoration: none;
	}
	a:hover{
		text-decoration: underline;
	}
	h3{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size: 11pt;
		color: #92c7f3;
	}
	ol li{
		padding: 2px 2px 2px 2px;
	}
	#faqqns{
		font-size: 11pt;
	}
	#header {
		margin:0 auto; padding:0;
		background:#1d1d1d;
		}

	#main1 {
		margin:0 auto; padding:0;/*firefox fix*/
		width: 952px;/*malcolm.. limits the width and centers the content*/
		background-color:#004c7e;
		border:1px solid #021523;
		
		}
	#main2 {
		margin:0; padding:0;
		width: 952px;
		}
	#left {
		float:left;
		width:200px;
		margin:0; padding:0;
		font-size:80%;
		}
		
	#right {
		float:right;
		width:0px;
		margin:0; padding:0;
		font-size:80%;
		}
	#middle {
		margin:0 0px 20px 215px;
		font-size:80%;		
		}
		#middlealt {
		margin:0 0px 20px 5px;
		font-size:80%;		
		}		
	/*malcolm*/
	#middlecontent{
		margin-top: 5px;
		border:1px solid #146092;
		text-align:left;
		padding: 0px 0px 50px 15px;
		color:#f4fbff;	
		width: 715px;
	}
	#middlecontentalt{
		margin-top: 5px;
		border:1px solid #146092;
		text-align:left;
		padding: 0px 0px 50px 10px;
		color:#f4fbff;	
		width: 928px;
		margin-right: 5px;
		
	
	}
	
	.titleHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:white;
	padding: 5px 0px 0px 0px;
	}
	.titleHeaderAlt{
	color: #d2edff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding: 5px 0px 0px 0px;
	}
	.column-in {
		margin:0; padding:0em 0em;/*padding:0.5em 1em;*/
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
	#footer{
		color:#e5e5e5;
		font-size:10px;
		text-align: left;
	}
	#footer2{
		width: 950px;
		margin:0 auto;
		padding:0 ;
	}	
/* menu----
---------------------------------------------------------------------------------------------------- */	
#menucase ul.vert-one{
background: #333;
margin:0;padding:0;
list-style-type:none;
display:block;
font: 10px Helvetica, Verdana, Arial, sans-serif;
line-height:165%;
width:300px;
}
#menucase ul.vert-one li{
margin:0;padding:0;
}
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#333;padding:0 0 0 20px;width:180px;}
#menucase ul.vert-one li a:hover{background:#2580a2 url("../images/vert-one_arrow.gif") no-repeat 0 9px;}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("/code/vert-one/images/vert-one_arrow.gif") no-repeat 0 9px;}

#headerbg{
background: #1d1d1d url("../images/bgs/headerbg3.png") no-repeat;
width: 952px;
height: 111px;
cursor:pointer;
margin:0 auto;
}
/*
#mainmenu {
	width: 506px;
	height: 50px;
	float:right;
	margin:0;
    padding:0 0 0 0px;
	border:1px solid #000033;
	background-image: url("../images/bgs/menu.png");
}

#mainmenu ul{
	list-style: none;
}

#mainmenu li{
}*/
ul#navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	top: 61px;
/*	left: -5px;*/
/*	left: 115px;*/
	left: 240px;
	/*width: 506px;*/
	width: 612px;
	height: 50px;
	position:relative;
	float:right;
	/*background: url("../images/bgs/menu.png") no-repeat;*/
	/*background: url("../images/bgs/menu2.png") no-repeat;*/
	background: url("../images/menu_6.png") no-repeat;

	
}
#home ul{
   background-position: 0px 0px;
}
#overview ul{
	background-position: 0px -50px;
}

#howitworks ul{
	background-position: 0px -100px;
	display: block;
}
#userstories ul{
	background-position: 0px -150px;
}
#contact ul{
	background-position: 0px -200px;
}
#help ul{
	background-position: 0px -250px;
}
#login ul{
	background-position: 0px -300px;
}
li.viewfiles a{
  color:#30b9cb; 
}
li.viewfiles div{
/*background:url(../images/viewfiles_list.png) no-repeat; */
/*width:494px; height:27px; */
/*text-indent:10px; */
/*padding-top: 3px;*/
font-size:12px;
border-style:solid;
/*border-width: 1px; */
border-color: #ffffff;
background-color: #ffffff;
}
li.viewfiles div:hover{
/*background-position: 0px -30px;*/
/*padding-top: 2px;*/
/*width:494px; height:27px; */
/*display:block; text-indent:10px; */
/*padding-top: 3px;*/
font-size:12px;
color:#317ae3;
}

/*<group=level 1>*/

ul#navigation li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 50px;
	
}

ul#navigation li a:hover {
	border: 0;
	display: block;

}	
	
/*</group>*/

li#home a{
	width: 101px;
	left: 0px;
}
li#overview a {
	width: 96px;
	left:105px;
 }

li#howitworks a {
	width: 120px;
	left: 206px;
	
}


li#userstories a {
	width: 140px;
	left: 327px;
}

li#contact a {
	width: 89px;
	left: 465px;
}

li#help a {
	width: 56px;
	left: 556px;
}

.tell a {
	/*display:block;*/
	top: 15px;
/*	left: 0px;*/
	width: 122px;
	height: 43px;
	position:relative;
	float:right;

}

.downloadt a {
	/*display:block;*/
	top: 15px;
/*	left: 0px;*/
	width: 122px;
	height: 43px;
	position:relative;
	float:right;

}


img
{  border-style: none;
}

.statustop {
border-style:solid;
border-width: 1px; 
border-color: #ffffff;
background-color: #286993;
color:#f4fbff;
}

.stateheader{
border-style:none;
border-width: 1px; 
border-color: #ffffff;
background-color: #b8e4ff;
color:#000000;
}
.viewfiles{
font-size:12px;
color:#317ae3;
border-style:none;
border-width: 1px; 
border-color: #ffffff;
background-color: #286993;
}
.viewpayment{
font-size:12px;
color:#ffffff;
border-style:none;
border-width: 1px; 
border-color: #ffffff;
background-color: #286993;
}
span.red{
color:#f8545f;
}