/* Richard balm main style sheet */

/* ------ Global styles --------*/

html, body { 
	margin:0;
	padding:0  0 10px 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%; 
	}
	
body { /* Sets up the page and aligns everything to center */
	padding:0 ;
	margin:0;
	text-align:center; 
	background:#fff;
}

/* ------ -------------------contains the site ------------------------------*/

#wrapper { 
	margin:0 auto 0; /* makes Moz center everything*/
	padding: 0 0 0 0;
	background:#fff;
	width:710px;
	height:100%;
	color: #042a02;
}

a:link, a:active, a:visited{
	color: #a80000;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	
	}
	
a:hover{ 
	color: #75a300;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	}

	


p { 
	margin: 0 0 10px 0;  
	padding: 0 0 0px 0;
}

/* ------ -----------------------------The page header ---------------------------------------*/

#header { 
	margin:0;
	padding: 0 0 0 0;
	background:#fff;
	width:710px;
}

/* ------ the top white bar with contacts info --------*/

#contacts { 
	margin:6px 0 0 0;
	padding: 0 0 0 0;
	background:#fff;
	width:710px;
	font-size: 70%; 
}

#contacts p{ 
	margin:0;
	padding: 0;
	float: left;
}

#contacts ul{ 
	margin:0;
	padding: 0px 20px 0 0;
	float:left;
}

#contacts li {
	float: left;
	margin:0 0 0 14px;
	padding:0; 
	list-style-type:none;
}

#contacts li.phone{ 
	padding:0 0 0 14px; 
	background:url(/images/icon_phone.gif)  0px 2px no-repeat;
}

#contacts li.email a:link, #contacts li.email a:active, #contacts li.email a:visited{
	padding:0 0 0 14px;
	color: #042a02;
	text-decoration: none;
	background:url(/images/icon_email.gif)  0px 4px no-repeat;
	}
	
#contacts li.email a:hover{ 
	padding:0 0 0 14px;
	color: #a80000;
	text-decoration: none;
	background:url(/images/icon_email_red.gif)  0px 4px no-repeat;
	}
	
#login {
	float: right;
}

#logo { /* ------ The logo green band and top pic --------*/
	margin:6px 0 2px 0;
	padding: 0 0 0 0;
	background: url(/images/top_pic.jpg) right no-repeat;
	width:710px;
	float:right;
	border-bottom: 7px solid #042a02;
}

#logo h1 { /* the logo*/
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 0 0 0 0;
	background: url(/images/logo.gif) no-repeat;
	width: 392px; /* dimensions of the image, logo.gif */
	height: 103px; /* dimensions of the image, logo.gif */
	text-indent: -9000px;
	overflow: hidden;  /* needed for I*/
	float:left;
}

#logo h1 a{
	display: block;  /* so the link will work */
	height: 103px;
	width: 392px;
	}

/* ------ -------------------------The LH coll and main navigation--------------------- --------*/

#lhcoll { 
	margin:0;
	padding: 0 0 0 0;
	background: #fff;
	width:165px;
	float:left;
	text-align:left;
}

#mainnav { 
	margin:0;
	padding: 0 0 0 0;
	background: #d1d671;
	width:165px;
	float:left;
}

#mainnav ul{ 
	margin:16px 0px 17px 0px;
	padding: 0;
	 width:165px;
	border-top: 1px solid #fff;
	float:left;
}

#mainnav ul li{ 
	margin:0;
	padding:0px 0px 0 0px; 
	list-style-type:none;
	background:#d1d671;
	border-bottom: 1px solid #fff;
}

#mainnav ul li a:link, #mainnav ul li a:active, #mainnav ul li a:visited{
	color: #003300;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
	margin: 0;
	background:#d1d671 url(/images/nav_green.gif)  0px 0px repeat-y;
	font-size: 80%;
	display:block;
	font-weight:bolder;
	width:146px;
	}
	
#mainnav ul li a:hover{ 
	color: #fff;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
	margin: 0;
	background:#a7ad32 url(/images/nav_dark.gif)  0px 0px repeat-y;
	display:block;
	font-size: 80%;
	font-weight:bolder;
	width:146px;
	}
	
#mainnav ul li ul{ /* ------ --------The stepdown page subnav ---------------*/
	color: #fff;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
	margin: 0 0 0px 0;
	background:#a7ad32 url(/images/nav_dark.gif)  0px 0px repeat-y;
	display:block;
	font-size: 80%; 
	font-weight:bolder;
	}
	
#mainnav #currentpage a {
	color: #fff;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
	margin: 0 0 0px 0;
	background:#a7ad32 url(/images/nav_dark.gif)  0px 0px repeat-y;
	display:block;
	font-weight:bolder;
	}

#mainnav  ul.subnav { 
	color:#666;
	margin:0;
	padding: 3px 0 4px 19px;
	font-size: 60%;
	border: none;
	line-height:120%;
	background:#e7e9b4;
	font-weight:bolder;
}

.top { 
	color:blue;
	margin:0;
	padding: 500px 0 4px 19px;
	border-bottom: none;
	line-height:120%;
	background:#e7e9b4;
}

#currentpage  { 
	margin:0;
	padding: 5px 0 4px 0px;
	background:#e7e9b4;
}

.bot ul li  p { 
	color:#666666;
	margin:0;
	padding: 0 0 7px 19px;
	border-bottom: none;
	line-height:120%;
	background:#e7e9b4;
}

#mainnav #currentpage li a:link, #mainnav  #currentpage li a:active, #mainnav #currentpage li a:visited{
	color: #a80000;
	text-decoration: none;
	padding: 0px 0px 0px 0;
	margin: 0;
	background:#e7e9b4;
	/*display:block;*/
	font-size: 100%; 
	font-weight:bolder;
	}
	
#mainnav #currentpage li a:hover{ 
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 0px 0;
	margin: 0;
	background:#e7e9b4;
	/*display:block;*/
	font-size: 100%; 
	font-weight:bolder;
	}
	
.wizzboxbut{ /* ------ -----------------------The LH coll downloads button ----------------------------*/
	margin:14px 0 0px 0;
	padding: 0;
	background:#eff0cc;
	width:165px;
	clear:left;
	float: left;
	border-top: 2px solid #042a02;
	border-bottom: 2px solid #042a02;
}

.wizzboxbut ul{ 
	margin:0;
	padding: 0;
}

.wizzboxbut ul li{ 
	margin:0;
	padding:0; 
	list-style-type:none;
	background:#d1d671;
}


.wizzboxbut ul li a:link, .wizzboxbut ul li a:active, .wizzboxbut ul li a:visited{
	color: #a80000;
	text-decoration: none;
	padding: 0px 0px 3px 10px;
	margin: 0;
	font-size: 70%; 
	display:block;
	font-weight:bolder;
	}
	
.wizzboxbut ul li a:hover{ 
	color: #fff;
	text-decoration: none;
	padding: 0px 0px 3px 10px;
	margin: 0;
	background-color:#a7ad32;
	font-size: 70%; 
	display:block;
	font-weight:bolder;
	}	

/* ------ -----------------------The LH coll feature box ----------------------------*/
	
#featurebox{ 
	margin:14px 0 20px 0;
	padding: 0;
	background:#eff0cc ;
	width:165px;
	float:left;
	border-top: 2px solid #042a02;
	border-bottom: 2px solid #042a02;
}

#featurebox img.featured{ 
	border: none;
	padding: 0;
	margin: 0;
}

#featurebox h4 {
	padding: 0 9px 0px 6px;
	font-size: 70%;
	margin: 0 0 1em 0;
	}
	
#featurebox h4 a:link, #featurebox h4 a:active, #featurebox h4 a:visited{
	color: #042a02;
	text-decoration: none;
	padding:0;
	margin: 0;
	font-weight:bolder;
	}
	
#featurebox h4 a:hover{ 
	color: #a80000;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	font-weight:bolder;
	}

#featurebox p{ 
	margin:0;
	padding: 4px 9px 10px 6px;
	font-size:60%; 
}

/* ------ -----------------------The main page contnent ----------------------------*/

#content { 
	margin:0;
	padding: 19px 0 0 38px;
	background:#fff;
	width:507px;
	float:left;
	text-align:left;
	font-size: 70%;
	line-height: 144%;
}

#content h2 { /* page header*/
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 0 0 16px 0;
	color: #042a02;
	font-size: 130%; 
}

#content .project { /* main header with the dotted underline*/
	margin: 0 0 0 0;  
	padding: 0 0 24px 0;
	color: #042a02;
	font-size: 130%; 
	background:url(/images/border.gif)   0px 28px repeat-x;
	clear:both;
}

#content h3 { /* sub header*/
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 16px 0 0 0;
	color: #042a02;
	font-size: 110%; 
}

#content h3 a:hover{ /* sub header*/
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 16px 0 0 0;
	color: #042a02;
	text-decoration:none; 
}

#content h4 { /* 2ndary header*/
	font-family:verdana, Helvetica, sans-serif;
	margin: 0 0 0 0;  
	padding: 16px 0 0 0;
	color: #042a02;
	font-size: 100%; 
	font-weight:normal;
	line-height:144%;
}

#content h5 { /* header with the dotted underline*/
	font-family:verdana, Helvetica, sans-serif;
	margin: 20px 0 0 0;  
	padding: 0 0 36px 0;
	color: #042a02;
	font-size: 110%; 
	background:url(/images/border.gif)   20px 34px repeat-x;
	clear:both;
}


#contenthomebody { 
	margin:0;
	padding: 0;
	background:#fff;
	width:304px;
	float:left;
}

#content p span{ 
	font-weight:bolder;
}

.nored a:link, .nored a:active, .nored a:visited{ 
	text-decoration:none;
	 color: #042a02;
}

.nored a:hover{ 
	text-decoration:underline;
	 color: #a80000;
}
.padd{ 
	padding:0 0 14px 0;
}

.padd2{ 
	padding:0 0 0 0;
}

.padd3{ 
	padding:20px 0 16px 0;
}

/* ------ -----------------------The homepage feature boxes ----------------------------*/

#homeboxes{ 
	margin:0 0 0 0;
	padding: 0;
	background:#fff;
	width:171px;
	float:right;
	line-height: 130%;
}

.wizzbox{ 
	margin:0 0 20px 0;
	padding: 0;
	background:#eff0cc;
	width:171px;
	border-top: 2px solid #042a02;
	border-bottom: 2px solid #042a02;
	font-size: 90%;
}

.wizzbox p{ 
	margin:0 0 0 0;
	padding: 6px 3px 6px 20px;
}

.wizzbox ul{ 
	margin:0;
	padding: 0;
}

.wizzbox ul li{ 
	margin:0;
	padding:0; 
	list-style-type:none;
	background:#d1d671;
}

.wizzbox ul li a:link, .wizzbox ul li a:active, .wizzbox ul li a:visited{
	color: #a80000;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
	margin: 0;
	background:#e2e4a3 url(/images/red_arrow.gif)  5px 4px no-repeat;
	display:block;
	width:152px;
	font-weight:bolder;
	}
	
.wizzbox ul li a:hover{ 
	color: #fff;
	text-decoration: none;
	padding: 3px 0px 3px 19px;
	margin: 0;
	background:#a7ad32 url(/images/arrow_green_box.gif)  5px 4px no-repeat;
	display:block;
	width:152px;
	font-weight:bolder;
	}

.wizzbox ol{ 
	margin:6px 0px 6px 0px;
	padding: 0;

}

.wizzbox ol li{ 
	margin:0;
	padding:0; 
	list-style-type:none;
	background:#eff0cc;
}

.wizzbox ol li a:link, .wizzbox ol li a:active, .wizzbox ol li a:visited{
	color: #a80000;
	text-decoration: underline;
	padding: 3px 0px 3px 19px;
	margin: 0;
	background:#eff0cc url(/images/arrow.gif)  7px 6px no-repeat;
	display: block;
	font-weight:normal;
	}
	
.wizzbox ol li a:hover{ 
	color: #75a300;
	text-decoration: underline;
	padding: 3px 0px 3px 19px;
	margin: 0;
	background:#eff0cc url(/images/arrow_green.gif)  7px 6px no-repeat;
	display: block;
	font-weight:normal;
	}

/* ------ -----------------------The green footer bar ----------------------------*/

#footer, #copyright { 
	font-size: 70%;
	padding:0;
	float: left;
	clear: both;
}

#footer { 
	width:710px;
	margin:32px 0 0 0;
	background:#75a300;
	border-bottom: 2px solid #042a02;
}

#copyright { 
	width:698px;
	margin:0;
	padding: 4px 12px 0 0;
	text-align: right;
}

table#cakeSqlLog {
	clear: both;
}

#footernav { 
	margin:0;
	color: #fff;
	padding: 4px 0 4px 12px;
	float:left;
}

#okc { 
	margin:0;
	padding: 4px 12px 0 0;
	float:right;
}

#footer a:link, #footer a:active, #footer a:visited{
	font-family:verdana, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
#footer a:hover{ 
	font-family:verdana, Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	}
	


/* ----- the stepdown pages content area formatting --------------- */

#contentstepbody { 
	margin:0;
	padding: 0;
	background:#fff;
	width:480px;
	float:left;
}

#contentstepbody ul { 
	margin:10px 0px 20px 20px;
	padding:0;
	color: #042a02;
}

#contentstepbody li { 
	margin:0;
	padding: 10px 0 0 0;
}

#contentstepbody h3 a:link, #contentstepbody h3 a:active, #contentstepbody h3 a:visited{ 
	font-family:verdana, Helvetica, sans-serif;
	color: #042a02;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
#contentstepbody h3 a:hover{ /* ----- this and below formatts the content of the project archive index page---------- */
	font-family:verdana, Helvetica, sans-serif;
	color: #a80000;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	}

#contentstepbody img { 
	margin:0;
	padding: 14px 0 10px 0;
	border:none;
}

.proj a:link, .proj a:active, .proj a:visited{ 
	font-family:verdana, Helvetica, sans-serif;
	color: #042a02;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
.proj a:hover{ 
	font-family:verdana, Helvetica, sans-serif;
	color: #a80000;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	
	}
	
#contentstepbody .proj{ 
	padding:0 0 20px 0;
	}
	
#contentstepbody .proj span { 
	font-weight:lighter;
	color: #a80000;
	text-decoration: underline;
	}
	
div.opaque {
	opacity: .5;
}


#servicesindex { /* ----- this and below formatts the services page---------- */
	margin:0;
	padding: 0;
	float:left;
}

#servicesindex2 { 
	margin:0;
	padding: 0;
	float:left;
}

#servicesindex ul{ 
	margin:0px 40px 30px 0;
	padding: 0;
	list-style-type:none;
	font-weight:bolder;
	font-size:70%;
}

#servicesindex2 ul{ 
	margin:0px 0 30px 0;
	padding: 0;
	list-style-type:none;
	font-weight:bolder;
	font-size:70%;
}

#content2 { 
	margin:12px 0 0 0;
	padding: 0;
	width:480px;
	clear:both;
}

#content2 img { 
	padding: 14px 0 18px 0;
}

.flowfeaturetop{
    margin:0 0 0 0;
	padding: 0;
	background:url(/images/border.gif);
	/*background:url(/images/icon_phone.gif)  0px 3px no-repeat;*/
	
	clear:both;
}

.toppadding{

	margin:14px 0 0 0;
}

.toppadding2{

	margin:30px 0 0 0;
}

.toppadding3{

	margin:30px 0 34px 0;
}


/* ----- feature box on services page --------------- */

#flowfeature{
    margin:30px 0 30px 0;
	padding: 9px 12px 9px 12px;
	background: #eff0cc;
}

#flowfeature p{
    margin:0;
	padding: 0;
	font-size:90%;
	font-weight:bolder;
}

#flowfeature p a:link, #flowfeature p a:active, #flowfeature p a:visited{
	font-family:verdana, Helvetica, sans-serif;
	color: #042a02;
	text-decoration: none;
	padding: 0;
	margin: 0;
	}
	
#flowfeature p a:hover{ 
	font-family:verdana, Helvetica, sans-serif;
	color: #a80000;
	text-decoration: underline;
	padding: 0;
	margin: 0;
	}
	
#flowfeature p span { 
	font-family:verdana, Helvetica, sans-serif;
	color: #a80000;
	padding: 0;
	margin: 0;
	font-size:100%;
	font-weight:bolder;
	}
	
	
#contactus { 
	padding: 0;
	margin: 14px 0 0 0;
	}
	
.projectbox { 
	background: #eff0cc;
	padding: 0;
	margin: 10px 20px 34px  0;
	width:200px;
	float:left;
	}
	
.projectbox p{ 
	padding: 3px 3px 6px 6px;
	margin:0;
	}
	
#contentstepbody .down{
padding:20px 0 0 0;

}
/* ----- forms --------------- */

.clear {
  clear: both;
}

form {
	width: 500px;
	clear: both;
}


/* fieldset styling */
fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
	background-color:#F5F5F5
}

/* legend styling */
legend {
	font-weight: bold;
}

form p {
  	position: relative;
	width: 100%;
}

/* style for  labels */
label {
	display: block;
	padding: 0;
	margin: 0;
	clear: left;
}

#remember-me label {
  width: 4em;
}

/* style for required labels */
label .required {
	font-size: 0.83em;
	color:#a80000;
	
}

/* style error messages */
.error_message {
	font-weight: bold;
	color:#a80000;
}


input, textarea {
  width: 395px;
  float: left;
  margin: 0 1em 1em 0;
}

input[type="text"], textarea {
	float: left;
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

input[type="text"].form_error, textarea.form_error {
	background: #FFE6E6;
}

input.radio, input.checkbox, input.submit {
  width: auto;
}

input.submit {
  clear: left;
  margin-top: 1em;
}

/* style form elements on focus */
input[type="text"]:focus, textarea:focus {
	background: #fff;
}

input.radio {
	margin-right: 1em;
}

textarea {
	width: 300px;
	height: 100px;
}

#uploadform{
	padding: 10px;
	border: 2px solid #eff0cc;
	background-color:#eff0cc;
	float: left;
	width: 70%;
}


/* ----- admin menu --------------- */

#admin {
	margin:0 0 1em 0;
	padding: .5em;
	background-color:#eff0cc;
}

/* ----- flash messages --------------- */
.message
{
	color: #a80000;
    padding:10px 10px 10px 40px;
	font-size: 120%;
	font-weight:bold;
	margin-bottom: 1em;
}
#sessionFlash {
	background: url(/images/alert.gif) 10px 10px no-repeat;
}
/* ----- downloads  --------------- */
#downloads p{
	margin: 0;
	padding: 0;
}