@charset "utf-8";



/* reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p,

blockquote, pre, a, abbr, acronym, address, big,

cite, code, del, dfn, em, font, img,

ins, kbd, q, s, samp, small, strike,

strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

center, u, b, i {

     margin: 0;

     padding: 0;

     border: 0;

     outline: 0;

     font-weight: normal;

     font-style: normal;

     font-size: 100%;

     font-family: inherit;

     vertical-align: baseline

}



body {

	line-height: 1;

	background-color: #b1b1b1;

	background-image: url(img/background.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

:focus { outline: 0 }

ol, ul { list-style: none}

table {

     border-collapse: collapse;

     border-spacing: 0

}

blockquote:before, blockquote:after, q:before, q:after {

     content: ""

}

blockquote, q {

     quotes: "" ""

}

input, textarea {

     margin: 0;

     padding: 0

}

hr {

     margin: 0;

     padding: 0;

     border: 0;

     color: #000;

     background-color: #FFF;

     height: 1px

}

a{

	outline: none;

}

/* end of RESET */



/*general structure*/



#wrapper {

	margin: 0px auto;

	background-image: url(img/bg_white.jpg);

	background-repeat: repeat-y;

	background-position: center;

	width: 960px;

}

#wrapper #header {

	clear: both;

	height: 138px;

	position: relative;

}

#wrapper #navbar {

	background-image: url(img/bg_navbar.jpg);

	background-position: center;

	position: relative;

	height: 25px;

}

#wrapper #pic {

	position: relative;

	height: 236px;

}



/*end of nav bar */

#wrapper #content {

	position: relative;

}

#wrapper #footer {

	position: relative;

	height: 31px;

}

.clearwide {

	margin: 0px auto;

	width: 960px;

}

.sndnav {

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-size: 11px;

	line-height: 15px;

	font-weight: normal;

	color: #242424;

	text-decoration: none;

	float: left;

	width: 550px;

	padding-left: 30px;

}

.sndnav a{

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-size: 11px;

	line-height: 15px;

	font-weight: normal;

	color: #242424;

	text-decoration: none;

}

.sndnav a:hover {

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-size: 11px;

	line-height: 15px;

	font-weight: normal;

	color: #2B8AAA;

	text-decoration: none;

}



.legals {

	font-family: Tahoma, Arial, Verdana, sans-serif;

	font-size: 11px;

	line-height: 15px;

	font-weight: normal;

	color: #242424;

	text-decoration: none;

	float: right;

	width: 288px;

	padding-right: 30px;

}



/*end of general structure*/



/* nav bar */



#menu {

	clear: both;

	height: 25px;

}

#menu li {

	float: left;

	position: relative;

	height: 25px;

}

#menu li a {

	display: block;

	background-repeat: no-repeat;

	height: 25px;

	line-height: 25px;

	text-align: center;

}

#menu li a.nav01 {

	background-image: url(img/navbar/home.jpg);

	width: 90px;

}

#menu li a.nav02 {

	background-image: url(img/navbar/about.jpg);

	width: 90px;

}

#menu li a.nav03 {

	background-image: url(img/navbar/states.jpg);

	width: 91px;

}

#menu li a.nav04 {

	background-image: url(img/navbar/services.jpg);

	width: 89px;

}

#menu li a.nav05 {

	background-image: url(img/navbar/contact.jpg);

	width: 91px;

}

#menu li:hover a,

#menu li a:hover {

	background-position: 0 -25px;

}

#menu li a.on {

	background-position: 0 -92px;

}

#menu li a:hover ul,

#menu li:hover ul {

	display: block;

}

#menu ul {

	position: absolute;

	top: 25px;

	left: 0;

	display: none;

	z-index: 10;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 19px;

	text-decoration: none;

	background-color: #FFFFFF;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	padding-top: 10px;

	padding-left: 0px;

	margin-left: 0px;

	padding-bottom: 5px;

	width: 160%;

}

#menu ul li {

	clear: both;

	height: 19px;

	z-index: 10;

	width: 100%;

}

#menu ul li a {

	height: 19;

	line-height: 19px;

	text-align: left;

	z-index: 10;

	clear: both;

	margin: 0px;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

	vertical-align: middle;

	display: block;

	color: #1b2200;

}

#menu ul li a:hover {

	z-index: 11;

	text-decoration: none;

	background-color: #abd114;

	width: 100% -10px;

	clear: both;

	height: 19px;

}

.clear {

	clear: both;

}

#wrapper #content .widecol {

	width: 548px;

	float: left;

	position: relative;

	left: 30px;

	top: 20px;

}

#wrapper #content .widecol .widetext {

	float: left;

	width: 355px;

	position: relative;

}

#wrapper #content .widecol .banner {

	float: left;

	position: relative;

	height: 144px;

	width: 183px;

}

#wrapper #content .widecol .widetext p {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 17px;

	color: #231f20;

	text-decoration: none;

}

#wrapper #content .widecol .widetext p strong {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 17px;

	color: #231f20;

	text-decoration: none;

	font-weight: bold;

}



#wrapper #content .widecol .widetext p em {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 17px;

	color: #231f20;

	text-decoration: none;

	font-weight: normal;

	font-style: italic;

}

#wrapper #content .narrowcol {

	float: right;

	position: relative;

	top: 20px;

	right: 30px;

	width: 324px;

	background-color: #E3E3E3;

}

#wrapper #content .narrowcol p {

	color: #231f20;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 26px;

	position: relative;

	padding-left: 15px;

	padding-right: 10px;

	padding-top: 7px;

	padding-bottom: 0px;

}

.clearwide{

	clear: both;

	height: 30px;

}