@charset "utf-8";
/* CSS Document */

html{margin:0;padding:0}
body {
	margin: 0;
	padding: 0;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
	color: #012947; 
	background: #A9BAC3 url(../images/bg.gif) repeat-x;
	text-align: center;
}
body{background: #cbd6db url(../images/bodybg.jpg) repeat-x;}
p{margin:0 10px 10px}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:12px 25px}
div#footer a{display:inline;padding:0;color: #fff}

div#container{width:973px;margin:0 auto}
div#topmargin{position:relative; height: 23px; background: url(../images/topmarginbg.jpg) no-repeat;}

div#header{position:relative; height: 206px; background: url(../images/headerbg.jpg) repeat-y;}
div#toplogo{margin-left:76px; position:absolute;height:80px; width:637px; top:0; left:0; background: url(../images/toplogo.jpg) no-repeat;}
div#logoclick{margin-left:17px; position:absolute;height:59px; width:228px; top:11px; left:0; cursor:pointer;}
div#banner{margin-left:76px; position:absolute;height:126px; width:637px; bottom:0; left:0; background: url(../images/stateoftheart.jpg) no-repeat;}
div#contactcard{margin-right:77px; position:absolute;height:206px; width:183px; top:0; right:0; background: url(../images/contactcard.jpg) no-repeat;}
div#ccclick{margin-right:43px; position:absolute;height:73px; width:130px; top:37px; right:0px; background: none; cursor:pointer;}

div#wrapper{width:904px;background:#fff url(../images/wrapperbg.gif) repeat-y;margin-left:69px;}
div#navigation{float:left;width:198px;background:#fff;margin-left:7px;}
div#content{float:left;margin-left:15px;width:425px;background:#fff;}
div#toscontent{float:left;margin-left:15px;width:590px;background:#fff;}
div#extra{float:left;width:259px;}
div#postit{background:url(../images/postitbg.jpg) no-repeat; width:100%;min-height:472px;height: auto !important;height: 472px;}
div#dummy{clear: both;height:0px;background:#cbd6db;width:1px;}
div#footer{clear: both;margin-left:68px; margin-right:70px;background:url(../images/footerbg.gif) no-repeat;}

div#slogan{margin: 12px 0 0 320px;}
div#buttons{margin: 15px 0 0 260px;}

div#postit-top {
height:170px;
margin:-10px 50px 10px 25px;
padding:40px 3px 1px;
}

/*div#postit-bottom {
height:170px;
margin:-10px 30px 10px 45px;
padding:70px 3px 1px;
}*/

div#postit-bottom {
height:170px;
width: 140px;
margin:50px 20px 10px;
padding:5px;
background: #f6fafd;
}

p#postit {
	height:100px;
	overflow:hidden;
	margin:0px 15px;
}

p#postit2 {
	height:100px;
	overflow:hidden;
	margin:10px 15px;
}

p#post-footer-top{
	text-align:right;
	margin:7px 15px;
}

p#post-footer-bottom{
	text-align:right;
	margin:2px 15px;
}

#postit h1{
	margin:10px 15px 10px;
}

.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

img.no-border {
	border: 0px solid #173349;
}
/* sidebar */
#sidebar {
	float: left;
	width: 100%;
	margin: 0;	padding: 0; 
	display: inline;		
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f6fafd;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #004578;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #ecf4f9;
	border-left:4px solid #6085af;	
	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f6fafd;
	color: #339900;
	border-left:4px solid #9EC630;
}

/* rightbar */
#rightbar {
	float: right;
	width: 23%;
	padding: 0; margin:0;		
}

/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 5px solid #568EB6;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 40%;
}
#footer .footer-right{
	float: right;
	width: 50%;
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
    margin:0; padding: 0;
    list-style:none;
	right: 17px; 
	bottom: 6px !important; bottom: 5px;
	font: bold 10px verdana, Arial, 'Trebuchet MS', Tahoma, sans-serif;
	letter-spacing: 0.1em;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   margin-left:1px;
   margin-bottom: 3px;
   padding:0 0 0 4px;
   text-decoration:none;
   background:#335271;
}

#header a.email {
	background: url(../images/icon_email.gif) no-repeat left center;
	padding: 5px 0 2px 20px; margin: 0 10px 0 5px;
}

#header a span {
   float:left;
   display:block;
   padding:3px 10px 3px 10px;
   color: #FFF;
}

#header p.contact{
	margin: 5px 15px;	
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
   background:#5d82a5;
}
#header a:hover {
   background-position:0% -42px;
   background:#5d82a5;
}
#header a:hover span {
   background-position:100% -42px;
   background:#5d82a5;
}
#header .current a {
   background-position:0% -42px;
	color: #FFF;
   background:#5d82a5;
}
#header .current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */


/* Footer */
#footer { 
	clear: both; 
	color: #FFF; 
	background: #A9BAC3; 
	border-top: 0px solid #568EB6;
	margin: 0; padding: 0; 
	height: 50px;	  
	font-size: 95%;		
}
#footer a { 
	text-decoration: none; 
	font-weight: bold;	
	color: #FFF;
}
#footer .footer-left{
	float: left;
	width: 40%;
}
#footer .footer-right{
	float: right;
	width: 50%;
}

/* links */
a { 
	color: #4284B0;
	background-color: inherit;
	text-decoration: none;
}
a:hover {
	color: #9EC068;
	background-color: inherit;
}

/* headers */
h1, h2, h3, h4, h5{
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	color: #004578;	
}
h1 { font-size: 1.5em; color: #6297bc; } 
h2 { font-size: 1.4em; text-transform:uppercase;}
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; font-style: italic; margin: 20px 15px 10px 15px;}
h5 { font-size: 1em; margin: 15px auto -6px;}

p, h1, h2, h3{
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #4284B0;
}
ul span, ol span {
	color: #666666; 
}

ul.sponsor{ 
	list-style:none;
	margin-left:-10px;
}
ul.sponsor li{
	padding: 15px;
}
ul.sponsor img{
	/*display:block;*/
	border:none;
}

#pcvisit{
  border: none;
  float: left;
  margin: 0px 5px 0px 0px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.green {	color: #dade55; }
.blue  {	color: #004578; }
.gray  {	color: #BFBFBF; }
.postitgreen {	color: #393; }

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #dae8f3; 
	background-color: #ecf4f9; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	color: #004578;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:300px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* searchfield */
#header form.searchform {
	position: absolute;
	top: 177px;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 118px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #012947; 
	height: 12px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 0 0 2px; 
	font: bold 12px Arial, Sans-serif; 
	background: #5d82a5;
	border: 0px solid #f2f2f2;
	color: #fff;	
	width: 50px;
	height: 18px;
	vertical-align: top;
}

.hasFocus {
	color: #435d70;
	border: solid thin #435d70;
}

.errorlabel{
	color: #F00;
	height: 12px;
	display: none;
}

.errorinput{
	color: #F00;
	border: solid thin #F00;
	height: 12px;
}

.formloading{
	height: 12px;
	display: none;
}

.success{
	padding: 10px;
	text-align:left;
	display: none;
}
/* slide shows */
.products {  
    height:  125px;  
    width:   125px;
	position:relative;
    padding: 0;  
	margin: 0 0 0 9px;
} 
 
.products img {  
    padding: 0px;  
    border:  0px solid #ccc;  
    background-color: #eee;  
    width:  125px; 
    height: 125px; 
    top:  0; 
    left: 0 
} 

.pdficon {
	vertical-align:middle;
	margin-bottom: .25em;
	margin:0 5px 0 0;
	float:left;
}