/*  
Theme Name: Trendy Green
Theme URI: http://gettemplate.com/
Description: <a href="http://gettemplate.com" title="GetTemplate">GetTemplate</a> - elegant web templates, themes, custom web design and development services.  

Version: 1.0
Author: GetTemplate
Author URI: http://gettemplate.com/
GetTemplate © 2008. All rights reserved. 
*/

body{ font-family: Arial, Helvetica, sans-serif; color: #333333; background-color: #c9a696; font-size: 12px; background-image: url(images/bg_main.gif); background-repeat: repeat-x; margin: 0; padding: 0; }
a{
	color : #9b5f05;
	text-decoration: underline;
}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
p{ margin: 0 0 10px 0; padding: 0; line-height: 1.5em; }
a:hover{
	text-decoration : none;
	color: blue;
}
form, div, img{ border: none; margin: 0; padding: 0; }

h1, h2, h3, h4, h5{ margin: 0 0 12px 0; padding: 0; font-weight: normal; color: #4a5460; }
h2{font-size: 1.5em; margin:5px 0 9px 0; }
h3{ font-size: 1.4em; margin:30px 0 9px 0;}
h4{ font-size: 1.3em; margin:30px 0 9px 0;}

#HEADER{ width: 900px; height: 83px; margin-left: auto; margin-right: auto; padding: 35px 0 0 0;  }
	#HEADER h1{ margin: 0; padding: 0 9px 0 0px; float: left; font-weight: bold; font-size: 25px; height: 83px; line-height: 83px; text-transform: uppercase; }
	#HEADER h1 a{ text-decoration: none; color: #f5f5f5;   }
	#HEADER a:hover{ text-decoration: none; color:white; }
	#HEADER p{ float: right; font-size: 12px; color: White; margin: 59px 0 0 0; padding: 0; line-height: 9pt; }
#NAVIGATION{ width: 900px; font-size: 12px; height: 31px; text-align: left; margin-left: auto; margin-right: auto; background: #2E6BA9 url(images/bg_topnav2.gif); }
#TABS{ float: left; width: 785px; height: 31px; background: url(images/bg_topnav.gif) repeat-x; border-right: 1px solid #666666; line-height: 31px; }

/*Nav----------------------------------------------------------------------------*/
	#Nav{ float:left; margin:0; padding: 0; list-style: none; } 
	#Nav ul{ list-style:none; width: 180px; margin: 0; padding: 0; position: absolute; left: 0; top: 31px; display: none; background: #f8f8f8;  border:1px gray solid;}
	#Nav ul li{ float: left; border-bottom: 1px solid gray; width: 180px; padding: 0; margin: 0; background: none; }
	#Nav li{ position: relative; float: left; background: none; padding: 0 2px 0 0; background: url(images/bg_navbutton.gif) no-repeat right; }
	#Nav li.current_page_item a{ font-weight: bold; }
	#Nav li:hover ul, #Nav li.over ul { display: block; }
	#Nav a{ float:left; padding: 0px 30px; color: black; text-decoration: none; }
	#Nav a:hover{ background-color: #ffffff; background-position: 0 0; }
	#Nav li li a{ float: left; width: 175px; padding:0 0 0 5px; margin:0; }
	#Nav li li a:hover{	background-color:#EEEEEE;}
	
	#Nav ul ul {visibility:hidden;}
	/* make the second level visible when hover on first level list OR link */
#Nav ul li:hover ul,
#Nav ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#Nav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#Nav ul :hover ul :hover ul{ visibility:visible;}


	#Nav ul li ul{ list-style:none; width: 180px; margin: 0; padding: 0; position: absolute; left: 175px; top: 2px; background: #f8f8f8; display:none; }
	#Nav ul li ul li{ float: left; border-bottom: 1px solid #f2f2f2; width: 180px; padding: 0; margin: 0; background: none; z-index:999;}
	#Nav li li:hover ul {display:block;}
	#Nav li li li a{ float: left; width: 175px; padding-right:0; margin:0; }
	#Nav li li li a:hover{ background:#EEEEEE; }

/*buttons-----------------------------------------------------------------------------*/
#BUTTONS{ float: right; width: 110px; height: 28px; text-align: center; }
#VISUAL{ width: 900px; text-align: right; margin-left: auto; margin-right: auto; height: 160px;  background: #1F7A2A url(images/bg_visual.jpg) no-repeat; }
	#VISUAL ul{ margin:-70px 10px 0 0; padding-left: 0;   float: right;  width: 602px;    }
	#VISUAL ul li{ display: block; list-style: none; margin:0 0 5px 0;}
	#VISUAL ul li.PhraseOne{ padding-right: 15px; color: White; font-size: 12px; font-style: normal; margin-top: 18px; font-weight: bold; }
	#VISUAL ul li.PhraseTwo{ padding-right: 15px;   color: White;  font-family: Arial, Helvetica, sans-serif;  font-size: 17px; font-style: normal;  font-weight: bold;   }
	#VISUAL li.Button{ width: 130px; height: 29px; float: right; padding-right: 15px; }
	#VISUAL a{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
	#VISUAL a:hover{ text-decoration:none;}
#CONTENT{ width: 900px; text-align: left; margin: 0 auto; }
	.contentwrap{ float: left; width: 100%;  margin:0 0 20px 0;  background: White url(images/bg_text.gif) repeat-x; }
#FOOTER{ float: left; width: 900px; height:57px; padding: 0; margin:0; text-align: left; background: url(images/bg_footer.gif) no-repeat bottom; font-size: 1.1em; color: White; }
	#FOOTER a{ color: white; text-decoration: underline;	}
	#FOOTER a:hover{ text-decoration: none;	}
	#FOOTER .left{ float:left; width: 430px; overflow:hidden; padding: 20px 0 0 20px; }
	#FOOTER .right{ float: right; width: 400px; overflow: hidden; text-align: right; padding: 20px 20px 0 0; }


/* Sidebar */
#LEFTBOX{ float: left; width: 208px; padding: 15px 0 0 0; text-align: left; font-size: 1.1em; left: 15px; position: relative; background: #f8f8f8; border-right:1px dashed #E5E5E5; border-left:1px dashed #E5E5E5;}
	#LEFTBOX .leftfooter{ display: block; margin: -35px 0 0 0; }
	#LEFTBOX div.widget{ margin: 0 12px 20px 12px; padding-bottom: 10px; background: url(images/bg_hdot.gif) repeat-x bottom; }
	#LEFTBOX div.Last{ background-image: none; }
	#LEFTBOX h2{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #4E4E4E; letter-spacing: 1px; margin: 0 0 9px 12px; }
	#LEFTBOX a:hover{	text-decoration : underline;  }
	#LEFTBOX ul{ padding: 0 0 0 1px; border: none; margin: 0 0 15px 12px; } 
	#LEFTBOX li { margin-left: 0; padding-left: 10px; list-style: none; background: url(images/point_left.gif) no-repeat 0 2px; line-height: 18px; }
	#LEFTBOX li a{ color: #1A1A1A; text-decoration: none; padding-right: 0; margin-right: 0;  }	
	#LEFTBOX li.current_page_item a{ font-weight: bold; }
	#LEFTBOX ul a:hover{text-decoration: underline;}	

/*Widgets style for Links-----------------------------------------------------------*/

#linkcat-9 li {list-style-image:none; margin-left: 0; padding-left: 10px; line-height: 18px; background:none; background: url(images/point_left.gif) no-repeat 0 2px; font:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#linkcat-9 li a {color:#9b5f05; text-decoration:underline;}
#linkcat-9 li a:hover {color:blue; text-decoration:none;}
	

	#searchform { display:block; height:35px; margin: 0; position:relative; }
	#searchform br{ display: none; }
	#searchform input{ position: absolute; top: 0px; right: 0; font-family: Arial, Helvetica, sans-serif; padding: 2px 5px; }
	#searchform #s{ width: 110px; height: 18px; border: 1px solid #dddddd; left: 0; }
	#calendar { padding: 0; margin-bottom: 15px; text-align: center; }
	#calendar h2{ display: none; }
	#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
	#wp-calendar caption { font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;  margin-top: 5px;  }
	#wp-calendar { empty-cells: show; margin: 0 auto 10px auto; width: 150px;  }
	#wp-calendar th{ font-size: 10px; color: Black; font-style: normal; text-transform: capitalize; }
	#wp-calendar #next a { padding-right: 10px; text-align: right; }
	#wp-calendar #prev a { padding-left: 10px; text-align: left; }
	#wp-calendar a { display: block; background: #d2eeaa; text-align: center; text-decoration: none; color: #373737;   }
	#wp-calendar a:hover{ color: #333333; background: #ffffff; text-decoration: none; }
	#wp-calendar caption { text-align: center; width: 100%;  font-size: 12px;  }
	#wp-calendar td { font-size:10px; padding: 0; text-align: center;  color: #5F4D26;  }
	

/* Content */
#TEXT{ float: right; width: 655px; padding: 5px 0 5px 0; margin: 0 9px 0 0; position: relative; font-size: 12px; }

.post{ width:100%; float:left; margin: 0 0 8px 0; padding:0; border-bottom:5px dotted #5d260c; }
.post h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.entry{ padding: 15px 0 0 18px; }
.post hr {	display: block;	}
.title, .entry h3{ font-size: 1.8em; font-weight: normal; margin: 0; padding: 5px 0 0 0; }
#TEXT h2 a, #TEXT h2, #TEXT h3 a{ text-decoration: none; color: #4a5460; padding:10px 5px; }
#TEXT h2 a:hover{ color: #d00000; }
#TEXT li {list-style-image:url(images/bullet.gif); padding:10px 0 0 0;}
.prefix{ font-size: 0.9em; border-top: 1px solid #eeeeee; margin: 0; text-align: right; }
.Aligned{ text-align: justify; line-height:1.5em;}
p.postmetadata, p.postmetadatasingle{ display:none;}
p.postmetadata a:hover, p.postmetadatasingle a:hover{ color: #DF0000; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; line-height: 1.5em; }
acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }
.postmetadata { clear: left; }

.pagetitle{ margin: -10px 0 30px 0; font-size: 1em; font-weight: bold; }
.pagetitle, .navigation{ display:none;}
.navigation .alignleft{	float:left; }
.navigation .alignright{ float: right; }

p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {	float: right;	}
.alignleft {	float: left	}
.center { text-align: center; }
.clear{ clear: both; font-size: 1px; height: 1px; overflow: hidden; }

.entry form {  text-align: center; }/* This one is mainly for password protected posts, makes them look better. */
select { width: 130px; }
#commentform p { margin: 5px 0;   }
#commentform input.text { width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #dcdcdc; background: White; color: #332D26; }
#commentform #author, #commentform #email, #commentform #url{ border: 1px solid #dcdcdc; background: White; }
#commentform textarea { width: 610px; padding: 2px;   border: 1px solid #dcdcdc;  overflow: auto;  background: White;   }
#commentform #submit {  }

h3#comments { padding: 0; margin: 20px auto 20px; font-size: 16px; background-image: none; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;  }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
.commentmetadata { font-weight: normal; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;  padding-left:0;}
.commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;  background: #fafafa;  }
.commentlist p { margin: 10px 5px 10px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #f5f5f5; }
blockquote cite { margin: 5px 0 0; display: block; }

/*for Tiny MCE
-------------------------------------------------------------------- */
.big-bold {font-size:14px; font-weight:bold;}
.red-back {
	font-weight:bold;
	background-color: #ECE7DF;
	text-indent:7px;
}
.orange-back {background-color:#9b5f05; font-weight:bold; text-indent:3px; color:white;}
.gray-back {font-weight:bold; color:#000000; background-color: #CBCCD7; text-indent:3px;}
.small-bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
.border-lt {border-left-style:solid; border-left-width:thin; border-left-color:#353267;}
.border-rt {border-right-style:solid; border-right-width:thin; border-right-color:#353267;}
.border-btm-dash {border-bottom-style:dashed; border-bottom-width:thin; border-bottom-color:#999999;}

.list-orange {list-style-image:url(images/point_left.gif);}
.h-tag {background-image:url(images/h1tag.jpg); background-position:left; background-repeat: no-repeat; font-size:1.5em; height:25px; font-weight:normal; text-indent:5px; left:5px;}

/*Calendar-------------------------------------------------------------------------*/
.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;