/* The page container */
.container { width: 960px; margin: 0 auto; }

/* The header  */
.header { height: 80px; position: relative; margin-right: 10px;  }

/* The logo  */
#logo { position: absolute; top: 0; left: 0; }

/* The navigaton bar */
.menu { width: 760px; position: absolute; top: 24px; right: 0; }

.nav { float: right; line-height: 1; list-style: none; background-color: transparent; }
.nav li { float: left; position: relative; margin: 0 0 0 10px; padding: 0; }
.nav a { float: left; cursor: pointer; text-decoration: none; font-size: 14px; }
.nav span { display: block; float: left; padding: 9px 4px 9px 4px; }

/* Home Page Slider */
#slider-content { width: 960px; height: 165px; margin: 0 0 15px 0; position: relative; }
#slider-content ul { list-style-type: none; }
#slider-content * { margin: 0; padding: 0; }

#slider-nav-left { width: 13px; cursor: pointer; height: 22px; position: absolute; right: 414px; top: 77px; background: transparent url('../images/left_slider.png') no-repeat scroll center top; }
#slider-nav-right { width: 13px; cursor: pointer; height: 22px; position: absolute; right: 7px; top: 77px; background: transparent url('../images/right_slider.png') no-repeat scroll center top; }

#slider-text { float: left; margin: 25px 0 0 40px; width: 480px; height: 120px!important; }
#slider-text li { height: 120px; }
#slider-text h2 { font-size: 40px; line-height: 30px; }
#slider-text .text { font-size: 16px; line-height: 25px; width: 450px; padding-top: 10px; }
#slider-text a { font-size: 16px; line-height: 25px; width: 450px; padding-top: 10px; color: #07093d;}

#slider-images { float: left; margin: 30px 0 0 36px; width: 374px; height: 120px; }
#slider-images ul li { width: 374px !important; height: 125px !important; }

/* The 3 Home Sections */
#home-3-sections-top { line-height: 10px; height: 10px; }
#home-3-sections-bottom { line-height: 10px; height: 10px; }

#home-3-sections-middle { width: 960px; margin: 0 auto; min-height: 100%;  }
* html #home-3-sections-middle { height: 100%; }
#home-3-sections-middle:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

#home-3-sections-middle h3 { margin: 0 0 8px 0; padding: 0; font-size: 26px; font-weight: bold; } 

.home-section-1, .home-section-2, .home-section-3 { width: 269px; float: left; }
.home-section-1 { margin: 10px 0 0 20px; }
.home-section-2, .home-section-3 { margin: 10px 0 0 56px; }
.home-section-1 img {float:right} 
.home-section-2 img {float:right}
.home-section-3 img {float:right}

/* The 4 Home Sections */
#home-4-sections-top { line-height: 10px; height: 10px; }
#home-4-sections-bottom { line-height: 10px; height: 10px; }

#home-4-sections-middle { width: 960px; margin: 0 auto; min-height: 100%;  }
* html #home-3-sections-middle { height: 100%; }
#home-4-sections-middle:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

#home-4-sections-middle h3 { margin: 0 0 8px 0; padding: 0; font-size: 26px; font-weight: bold; }

.home-section-4 { width: 595px; margin: 0 20px 0 20px; float:left; }
.home-section-5 { width: 240px; margin: 10px 0 0 35px; float:left; }

#scrollup { position: relative; overflow: hidden; border: 0; height: 100px; width: 280px; font-size: 13px; color: #000000; font-weight: bold; }
#scrollup ul {list-style: none; margin: 0; padding: 0;}
#scrollup p {color: #000000; font-size: 12px; font-weight: normal; }
#scrollup li:hover { color: red; }
.lc { float: right; color: #107fc9; }

.headline { position: absolute; top: 210px; left: 5px; height: 95px; width:270px;}

/* Inner Page Sub-Header */
#sub-header { height: 78px; margin-bottom: 15px; }
#sub-header h2 { font-size: 46px; line-height: 34px; float: left; margin: 10px 0 0 34px; }
#sub-header p { font-size: 16px; line-height: 25px; width: 370px; float: right; margin: 18px 30px 0 0; }
#sub-header .big {font-size: 22px; margin-top: 28px;}

/* Inner Page Main Content */
#main-content-top { line-height: 10px; height: 10px; }
#main-content-bottom { line-height: 10px; height: 10px; }

#main-content-middle { width: 960px; margin: 0 auto; min-height: 100%;  }
* html #main-content-middle { height: 100%; }
#main-content-middle:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
#main-content-middle .sep {padding-left: 5px; padding-right: 5px;} 
#main-content-middle .right {text-align: right;}

/* Basic two column layout */
.hfeed { width: 681px; margin-top: 10px; margin-right: 30px; float: right; }
.aside { width: 249px; float: left; }

/* Override some of the base.css styles */
h1.entry-title { font-size: 26px; margin-bottom: 10px; font-weight: bold; }
h2.entry-title a { font-size: 26px; }
h2.entry-title { font-size: 26px; font-weight: bold; }
/*******************************************/
/* h2.entry-title { zoom: 1; }  */ /* Uncomenting this line makes Hover state work for the cuffon fonts in IE but does not validate */
/*******************************************/
.portfolio-img { margin-bottom: 10px; }
h3#leave-a-reply, h3.comment-title { font-size: 20px; font-weight: bold; }
#allowed-tags { border: 0; }

/* Sidebar Widgets */
.aside .widget { margin: 19px; }

.widget ul { list-style-type: none; }
.widget ul li a { font-size: 14px; }
.widget li.page_item, .widget li.cat-item { padding: 0 0 0 19px; margin-bottom: 10px; }
.widget li.current_page_item, .widget li.current-cat { padding: 0 0 0 19px; margin-bottom: 10px; }
.widget li.current_page_item a, .widget li.current-cat a,
.widget li.page_item a:hover, .widget li.cat-item a:hover { font-weight: bold; text-decoration: none; }
.widget h4 { font-size: 18px; font-weight: bold; }
.widget h3 {margin-left: 16px;}
.widget p {margin-left: 16px;}

/* Tables */
table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; }
caption { text-align: left; }
th, td { padding: 5px; }
th { font-weight:bold; }

/* Contact Form */
#sss-form .spacer{clear:both; height:1px;}
#sss-form { margin:0; width:680px; padding: 14px 0; }
#sss-form label{ display:block; text-align:right; width:59px; float:left; padding-top: 5px; }
#sss-form input{ float:left; font-size:12px; padding:4px 2px; width:350px; margin:2px 0 10px 10px; }
#sss-form textarea{ float:left; font-size:12px; padding:4px 2px; width:600px; height: 150px; margin:2px 0 20px 10px; }
#sss-form button{ clear:both; margin-left:68px; width:125px; height:31px; font-size:11px; font-weight:bold; float: left; }

/* Footer */
.footer { height: 53px; margin: 15px 0 0 0; padding: 10px 18px 0 18px; clear: both; }
.footer #copyright { float:left; font-size: 11px; margin-top: 8px;}
.footer #w3c { float:left; } 
.footer ul { float: right; list-style-type: none; padding-top: 8px; }
.footer li { font-size: 11px; }
.footer a { text-decoration: none; }
.footer .separator { margin: 0 9px; }
.footer li { float: left; }

.article table {border: 0; width: auto;}
.article table p {font-size: 14px; text-align: right; margin-bottom: 0;}
.article table a {font-size: 14px;}

#directory select {float: left; margin-left: 15px; width: 180px; height: 25px; border: 1px solid #107fc9; color: #107fe9;}
#directory option {color: #107fc9;}

#directory1 select {float: left; margin-left: 15px; width: 180px; height: 25px; border: 1px solid #107fc9; color: #107fe9;}
#directory1 option {color: #107fc9;}

#contentArea table {width:100%;}
#ContentArea img {border: solid 1px #c0c0c0;}

#adpage {clear: both; border: 1px solid #c0c0c0;}
#adpage p {text-align: left;}
#adpage table {margin-bottom: 0;}
#adpage .end {padding-top: 3px; padding-bottom: 3px; text-align: center;}

#adtop .act {float: left; width: 50px; border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; text-align: center; margin-right: 2px; background-color: #107fe9; color: #ffffff;}
#adtop .inact {float: left; width: 50px; border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; text-align: center; margin-right: 2px;}
#adtop .inact:hover {background-color: #107fe9;}
#adtop a {text-decoration: none; color: #000000;}
#adtop a:hover {color: #ffffff;}

#adbot .act {float: left; width: 50px; border-left: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; text-align: center; margin-right: 2px; background-color: #107fe9; color: #ffffff;}
#adbot .inact {float: left; width: 50px; border-left: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; text-align: center; margin-right: 2px;}
#adbot .inact:hover {background-color: #107fe9;}
#adbot a {text-decoration: none; color: #000000;}
#adbot a:hover {color: #ffffff;} 

#congal form { margin-top: 1em; }

#congal ul, #congal form ul li { margin-bottom: .5em; }

#congal strong { font-weight: bold; }

#wrapper {
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

#img {
    position: relative;
    width: 600px;
    height: 400px;
    margin-bottom: 1em;
}

#gallery { height: 84px; }

#wrapper, #img, #gallery li {
    border: 1px solid #107fe9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#gallery li {
    float: left;
    padding: 1px;
    background: transparent url(../conf/ajax-loader-small.gif) 50% 50% no-repeat;
    border-color: #107fe9;
    cursor: pointer;
}

#congal .caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
    opacity: .8;
}


#fentry { margin:0; padding: 14px 0; }
#fentry label{ display:block; text-align:right; width:84px; float:left; padding-top: 5px; }
#fentry .finput { float:left; font-size:12px; padding:4px 2px; width:220px; margin:2px 0 5px 5px; }
#fentry .fradio { float: left; margin: 2px 0 5px 5px;}
#fentry .fselect {float: left; margin: 2px 0 5px 90px;}
#fentry textarea{ float:left; font-size:12px; padding:4px 2px; width:220px; height: 140px; margin:2px 0 5px 5px; }
#fentry .fbutton{ clear:both; margin-left:80px; }
#fentry button {margin-left:10px; width:100px; height:31px; font-size:12px; font-weight:bold; float: left; } 
#fentry .fspacer{clear:left; height:1px;}
#fentry .fleft {float: left; width:324px; }
#fentry .fright {float: left; width: 324px; }
#fentry .fdone {font-size: 16px; color: #ff0000;}
#fentry h4 {font-size: 14px;}

#rentry .spacer{clear:both; height:1px;}
#rentry { margin:0; width:680px; padding: 14px 0; }
#rentry label{ display:block; text-align:left; width:490px; float:left; padding-top: 5px; padding-left: 5px;}
#rentry .rinput{ float:left; padding:4px 2px; width:15px; margin:2px 0 10px 0; }
#rentry .rinput2{ float:left; font-size: 12px; padding:4px 2px; width:300px; margin:2px 0 10px 0; }
#rentry button{ margin-right:56px; width:125px; height:31px; font-size:11px; font-weight:bold; float: left; }
#rentry .con1{float: left; width:100px; padding-right: 10px;}
#rentry .con2{float: left; width:180px;}
#rentry .con3{float: left; width:370px; padding-left: 5px;}

.white {color: #fff;}

#penpic img {float: left; margin-right: 5px; margin-bottom: 5px;}

#min {width: 300px;}

#latl {float: left; width: 500px;}
#latr {float: left; width: 75px;}

.clear {clear: both;}
#page-wrap {width: 600; background: white; margin: 20px auto; padding: 20px;}
.button {float: left; margin: 10px;}
#home {display: block; padding: 30px;}
#home-button {opacity: 1.0; border-bottom: 1px solid black;}
#about {display: none; padding: 30px;}
#about-button {opacity: 0.5;border-bottom: 1px solid black;}
#contact {display: none; padding: 30px;}
#contact-button {opacity: 0.5; border-bottom: 1px solid black;}

#accordion h3 {font-size: 16px; font-style: italic;}
#accordion .lc {font-size: 12px; width: 626px;}
#accordion .lcl {text-decoration: none; font-style: italic;}
#accordion .lcl:hover {color :red;}

.spc {margin-top: 7px;}