/*** html styles ***/
* {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    background: white url('../../images/pagebg.png') repeat-x top left;
}

/********************************************************************
css sticky footer styles
*********************************************************************/
html, body, form {
    height: 100%;
}

#csfwrap {
    min-height: 100%;
    width: 100%;
}

#csfmain {
    overflow:auto;
	padding-bottom: 410px;
    width: 100%;
}  /* must be same height as the footer */

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

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

/********************************************************************
div styles
*********************************************************************/

/*** outer IDs ***/
#footer-outer {
    background: #666666 url('../../images/footerbg.png') repeat-x top;
    height: 299px;
    padding: 30px 0 30px 0;
}
#copyright-outer {
    background-color: #3C6181;
    height: 50px;
    margin-top: 1px;
    width: 100%;
}

/*** header styles ***/
#page {
    margin: 0 auto;
    margin-bottom: 30px;
    width: 960px;
}
#logo {
    float: left;
    margin: 65px 0 30px 0;
    width: 640px;
}
#nav {
    float: right;
    margin-top: 14px;
    text-align: right;
    width: 320px;
}
#nav a {
    color: #666666;
    font: normal 11px Tahoma, Sans-Serif;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
}
#nav a:hover {
    background-color: #eeeeee;
    color: #666666;
}
#nav a.down {
    background-color: #333333;
    color: White;
    font: normal 11px Tahoma, Sans-Serif;
    padding: 8px 12px 8px 12px;
    text-decoration: none;
}

/*** body styles ***/
#body {
    
}
#body a {
    color: #3C6181;
    text-decoration: none;
}
#body a:hover {
    color: #3C6181;
    text-decoration: underline;
}
#body h1 {
    color: #333333;
    font: normal 24px Trebuchet MS, Arial, helvetica, Sans-Serif;
    margin: 0 0 15px 0;
    padding: 0;
}
#body h2 {
    color: #333333;
    font: normal 20px Trebuchet MS, Arial, helvetica, Sans-Serif;
    margin: 0 0 15px 0;
    padding: 0;
}
#body h3 {
    color: #999999;
    font: normal 16px Trebuchet MS, Arial, helvetica, Sans-Serif;
    margin: 0 0 15px 0;
    padding: 0;
}
#body h4 {
    color: #999999;
    font: normal 14px Trebuchet MS, Arial, helvetica, Sans-Serif;
    margin: 20px 0 15px 0;
    padding: 0;
}
#body h5 {
    color: #333333;
    font: normal 14px Trebuchet MS, Arial, helvetica, Sans-Serif;
    margin: 0 0 15px 0;
    padding: 0;
    text-align: right;
}
#body-left {
    float: left;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}
#body-center {
    float: left;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}
#body-right {
    float: left;
    text-align: left;
    width: 200px;
}

/*** footer styles ***/
#footer {
    margin: 0px auto;
    width: 960px;
}
#footer-left {
    color: #cccccc;
    float: left;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}
#footer-center {
    color: #cccccc;
    float: left;
    margin-right: 20px;
    text-align: left;
    width: 200px;
}
#footer-right {
    color: #cccccc;
    float: left;
    text-align: left;
    width: 200px;
}
#footer-wide {
    background: url('../../images/leftquote.png') no-repeat top left;
    color: #cccccc;
    float: right;
    margin-left: 25px;
    text-align: left;
    width: 295px;
}
#footer-testimonial {
    background: url('../../images/rightquote.png') no-repeat bottom right;
    padding: 15px 20px 0 20px;
}
#footer a {
    color: #cccccc;
    text-decoration: underline;
}
#footer a:hover {
    color: White;
    text-decoration: none;
}
#footer h1 {
    color: White;
    font: normal 20px Tahoma, Sans-Serif;
    margin: 0 0 10px 0;
    padding: 0;
}
#footer h3 {
    color: #cccccc;
    font: normal 12px Arial, helvetica, Sans-Serif;
    margin: 0 0 10px 0;
    padding: 0;
}
#footer h4 {
    color: #cccccc;
    font: normal 12px Arial, helvetica, Sans-Serif;
    font-style: italic;
    margin: 0 0 20px 0;
    padding: 0;
}
#footer h5 {
    color: White;
    font: normal 12px Arial, helvetica, Sans-Serif;
    margin: 0 0 10px 0;
    padding: 0;
}

/*** copyright styles ***/
#copyright {
    color: White;
    margin: 0px auto;
    width: 960px;
}
#copyright-left {
    color: White;
    float: left;
    font: normal 11px Arial, helvetica, Sans-Serif;
    line-height: 50px;
    text-align: left;
    width: 320px;
}
#copyright-middle {
    float: left;
    padding: 9px 0 0 0;
    text-align: center;
    width: 300px;
}
#copyright-right {
    color: White;
    float: right;
    font: normal 11px Arial, helvetica, Sans-Serif;
    line-height: 50px;
    text-align: right;
    width: 320px;
}
#copyright a {
    color: #bdcad5;
    margin: 0 20px 0 0;
    text-decoration: none;
}
#copyright a:hover {
    color: White;
}
.logo-white {
    padding: 0px 5px 0 5px;
    vertical-align: middle;
}

/*** newsletter styles ***/
#newsletter {
    
}
.nlbutton {
    border: 1px solid #efefef;
    color: #333333;
    font: normal 11px Arial, helvetica, Sans-Serif;
    padding: 3px 3px 3px 3px;
}
.nltext {
    border: 1px solid #efefef;
    color: #333333;
    font: normal 11px Arial, helvetica, Sans-Serif;
    margin: 5px 0 5px 0;
    padding: 5px 5px 5px 5px;
}

/*** contact form styles ***/
#contactform {
    color: #333333;
    font: normal 11px Arial, helvetica, Sans-Serif;
}
#contactform a {
    color: #036;
    font: normal 11px Arial, helvetica, Sans-Serif;
    text-decoration: underline;
}
#contactform a:hover {
    text-decoration: none;
}
.cfbutton {
    border: 1px solid #efefef;
    color: #333333;
    font: normal 11px Arial, helvetica, Sans-Serif;
    padding: 3px 3px 3px 3px;
}
.cftext {
    border: 1px solid #efefef;
    color: #333333;
    font: normal 11px Arial, helvetica, Sans-Serif;
    margin: 5px 0 5px 0;
    padding: 5px 5px 5px 5px;
}
.cflabel {
    color: #666666;
    font: normal 11px Arial, helvetica, Sans-Serif;
}
.cfvalidator {
    color: Red;
    font: normal 10px Arial, helvetica, Sans-Serif;
}

/*** other styles ***/
#latest-articles {
    float: right;
    width: 320px;
}
#slideshow {
    border: 1px solid #efefef;
    float: left;
    height: 300px;
    margin-bottom: 55px;
    text-align: right;
    width: 638px;
}
#blurb {
    float: right;
    padding: 0 0 0 25px;
    text-align: left;
    width: 295px;
}

.clearit {
    clear: both;
}