/* Start of CMSMS style sheet 'ark-aii' */
div#content1{
	padding: 5px 10px;
	margin-bottom: 15px;
}

div#content2{
	padding: 5px 10px;
	margin-bottom: 15px;
}

div#content3{
	padding: 5px 10px;
}

div#content1 , div#content2 , div#content3 {
	padding: 5px 10px;
	overflow: auto;
	position: relative;
}

body{
	color:#000;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #3D4E44;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}
.sf_outer_wrapper{
	width: 685px;
	margin: auto;
	border: solid 4px #FFFFFF;
	
}
.sf_wrapper{
	width: 685px;
	background-color:#FFFFFF;
	
}

a:link {
	color:#000;
}

a:visited {
	color:#000;
}

a:hover {
	color:#000;
}

.sf_header_wrapper{
	width: 685px;
	height: 82px !important;
	height: 82px;
	min-height: 82px;
}

.sf_main_header p, .sf_sub_header p { margin: 0; padding: 0; }
.sf_main_header{
	float: left;
	font-size:1.2em;
    margin-top:10px;
	padding: 0 0 0 20px;
	font-weight: bold;
    height: 35px;
    overflow: hidden;
	color: #758F14;
}
.sf_main_header a img { border:none; }

.sf_sub_header{
	float: left;
    clear: left;
	font-size:.8em;
	font-weight: bold;
	padding: 0px 0 0 20px;
color: #84BE2B;
    height: 25px;
    overflow: hidden;
}
.sf_sub_header p {
	font-size:12px;
	font-weight: bold;
color: #84BE2B;
}

.sf_navigation{
	height: auto !important;
	width: 685px;
	margin-top: 0px;
	background-image: url(/uploads/images/nav_bg.gif);
	background-repeat: repeat;
	border-top: 1px solid #cccccc;
}

.sf_navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: auto !important; 
	height: 1%;
	
}

.sf_navigation ul:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 1px;
	clear: both;
}

.sf_navigation ul li{
	float: left;
	width: auto !important; 
	width: 5px;
	white-space:nowrap;
}

.sf_navigation ul li a, .sf_navigation ul li span {
	padding: 7px 12px;
	text-decoration: none;
	display: block;
	font-size:10px;
	font-weight: bold;
}

.sf_navigation_top{
	display:none;
}

.sf_extra5{
	width:685px;
	height: 160px ;
	clear: both;
	float: left;
	margin-top: 3px;
}
	
.sf_extra5 span{
	width: 453px;
	height: 160px !important; height: 160px;
	min-height: 160px;
	float: right;
	
}
.sf_pagetitle{
	font-size: 13px;
	font-weight: bold;
	margin: 0px 20px 0px 20px;
	clear: both;
	padding-top: 10px;
	color: #84be2b;
}

.sf_content{
	clear: both;
	margin-left: 20px;
    padding-bottom: 20px;
	margin-bottom: 20px;
}
.sf_content:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 1px;
	clear: both;
}

.sf_footer{
	clear: both;
	font-size:10px;
	height:20px;
	color: #fff;
	background-color: #84BE2B;
	padding: 10px 0px 5px 20px;
}
.sf_footer p{
	margin: 0;
	padding: 0;
}

.sf_banner{
	color:#000;
	margin-bottom: 35px;
	padding-top: 80px;
	text-align: center;
	font-size: .8em;
}
.sf_banner div#bannerLink{
	padding-top: 10px;
}


.sf_banner a{
	color:#000;
}
.sf_banner a:visited{
	color:#000;
}
.sf_banner a:hover{
	color:#000;
}

/* CSS Document */




.sf_navigation ul li a:hover{
	color: #84be2b;
}

.sf_extra5{
	sf_edit: true;
	background-image: url(/uploads/images/main_left_5.jpg);
	background-repeat: no-repeat;
}

.sf_extra5 span{
	sf_edit: true;
	background-image: url(/uploads/images/main_right_5.jpg);
	background-repeat: no-repeat;
}



#Nav1 dfn {display: none;}
/* table input, table select, table textarea {background-color: #ff0;}*/
.fbsubmit {background-color: #ccc;}

   div.c6 {display:block; float: left;}
    div.c5 {display: block; float: left; width: 61%;margin-right:20px;}
    span.c4 {}
    span.c3 {color: #000000}
    div.c2 {display:block}
    p.c1 {text-align: left}

.news {
display: block;
width: 30%;
float: left;
background-color: #84BE2B;
padding: 0px 8px 12px;
font-size: 10px;
color: white;
}

.news h1 {
padding: 2px 5px;
text-align: center;
font-size: 12px;
}

.NewsSummaryLink {
font-weight: bold;
}

.NewsSummaryMorelink {
padding: 0 0 18px;
}

/* Styles for client forms */
table.border td, th { 
	padding: 5px;
	border: 1px solid black;
}

table.columns td {
	vertical-align: top;
}

table.padded td {
	padding-right: 20px;
}

table.checks td {
	vertical-align: baseline;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 620px;
  max-width: 620px;
  width: 620px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form label.nofloat { 
	display: inline; 
	float: none; 
	width: auto; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
}

form input, form textarea, form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.flash {
	color: #3D4E44;
	font-weight: bold;
}

.fieldWithErrors {
	display: inline;
}
.fieldWithErrors * {
	background-color: #f2e0d3;
}

.errormessages {
	color: red;
	font-weight: bold;
}

#errorExplanation {
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 5px;
}

#errorExplanation ul  {
	margin: 0px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* End of 'ark-aii' */

