/**********************************/
/* 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-size: 14px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #fff; text-align:center; padding-bottom:0px;background: #7a0707 url('images/bg_top2.jpg') !important;background-repeat: repeat-x;}

a{color:#fff;}
a:visited{color:#ddd;}
a:hover{color:#eee;}

#services a, #pcontent a, #news a, #footer a{color:#493D25;}
#services a:visited, #pcontent a:visited, #news a:visited {color:#493D25;}
#services a:hover, #pcontent a:hover, #news a:hover {color:#000000;}


input, textarea, select {border:1px solid #aaaaaa;}



div#wrap { width:950px;margin-left:auto; margin-right:auto;}
div#head {width:950px;text-align:left;height:134px;margin-top:0px;overflow:hidden;margin-bottom:2px;position: relative;}
#logo {float:left;margin-top: 24px;}
div#headinfo {float:right; height:124px; margin:0px;padding:0px;text-align:center;width:250px; background-image: url('images/headinfobg.jpg'); background-repeat: no-repeat;}
div#headinfo img {border:none;}
div#right {padding:0px;text-align:left;float:right;width:247px;margin: 0;}
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.0em;margin: 14px 0 24px 0;color:#544B2D; text-shadow: 0.1em 0.1em #ccc;}
.stat {font-size:.8em;letter-spacing: -0.5px}

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


#form2 {float:left; width:275px;margin: 20px 30px 0 15px; background-color: #eeeeee;border:1px solid #493D25;}
#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 #493D25;margin:4px 30px 20px 10px;}
.port:hover {border:3px solid #000;}
.port2{border:3px solid #493D25;margin-bottom:0px;}
.port2:hover {border:3px solid #000;}

#services, #form {width:664px; color:#564A33;background: #F7F0D6 url(images/contentbg.jpg) repeat-x;border:2px solid #4d0101;}
#leftul {float:left; width:280px; margin-right: 20px;}
#rightul {float: right;width:270px;margin-right: 80px;}
div#leftS {text-align:left;float:left;padding-top:0px;width:800px;overflow:hidden;}
.menul {margin-bottom:30px;}
h3 {color:#544B2D; font-size:1.0em;padding-left:2px;}
h4 {color:#544B2D; font-size:1.0em;margin-top:10px;padding-left:2px;}
h5 {color:#fff; font-size:1.0em;margin-top:10px;padding-left:8px;margin-bottom:8px;}
.menu {font-size:1.0em;color:#eee;text-decoration:none; font-weight:bold; padding-left:5px;padding-top:5px; text-shadow: 0.1em 0.1em #000;}
.menu:visited {color:#eee;text-shadow: 0.1em 0.1em #000;}
.menu:hover {color:#ffffff;text-shadow: 0.1em 0.1em #000;}
.menuon {font-size:1.0em;color:#dfcfcf;text-decoration:none; font-weight:bold; padding-left:5px;padding-top:5px;text-shadow: 0.1em 0.1em #000;}
.menuon:visited {color:#dfcfcf;}

hr {margin-left:8px;color:#666666;}
#menuwrap {color:#eee;padding:16px 0 0 0;margin: 10px 14px 10px 0; background-image: url('images/menubg2.jpg'); background-repeat: no-repeat;height:27px;text-align: center;}
div#news {color:#564A33;background-color:#F2F0EA;margin-right:0px;border:2px solid #4d0101;margin-top:15px;padding-bottom: 10px;}

div#news2 {color:#564A33;text-align:left; float:right;width:236px;background-color:#eeeeee;margin-right:0px;border:3px solid #bed1ab;margin-top:6px;}
div#news p{margin:5px 4px 0 4px;font-size:.9em;}

div#news2 p{margin:0px 4px;font-size:.9em;}
.newstitle {font-weight: bold;margin:0;padding-top: 14px;}
.btitle {font-weight:bold;background-color:#eeeeee;padding: 0 2px 0 2px;border:1px solid #bed1ab;}
.btitleH {color:#544B2D; text-align:center;font-weight:bold;background-color:#B5B090;padding: 3px 0 3px 0;border-bottom:1px solid #333;margin-top: 0px;}
.btitleb {font-weight:bold;background-color:#fbf6f6;padding: 0 2px 0 2px;border:1px solid #bed1ab;width:235px;display:block;}

#iconlist {padding:0;margin:0 0 10px 0;width: 682px; position: relative;left:-5px;top:-3px;}
#iconlist li{width:170px;float: left;font-size: 0.7em;text-shadow: 0.1em 0.1em #fff;}
#iconlist li img{float: left;margin-right: 2px;}
#iconlist li h3{margin:0;padding:0;}


#newsletter {color:#564A33;background-color:#F2F0EA;margin:20px 0 0 0;border:1px solid #000;padding: 0px;}
#newsletter p{margin: 10px; font-size: 1.0em !important;}
.links li {margin-bottom:8px;text-align:left;padding-left:18px;}
.links li a{color:#000000;}

.added {color:#000; background-color: #fff; border:1px solid #999; padding:1px 3px;}
.red {color:red;}

/*div#pcontent {float:left;line-height: 1.3;background-color: #fff; width: 664px; padding: 10px;border:2px solid #4d0101; background:#f8f0d7 url('images/contentbg.jpg') repeat-x;}
*/
div#pcontent {color:#564A33;float:left;line-height: 1.3;background: #F7F0D6 url(images/contentbg.jpg) repeat-x; width: 664px; padding: 10px;border:2px solid #4d0101;}
div#pcontent p{padding:8px 5px 0 4px;margin-top: 10px;clear:both;}
.icon {float: left; margin: 0px 15px 28px 0px;}
div#hwrap {background-color: #e0ceac;}

div#footer {color:#000;width:100%;text-align:center;background:url('images/bg_bottom2.png');background-color:#BEBA99;background-repeat: repeat-x;height:252px;font-size:.7em;line-height:1.3;}


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; line-height: 1.0;}
div#leftf {float:left;margin-bottom:20px; margin-right: 5px;}
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;}
.social {margin: 3px 5px; border: none;}
div#survey form input {border:none;}
#sendbtn {float: right; width:80px; background-color: #ddd; font-weight: bold; font-size: 1.3em;}
div#survey form{margin-left:15px;  width:550px;}
div#survey fieldset {border:2px solid #000;padding: 10px 20px ;}
div#survey h5{margin:20px 0 20px 0; font-size: 1.4em;}
div#survey p{margin-bottom:40px; line-height: 1.2;}
div#survey form span {display: block; width:460px; padding: 2px 10px; margin-top: 4px; background-color: #eee; border: 1px solid #999;}
div#survey form div {display: block; width:460px; padding: 4px 10px; margin: -25px 0 0 10px; background-color: #eee; border: 1px solid #999;}
div#survey form p {font-size: 1.2em;}
div#survey form textarea {width:480px; height:90px;border: 1px solid #999;}
div#survey form blockquote {margin: 5px 0 0 20px;}
div#survey form blockquote textarea {width:442px;}


#cse-search-results {width: 600px; background-color: #666;}

div.sc_menu_wrapper {
  position: relative;   
  height: 690px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 242px;
  background-color: #f7f5f5;
  margin-top: 0px;

  border: 2px solid #ccc;
  border-top: 2px solid #777;
  border-bottom: 2px solid #dedede;
  overflow: auto;
}
div.sc_menu {
    margin-left:18px;
  padding: 15px 0;
}
.sc_menu a {
  display: block;
  margin-bottom: 3px;
  width: 200px;

  border: 2px #94b375 solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

  /* When image support is turned off */
  color: #fff;
  background: rgb(79, 79, 79);  
}
.sc_menu a:hover {
  border-color: #ddd;
  border-style: dotted;
}
.sc_menu img {
  display: block;
  border: none;
}

.sc_menu_wrapper .loading {
  position: absolute;
  top: 50px;
  left: 10px;

  margin: 0 auto;
  padding: 10px;

  width: 100px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  text-align: center;
  color: #000;
  border: 1px solid rgb(79, 79, 79);
  background: #ffffff;
}

/* Styling tooltip */
.sc_menu_tooltip {
  display: block;
  position: absolute;

  padding: 6px;
  font-size: 10px;  
  color: #fff;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

  border: 1px solid rgb(79, 79, 79);
  background: rgb(0, 0, 0);
  /* Make background a bit transparent for browsers that support rgba */    
  background: rgba(0, 0, 0, 0.7);
}



/*  
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 */