/*  WOO CUSTOM STYLESHEET
---------------------
Instructions:
Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

NOTE from Bronwen @ cdeVision: All custom CTI styles are here. (9 feb 2010) */

p {font:normal 12px Arial,sans-serif; line-height:16px;}

a.btn {color:#fff; background:#5B8935; padding:6px 8px; text-decoration:none !important;}
a.btn:hover {background:#000; color:#5B8935 !important;}
a, a:focus, a:active, a:visited {outline:none;}

a.arrow {font-size:12px; color:#5B8935; text-decoration:none !important; font-weight:bold; background:url(images-cti/icon-arrow.png) 0 2px no-repeat; padding-left:13px;}
a.arrow:hover {color:#666;}

div.hr {background:#ccc; height:1px; margin:15px 0;}


/* Header area ------------------------- */
#top {background:#fff url(images-cti/bg-top.jpg) repeat-x; border-bottom:5px solid #5B8935;}
#top .content {background:transparent;}
#header {width:100%; height:105px; padding:25px 0 5px 0; clear:both; position:relative;}


/* Navigation area ------------------------- */
#nav { position:relative; z-index:99; }
#nav, #nav ul {padding:0; margin:0; list-style:none; line-height:1; float:right;}
#nav {margin-top:65px;}
#nav a {font:normal 14px Arial,sans-serif; display:block; line-height:24px; padding:0 6px;  text-transform:none; border:0;}
#nav a {color:#333;}
#nav a:hover, #nav li.current_page_item a {color:#fff; background:#5B8935; border:0 !important;}
#nav li a {border:none !important;}
#nav li {float: left; margin:0 0 0 10px;}

/* Style drop down list */
#nav li:hover, #nav li.current_page_item {border:0 !important;}
#nav li ul li:hover, #nav li ul li.current_page_item {border:none;}
#nav li ul {position:absolute; width:220px; left:-999em; border:1px solid #5B8935; z-index:99;}
#nav li ul li {position:relative; z-index:99; background:#fff; margin:0;}
#nav li ul li a {border:none !important; line-height:23px; font-size:12px; width:208px;}
#nav li ul ul {margin:-26px 0 0 170px; background:#fff;}
#nav li ul ul li a {line-height:23px;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left:-999em;}
#nav li.current_page_item ul li a {color:#333; background:#fff;}
#nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a:hover {color:#fff; background:#5B8935;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;}
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */

/* Home page ----------------------- */
#featured {border:none; padding:0;} /* this is also used site-wide */
#loopedSlider {width:960px; margin:0 auto; padding:8px 0;}
#loopedSlider li#p {position:absolute; top:160px; left:0px;}
#loopedSlider li#n {position:absolute; top:160px; right:0px;}
.container {width:860px; height:370px; overflow:hidden; position:relative; margin-left:50px;}

.feature h3 {font:normal 18px Arial,sans-serif;}
.feature p {font:normal 12px/16px Arial,sans-serif !important;}
.feature a {color:#5B8935; text-decoration:none !important; font-weight:bold; background:url(images-cti/icon-arrow.png) 0 2px no-repeat; padding-left:13px;}
.feature a:hover {color:#666;}


/* Content area ----------------------- */
#main-content {background: url(images/bg-main-top.gif) repeat-x top left; padding:40px 0 0;}
.post h3 {font:normal 20px/24px Arial,sans-serif !important; margin:0 !important; padding:0 0 6px 0 !important; line-height:24px !important;}
div#featured {background:#5B8935;}
#featured h2 {text-shadow:none; font:normal 24px Arial,sans-serif !important;}
.post p {font:normal 14px/20px Arial,sans-serif; margin:0; padding:0 0 16px 0;}
.post h2 {font:normal 20px/24px Arial,sans-serif !important; margin:0 !important; padding:0 0 12px 0 !important; line-height:24px !important;}
p.post-details {padding-bottom:8px !important;}
.post-details a {color:#999; text-decoration:underline !important;}
.post-details a:hover {color:#5B8935; text-decoration:none !important;}

#main a {color:#5B8935;}
#main a:hover {color:#666;}
#main ul {padding-left:30px;}
#main ul li {list-style:disc;}

form#commentform input.button {font:normal 12px arial,sans-serif!important; text-transform:none!important; line-height:auto !important;}

.showtime {padding:0 0 20px 0;}
.showtime:focus {outline:none;}

form#contactForm {}
	input.submit {background:transparent url(images/btn-submit.png) no-repeat scroll left top !important; border:medium none; color:#fff !important; font:normal 12px arial,sans-serif!important; text-transform:lowercase !important; line-height:auto !important; cursor:pointer !important; height:25px; width:80px !important; text-align:center;}

/* Sidebar area ----------------------- */
#sidebar h3 {color:#333; font:normal 16px Arial,sans-serif; border-bottom:1px solid #ccc; text-transform:none; letter-spacing:normal; margin:0 0 10px 0; padding:0 0 6px 0; line-height:24px;}
#sidebar #campaignmonitor p {margin:0 10px 0 10px; padding:0 0 10px 0;}
#sidebar ul {margin:0 10px 0 10px; padding:0;}
#sidebar form {margin:0 auto; padding:5px 0 0 0;}
form#campaignmonitorform {}
	form#campaignmonitorform input {font:12px arial,sans-serif !important; border:1px solid #d5d5d5; padding:2px !important; line-height:auto !important;}
	form#campaignmonitorform input.button {font:12px arial,sans-serif; text-transform:none; line-height:auto !important;}
/* icons */
#sidebar #news h3 {background:url(images-cti/ico-news.png) 10px 0 no-repeat; padding-left:40px; line-height:27px;}
#sidebar #campaignmonitor h3 {background:url(images-cti/ico-letter.png) 10px 0 no-repeat; padding-left:49px; line-height:29px;}
#sidebar #news a {color:#5B8935 !important; font-weight:bold; background:none;}
#sidebar #news a:hover {color:#666 !important;}
#sidebar #news li {background:none; padding:5px 0 5px 0; line-height:16px;}

/* Footer area ------------------------- */
#footer {background:#333; padding:25px 0 14px 0; margin-top:15px; border-top:5px solid #5B8935; color:#fff;}
#footer p {line-height:17px;}
#footer h3 {color:#fff; font:normal 16px Arial,sans-serif;}
#footer a {color:#fff; text-decoration:underline;}
#footer img {vertical-align: middle;}
#footer .col-right span {display:none;}
#footer .col-left {width:540px; padding:0 20px 0 0; background:transparent; border-right:1px solid #515151;}
#footer .col-right {width:280px;}
#footer span.copyright {font-size:11px; color:#999;}
#footer span.copyright a {color:#999;}
#footer div.hr {background:#515151; height:1px; margin:15px 0; }