/*
Theme Name: Claverack Coop
Theme URI: http://www.claverackcoop.com/
Description: This theme was created for Claverack Coop Insurnace Company.
Version: 1.0
Author: James Northard
Author URI: http://www.namicwebservices.com/
*/



/*******GLOBAL STYLES*******/
html {height:100%;}
* {margin:0; padding:0;}
body, div, h1, h2, h3, ul, li {border: 0px; margin: 0px; padding: 0px;}
body {background:#f3f3f3 url(images/bg_inside.gif) repeat-x; color:#2b2b2b; font:14px/16px Tahoma, sans-serif; margin:0px auto;}

/*******CONTENT*******/
#content {height: 100%; margin:0 auto; position:relative; width:1024px;}
.post {min-height:550px;}

/*******HOMEPAGE FEATURED PANEL*******/
#featuredpan {background:url(images/featured_banner.jpg) no-repeat; color:#2b2b2b; float:left; height:373px; width:1024px;}
#featuredpan p{color:#ffffff; float:left; font:18px/24px Tahoma, sans-serif; margin:170px 0 0 40px; position:relative; width:330px;}
#featuredpan span.timehead{color:#606060; font-weight:bold; width:200px;}
#featuredpan span.timedetail{color:#7f7f7f; font:14px/16px Tahoma, sans-serif;}
#featuredpan .clock {margin:-10px 0 0 0;}
#featuredpan img{border:none;}
#slidegroup {float:right; font:14px/16px Tahoma, sans-serif; margin:60px 59px 0 0; position:relative;}
#slidegroup span{background:#ffffff;  border: 2px solid #d9d9d9; color: #a4a4a4; cursor:pointer; margin:0 10px 0  0; padding: 2px 8px; position:relative;}
#slidegroup span:hover, #slidegroup span.jFlowSelected{background:#6b95c1;  border: 2px solid #27588f; color: #ffffff;}
#controls {margin:25px 0 0 0;}

#featuredpanin {background:url(images/featured_banner_inside.gif) no-repeat; height:145px; width:1024px;}

/*******QUICK LINKS*******/
#quicklink {background:#e0efff; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; color:#04172e; float:left; font:14px/16px Tahoma, sans-serif; height:82px; position:relative; width:100%;}
#quicklink h2{color:#27588f; font-weight:bold; font-size:150%; margin:20px 0 0 0;}
#quicklink p{margin:5px 0 0 115px; padding:0;}
#quicklink img {display:block; margin:-10px 0 0 40px; padding:10px;}
#quicklink div {float:left; position:relative; width:341px;}
#quicklink a:link, #quicklink a:visited{color:#27588f; text-decoration:none;}
#quicklink a:hover {border-bottom:1px dashed #27588f;}

/******MAIN CONTENT******/
#textpan {float:left; font:14px Tahoma, sans-serif; height:100%; position:relative; width:685px;}
#textpan a:link, #textpan a:visited {border-bottom:1px solid #2c96c7; color:#2c96c7; text-decoration:none;}
#textpan a:hover {border-bottom:1px dashed #2c96c7;}
#textpan h1{color:#27588f; font-weight:bold; font-size:200%; margin:15px 15px -15px 57px;}
#textpan p{line-height:20px; margin:0 20px 20px 60px;}
#textpan ul {margin:10px 15px 10px 80px;}
#textpan ul li {margin:5px 15px 5px 0;}
#textpan ul li a:link, #textpan ul li a:visited{border-bottom:1px solid #6b95c1; color:#606060; font:14px/18px Tahoma, sans-serif; list-style-image:url(images/bullet.gif); text-decoration:none;}
#textpan ul li a:hover {border-bottom:1px dashed #606060;}

/******RECENT NEWS******/
#recentnews {float:right; height:100%; min-height:200px; position:relative; width:339px;}
#recentnews h1{color:#27588f; font-weight:bold; font-size:200%; margin:15px 15px 5px 5px;}
#recentnews p{line-height:20px; margin:0 20px 20px 10px;}
#recentnews ul {margin:15px 0 0 15px;}
#recentnews ul li {margin:10px 15px 10px 0;}
#recentnews ul li a:link, #recentnews ul li a:visited{border-bottom:1px solid #606060; color:#606060; font:12px/14px Tahoma, sans-serif; list-style-image:url(images/bullet.gif); text-decoration:none;}
#recentnews ul li a:hover {border-bottom:1px dashed #606060;}

/******NAVIGATION******/
.menu {background:#04172e; border-bottom:1px solid #97cbff; margin:0 20px 0 0; position: relative; height: 16px; width:100%; padding: 15px; overflow: hidden;}
.menu li {float: right; list-style: none;}
.menu li.back {background:#6b95c1 url(images/over.gif) no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute; margin:-6px 0 0 0;}
.menu li.back .left {background:#6b95c1 url(images/over.gif) no-repeat top left; height: 30px; margin-right: 9px;}
.menu li a {font: bold 14px tahoma, sans-serif; text-decoration: none; color: #fff; outline: none; text-align: center; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; margin: auto 10px;}
.menu li a:hover, .menu li a:active, .menu li a:visited {border: none;}

/******FOOTER PANEL******/
#footerpan {background:#d9d9d9 url(images/footer.gif) repeat-x; clear:both; float:left; height:65px; position:relative; width:100%;}
#footer {margin:0 auto; width:1024px;}
#footer p {color: #606060; font:14px/16px Arial, sans-serif; margin:15px auto; padding:0; width:100%;}
#footer p.left {float:left; padding-left:54px; position:relative; width:40%;}
#footer p.right {float:right; position:relative; text-align:right; width:50%;}
#footer a:link, #footer a:visited {border-bottom:1px solid #606060; color:#606060; font:14px/16px Arial, sans-serif; text-decoration:none;}
#footer a:hover {border-bottom:1px dashed #606060;}

