/* basic elements ----------------------------------------------------------------------------------*/

html, body { height: 100%; }

body {
	background: #21415A url("../images/bg.jpg") top left repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.3em;
	font-size: 85%;
	color: #0F3757;
	font-family: Arial, Helvetica, sans-serif;
	}
	
p {
	margin: 0px;
	padding: 10px 10px 0px 10px;
	line-height: 1.4em;
	}

h1, h2	{ margin-bottom: 3px; }
h3, h4	{ margin-bottom: 0; }

h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; margin-bottom: 0; }

ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #0F3757;
	list-style-type: none;
	padding: 10px 0 0 10px;
	margin: 0;
	}

li {
	background-image: url(../images/bullet.gif);         /* do not change bullet from bg image */
	background-repeat: no-repeat;                     /* this method improves cross-browser */
	background-position: 0px 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	}

	
dl {  }

dt { 
	text-decoration: underline;
	font-weight: bold;
	}

dd { 
	margin-left: 2px;
	margin-bottom: 5px;
	}

input {
	color: #0F3757;
	margin: 1px;
	}
	
textarea {
	color: #0F3757;
	}
	
img { 
	display: block; 
	border: none;
	}

a:link, a:visited { color: #336699; }
a:hover, a:active { color: #0F3757; }

input, textarea, select {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: middle;
	}


#case-evaluation 	 {	margin: 20px 0 0 0; }
#case-evaluation input 	 {	width: 150px; }
#case-evaluation textarea {	width: 350px; }
#case-evaluation table 	 {	margin: 10px auto; }
#case-evaluation #submit  {	width: 55px; }

.right {	
	text-align: right;
	margin: 2px;
	}

.left {
	text-align: left;
	margin: 2px;
	}

/* framework -------------------------------------------------------------------------------*/

#wrap {
	width: 760px;
	margin: 0 auto;
	padding: 0px;
	background: url(../images/bg_body.gif) 50% 0% repeat-y;
	text-align: left;
	/* these rules are for the footer positioning */
	position: relative;
	min-height: 100%;
	height: auto;
	_height: 100%;	/* WinIE only */
	}

	#wrap-inner {
		padding: 0 8px;
		background: url(../images/bg_wrap_inner.gif) left top no-repeat;
		}

#content {
	_height: 1%;	/* WinIE peekaboo bug */
	background: #E0E0E0 url(../images/content-bg.jpg) left top repeat-x;
	margin: 0px;
	padding-left: 15px;
	padding-bottom: 85px;	/* allows clearance room for footer so content doesn't overlap */
	}

#content-left {
	float: left;
	width: 167px;
	margin: 25px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	font-size: 11px;
	}
	
#content-mid {
	float: left;
	width: 350px;
	margin: 25px 15px 10px 15px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	}
	
#content-right {
	float: left;
	width: 167px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	font-size: 11px;
	}
	
#phone-contact {
	border: 1px solid #C4C4C4;
	background-color: #F2F2F2;
	margin-top: 10px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	}

#phone-contact strong {
	font-size: 13pt;
	line-height: 13pt;
	}


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

#footer {
	position: absolute;	/* relative to body */
	bottom: 10px;
	left: 23px;
	width: 712px;
	padding-bottom: 10px;
	border: 1px solid #F2F2F2;
	background-color: #CDCDCD;
	text-align: center;
	font-size: 11px;
	}


/* content  ----------------------------------------------------------------------------------------*/

.content-body {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	width: 165px;
	}
	
.content-disclaimer {
	margin: 0px;
	font-size:10px;
	}

	
.border-wrap {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #C4C4C4;
	background-color: #F2F2F2;
	margin-bottom: 15px;
	}

#content-mid .border-wrap {
	padding:5px;
	margin: 10px 10px 0 10px;
	}
	
	#content-mid .border-wrap p {
		text-align:center;
		padding:0;
		}
	
	
/* news alert  -------------------------------------------------------------------------------------*/

.news-alert {
	width: 165px;
	margin-top: 10px;
	padding-top: 55px;
	background:  url("../images/subhead-newsalert.gif") top left no-repeat;
	border: 1px solid #C4C4C4;
	background-color: #1F426C;	
	}
	
.news-alert p {
	color: #FFF;
	padding: 5px 5px 10px 18px;	
	}
	
.news-alert form {
	margin: 0px;
	padding-bottom: 25px;
	text-align: center;	
	}
	
.news-alert input {
	vertical-align: middle;
	width: 115px;
	}
	
.news-alert .submit {
	vertical-align: middle;
	width: 21px;
	}


/* form styles -------------------------------------------------------------------------------------*/

#quick-contact {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	}
	
#quick-contact input {     /* large sized field */
	width: 140px;
	padding: 0;
	margin: 1px;
	}
	
	#quick-contact input.md {  /* medium sized field */
		width: 99px;
		}
	#quick-contact input.sm {  /* small sized field */
		width: 32px;
		}
		
#quick-contact textarea {
	width: 140px;
	height: 56px;
	padding: 0;
	margin: 1px;
	overflow: auto;
	}
	
#quick-contact .submit {
	width: 46px;
	height: 11px;
	text-align: left;
	}

#contact_business { display: none; } /* do not remove */ 


/* misc styles -------------------------------------------------------------------------------------*/

.button {
	margin: 5px auto;
	border: none;
	text-align: center;	
	}
	
.thumbnail {
	float: left;
	margin: 2px 5px 0 0;
	}

.clear {
	overflow: hidden;
	height: 0;
	clear: both;
	}

.no-offset {
	margin: 0px;
	padding: 0px;
	}
		
.subhead {
	padding: 0px;
	margin: 0px;                  /* IE Win 3px gap bug - hack fix below */
	border: none;
	}
	
	/* Begin hack */
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html .subhead { 
		margin-bottom: -3px;   
		}
	/* End hide from IE5/mac */
	/* End hack */

.required {
	font-weight: bold;
	color: #CC0000;
}