/**********************************/
/* STYLE SHEET 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;border-spacing: 0;}




/**********************************/
/*SITE SPECIFIC CSS*/
/**********************************/

body {width:100%;font:normal 12pt arial, sans-serif; color:#000000; text-align:center; padding-bottom:0px;background:url(images/bg_top.jpg);background-repeat: repeat-x;background-color:#ffffff;}
a{color:#cc0000;}
a:visited{color:#990000;}
a:hover{color:#000000;}
input, textarea, select {border:1px solid #aaaaaa;}
#form {margin: 20px 30px 0 15px; background-color: #eeeeee;border:3px solid #bed1ab;}


div#wrap { width:960px;margin-left:auto; margin-right:auto;}
div#head {width:960px;text-align:left;height:120px;margin-top:37px;overflow:hidden;margin-bottom:2px;}
#logo {float:left;width:250px;}
div#headinfo {float:right;height:60px;margin-top:8px;padding-right:0px;text-align:center;width:250px;}
div#hcl {margin-left:520px;margin-top:40px;}
div#right {padding-top:7px;text-align:left;float:right;width:247px;}
div#right p{font-size:.8em;margin-bottom:10px;}
div#rightB {text-align:left;float:right;width:245px;background-color:#eeeeee;border:1px solid #bed1ab;}
div#rightB p{margin:5px 2px 25px 2px;font-size:.9em;}
.date {color:#666666;font-size:.8em;}
.number {font-weight:bold;font-size:1.3em;letter-spacing:.5px}
.stat {font-size:.8em;letter-spacing: -0.5px}

div#left {text-align:left;float:left;width:713px;overflow:hidden;}
div#leftM {text-align:left;float:left;padding:0 8px 0 0px;width:698px;overflow:hidden;}
div#leftM p{margin:10px 5px 10px 10px;}
img.me {padding: 2px 5px 4px 0;float: left;}
div#leftM ul{margin: 8px 0 16px 30px;font-size:.9em;list-style: circle;}
div#leftM ol{margin: 8px 0 16px 30px;font-size:.9em;list-style: circle;}


#form2 {float:left; width:275px;margin: 20px 30px 0 15px; background-color: #eeeeee;border:3px solid #bed1ab;}
#form2 input.i_text{width:200px;}
#email_cap {margin: 20px 0px 0 20px;}
#email_cap img{margin-left:17px;}
.cpp {padding-top:8px;}
.port{border:3px solid #bed1ab;margin:4px 30px 20px 10px;}
.port:hover {border:3px solid #dddddd;}
.port2{border:3px solid #bed1ab;margin-bottom:0px;}
.port2:hover {border:3px solid #dddddd;}
#services {background-color: #eeeeee;border:3px solid #bed1ab;}
#leftul {float:left; width:300px; margin-right: 20px;}
#rightul {float: right;width:250px;margin-right: 80px;}
div#leftS {text-align:left;float:left;padding-top:0px;width:800px;overflow:hidden;}
.menul {margin-bottom:30px;}
h3 {color:#000000; font-size:1.0em;padding-left:2px;}
h4 {color:#000000; font-size:1.0em;margin-top:10px;padding-left:2px;}
h5 {color:#000000; font-size:1.0em;margin-top:10px;padding-left:8px;margin-bottom:8px;}
.menu {font-size:1.1em;color:#cc0000;text-decoration:none; font-weight:bold; padding-left:5px;padding-top:5px;}
.menu:visited {color:#cc0000;}
.menu:hover {color:#cc0000;}
.menuon {font-size:1.1em;color:#ff0000;text-decoration:none; font-weight:bold; padding-left:5px;padding-top:5px;}
.menuon:visited {color:#ff0000;}

hr {margin-left:8px;color:#666666;}

div#news {float:right;width:238px;background-color:#eeeeee;margin-right:20px;border:2px solid #bed1ab;margin-top:6px;}
div#news2 {text-align:left; float:right;width:236px;background-color:#eeeeee;margin-right:0px;border:3px solid #bed1ab;margin-top:6px;}
div#news p{margin:0px 5px;font-size:.8em;}
div#news2 p{margin:0px 5px;font-size:.8em;}
p.newstitle {font-weight: bold;padding-top: 14px;}
.btitle {font-weight:bold;background-color:#eeeeee;padding: 0 2px 0 2px;border:1px solid #bed1ab;}
.btitleH {text-align:center;font-weight:bold;background-color:#fbf6f6;padding: 0px 0px;border-bottom:1px solid #bed1ab;margin-top: 0px;}
.btitleb {font-weight:bold;background-color:#fbf6f6;padding: 0 2px 0 2px;border:1px solid #bed1ab;width:235px;display:block;}

.links li {margin-bottom:8px;text-align:left;padding-left:18px;}
.links li a{color:#000000;}

div#banner{background:url(images/banner.jpg);background-repeat: no-repeat;background-color:#333333;width:698px; height:298px; margin-bottom:10px;}
div#bnrtxt {color:#ffffff;margin:46px 0 0 180px;}
div#bnrtxt h1{font-size:1.4em;}
div#bnrtxt h2{font-size:1.2em;margin-bottom:18px;}
div#bnrtxt p{font-size:1.1em;color:#cccccc;margin-bottom:2px;}
.bannerlink {color:#ffffff;}
.bannerlink:visited {color:#ffffff;}
.bannerlink:hover {color:#cccccc;}

div#pcontent {float:left;width:440px;padding-right:10px;line-height: 1.3;}
div#pcontent p{padding:8px 5px 0 4px;margin-top: 10px;clear:both;}
.icon {float: left; margin: 0px 15px 28px 0px;}

div#footer {width:100%;color:#ffffff;text-align:center;background:url(images/bg_bottom.jpg);background-color:#333333;background-repeat: repeat-x;height:202px;font-size:.7em;}
div#footer a{color:#ffffff;}

div#infoot {width:960px;margin-left:auto; margin-right:auto;padding-top:47px;overflow:hidden;text-align:left;}
div#footleft {float:left;width:713px;}
div#footright {float:right;width:247px;overflow:hidden;}
div#leftf {float:left;margin-bottom:20px;}
div#rightf {float:right;padding-right:5px;margin-bottom:20px;}

ul img { vertical-align:middle;}
div#footer form {margin-top:10px;margin-bottom:18px;}
div#footer form input { vertical-align:middle;margin-right:15px;}
#gal_table {width:100%; margin-left:auto; margin-right:auto;text-align:center;}
#gal_table td{padding-bottom:15px;}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */