* {
margin: 0;
padding: 0;
}

body{
font-family: Helvetica;
}

#pagecontainer{
width: 770px;
margin: 0.5em auto 1em auto;
border: 1px solid #cccccc;
font-family: Helvetica;
}

#header h1{
margin: 10px 0 0 20px;
width: 190px;
height: 90px;
text-indent: -9000px;
background: url('../images/logo.png');
float: left;
display: inline; /* stops double margin */
}

#header p{
font-family: Helvetica;
font-weight: bold;
color: #bbb;
float: left;
display: inline; /* stops double margin */
margin-top: 55px;
margin-left: 65px;
font-size: 1.0em;
}

/** TOP SEARCH BOX **/
#topsearch *{
color: #99cc33;
font-weight: bold;
font-family: Helvetica
}

#topsearch{
width: 15em;
margin-top: 55px;
margin-right: 10px;
float: right;
display: inline; /*stops double margin */
}

#topsearch legend{
display: none;
}

#topsearch fieldset{
border: none;
}

#topsearch label{
text-transform: capitalize;
float: left;
font-size: 0.8em;
line-height: 1.5em;
}

#topsearch input{
display: inline;
float: left;
margin: 0 5px 0 5px;
font-size: 0.8em;
}

#topsearch input.inputimage{
float: left;
display: block;
margin:0;
padding: 0;
}



#nav1{
clear: both;
}


/** TOP NAVIGATION **/
#nav1{
clear: both;
margin-top: 15px;
float: left;
display: inline;
width: 100%;
border-bottom: 3px solid #b1da79;
padding-bottom: 2px;
}
#nav1 ol{
padding: 0;
list-style-type: none;
float: left;
}

#nav1 li{
background: url('../images/nav_bg_right.png') no-repeat top right;
float: left;
margin-left: 2px;
margin-top: 2px;
display: inline;
}

#nav1 li a{
display: block;
background: url('../images/nav_bg_left.png') no-repeat top left;
padding: 0.2em 1.1em;
text-transform: capitalize;
text-decoration: none;
color: white;
font-weight: bold;
font-size: 0.8em;
font-family: arial;
line-height: 1.8em;
}

#nav1 li a:hover{
color:#666666;}




/* first and last have slightly different curves */
#nav1 li.first a{
background: url('../images/nav_bg_left_first.png') no-repeat top left;
}
nav1 li.last{
background: url('../images/nav_bg_right_last.png') no-repeat top right;
}

/** WELCOME TEXT **/
#welcome{
clear: both;
margin-top: 0px;
/*border-top: 3px solid #b1da79;*/
border-bottom: 3px solid #b1da79;
color: #8cc63f;
font-size: 0.75em;
height: 190px;
background: url('../images/welcome_background.jpg') no-repeat bottom right;
}

#welcome h2{
width: 500px; /* fixed due to #welcome bg */
margin: 0px 0 0 20px;
padding-top: 5px;
padding-bottom:5px;
font-weight: normal;
font-size: 1.5em;
}

#welcome p{
margin: 0 0 0 20px;
color: #666666;
width: 410px; /* fixed due to bg img of #welcome */
font-family: verdana;
font-size: 11px;
}


/** GENERAL CONTAINER **/

#general{
margin-top: 7px;
}

/** MAIN CONTENT **/

#maincontent{
float: left;
}

div.content_item{
padding: 0;
border: 1px solid #c9e5a3;
width: 175px;
display: inline;
margin: 7px;
float: left;
overflow: auto;
height: 250px;
}

div.content_item h3{
margin: 1px;
font-size: 0.8em;
font-family: arial;
font-weight: bold;
text-align: center;
background: #eeeeee;
padding: 0.2em;
}

div.content_item h4{
font-size: 0.8em;
font-family: arial;
font-weight: bold;
color: #99cc33;
padding-left: 0.8em;
padding-top: 0.5em;
}

div.content_item p{
font-family: verdana;
font-size: 0.68em;
padding: 1em;
}

div.content_item img{
margin: 1em auto 0 auto;
display: block;
}

div.doublewide{
width: 365px; /* 2x175 + (2*7) + 1  */
}

div.doublewide p{
padding: 0 0 0 1em;
margin: 0;
}

div.doublewide span.more{
padding-bottom: 1.5em;
}

div.content_item h3.green{
color: white;
text-align: left;
padding-left: 0.8em;
background: #8cc63f;
}

.newsdate{
display: block;
font-size: 0.8em;
margin: 2px 0;
}

span.more{
display: block;
padding-top: 0.5em;
}

#maincontent ol, #maincontent ul{
font-size: 0.8em;
margin-left: 2em;
margin-bottom: 1em;
}
#maincontent li{
padding: 0.2em;
}


#maincontent h4{
margin-top: 0.5em;
font-size: 0.8em;
}
#maincontent h4 a{
color: blue;
margin: 0;padding: 0;
}

#maincontent.subpage p.miniarticle{
margin: 0; 
padding: 0;
margin-top: 0.3em;
margin-bottom: 0.5em;
}



/** SUB CONTENT **/

#subcontent{
width: 177px;
float: right;
margin-top: 7px;
padding-right: 15px;
}

#subcontent ol{
margin: 0; padding: 0;
list-style-type: none;
}

#subcontent ol.green_arrow{
margin-top: 0px;
}

#subcontent ol.green_arrow li{
margin-bottom: 15px;
font-size: 0.9em;
background: #9bca5a url('../images/green_arrow_right.jpg') no-repeat top right;
height: 31px;
}

#subcontent .green_arrow li a{
color: white;
font-weight: bold;
text-decoration: none;
display: block;
padding: 7px;
}

#subcontent h6{
padding-top: 10px;
text-align: center;
color: #6699cc;
font-family: verdana;
font-size: 0.68em;
font-weight: normal;
}

#clients img{
margin: 0 auto;
border: none;
padding :10px;
}

#clients li{
text-align: center;
}

/** Subcontent > Nav2 **/
#nav2{
border: 1px solid #b1da79;
}

#nav2 li{
background: #eeeeee;
border-bottom: 1px solid white;
color: #666666;
font-family: Arial;
font-size: 11px;
font-weight: normal;
}

#nav2 li li{
padding: 2px 3px 2px 15px;
}

#nav2 li.first{
border-top: 1px solid white;
}

#nav2 li a{
color: #666666;
text-decoration: none;
display: block;
}



#nav2 h5{
background: #8cc63f;
color: white;
font-weight: bold;
padding: 3px;
padding-left: 10px;
font-family: Arial;
}
#nav2 h5 a{
color: white;

}







/** FOOTER **/
#footer{
clear: both;
float:left;
border-top: 12px solid #8cc63f;
font-family: verdana;
font-size: 0.68em;
padding-top: 20px;
margin-top: 15px;
width: 100%;
text-align: center;
}

#footer ol{
list-style-type: none;
}
#footer li{
display: inline;
text-transform: lowercase;
}

#footer li a{
color: #8cc63f;
padding-left: 5px;
padding-right: 5px;
border-left: solid 1px;
text-decoration: none;
}
#footer li.first a{
border: none;
}
#footer p{
color: #8cc63f;
padding: 13px;
}

/** MISC **/
.clear {
clear: both;
}

.hide{
display: none;
}