/* Start of CMSMS style sheet 'MHBG_layout_css' */
/*
name: MHBG_layout_css.css
site: mhgb
author: patrick goff, patrick.goff@gmail.com
date: april 2009
*/

/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

a, img { outline: none; border: none; }

/* styles */
body {
   background: #fbfbfb url(../img/mainBck.jpg) repeat-x left top;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;
   text-align: center;
}
#pageSurround {
   background: white;
	width: 800px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
/* main navigation */
#mainNav {
	background: url(../img/mainNavBck.gif) no-repeat center top;
	font: bold 12px Arial, Helvetica, sans-serif bold;
	height: 27px;
	margin: 0 auto;
	padding-top: 67px;
	width: 800px;
}
ul.mainNav {
	background: green;
	list-style: none;
	margin: 0 22px;
	text-align: center;
}
ul.mainNav li {
	background: #000 url(../img/tabBck.gif) repeat-x left top;
	float: left;
   margin-left: 0;
}
ul.mainNav li a {
	background: url(../img/tabLeft.gif) no-repeat left top;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 110%;
	text-decoration: none;
}
ul.mainNav a.lastItem {
	border-right: none;
}
ul.mainNav li a span {
	background: url(../img/tabRight.gif) no-repeat right top;
	display: block;
	padding: 5px 8px;
}
ul.mainNav li a:hover {
	color: #cccccc;
}

/* content */
#contentWrapper {
   background: white;
   border-top: 3px solid #3f3b39;
   text-align: left;
   padding: 40px 0 0 0;
}
#content {
   margin: 0 auto;
   width: 700px;
}

/* generic typography layouts */
h1, h2, h3, h4, h5 { margin-bottom: 10px; }
p { margin-top: 5px; margin-bottom: 10px; line-height: 1.5em;}
ol, ul {}
li { margin-left : 16px; }
blockquote {}
pre {}
code {}
span {}
a {}

/* news module for court docs */
.NewsSummary {
   clear: both;
   padding: 10px 0;
}
.NewsSummaryPostdate,
.NewsSummaryLink {
   float: left;
}
.NewsSummaryPostdate,
.NewsSummaryLink {
   padding-right: 10px;
}
.NewsSummaryPostdate {
   color: #333;
}
hr#HorizTop {
   margin-bottom: 20px;
}
hr#HorizBttm {
   margin-top: 20px;
}
#NewsPostDetailContent,
.NewsDetailField {
   margin: 10px 0;
}

/* form css */
form {margin: 0 auto; width: 650px;}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
   clear: both;
	margin-bottom:1em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	border: none;
	padding:0.5em
}
fieldset label {
	width: 200px;
}
legend {
	color:#FFF;
	background:#F60;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	border:1px solid #CCC
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
div.submit {margin-top:0.5em}
div.submit input {
   cursor: pointer;
   width: 10em;
   height: 2em;
}

.claimForm input,
.classification input {
   border: 1px solid #999;
   height: 2em;
   width: 430px;
}
.classification .checkbox input {
   height: 10px;
   width: 10px;
}
.claimForm label {
   display: block;
   width: 180px;
   float: left;
}
.classification label { padding-right: 10px; }
.claimForm label.label {

}
.claimForm textarea {
   border: 1px solid #999;
}
.claimForm select {
   border: 1px solid #999;
}
.claimForm div h3 {
   margin-bottom: 0;
}
/* End of 'MHBG_layout_css' */