/*This is the LEAF skin, made by Ivan for Nucleus CMS*/
/*I am not a pro in CSS - If you are one and if you think it can be done better, by all means go ahead and adjust to your needs*/
/*I've tried my best to comment on most of the styles*/

/*BASIC STUFF*/
/*Link styling*/
p.content {
  font-size: 8pt;
  line-height: 10pt;
  margin-top: 0px;
  margin-bottom: 8px;
}

a:link, a:visited{
  color: #007ACF;
  text-decoration: none;
}
a:hover, a:active{
  color: #A6976E;
}
a#active:link, a#active:visited{
  color: #182d61;
  text-decoration: none;
}
a#active:hover, a#active:active{
  color: #007ACF;
}


a#sub:link, a#sub:visited{
  color: #007ACF;
  font-weight: bold;
  text-decoration: none;
}
a#sub:hover, a#sub:active{
  font-weight: bold;
  color: #A6976E;
}
a#subactive:link, a#subactive:visited{
  color: #182d61;
  font-weight: bold;
  text-decoration: none;
}
a#subactive:hover, a#subactive:active{
  color: #A6976E;
  font-weight: bold;
}
/*Image*/
img{
  border: none;
}
/*This is used for hidden stuff, stuff that you don't want people to see with CSS enabled*/
/*Try disabling CSS and you'll see some messages that you don't see with CSS enabled*/
.more-link, .hidden{
  display: none;
}
/*Use this to centerize any image/text*/
.centerize{
  text-align: center;
}
/*MAIN STRUCTURE*/
/*Don't edit if you know what's good for you*/
body{
  margin: auto;
  color: #4C4C4C;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: url(BackgroundRepeat.jpg);
  padding: 0px 0 0px 0;
  text-align: center;
}
#wrapper {
  width: 809px;
  margin: auto;
  background: white url(BackgroundMiddle.jpg) repeat-y;
}
/*The header image*/

#header{
  width: 809px;
  margin: auto;
}
#logo{
  width: 809px;
  height: 182px;
  margin: auto;
  background: url(logo.jpg) no-repeat;
}

#primarymenu {
  width: 801px;
  height: 19px;
  margin: auto;
  text-align: left;
  background: url(MenuBackground.gif) repeat-x;
}

#menulink {
  width: 200px;
}

#page-pannel{
  position: relative;
  height: 122px;
  margin: 0 0 0 0px;
  background: url(home_pannel.jpg) no-repeat;
}
/*The container - edit "230" to your desired width for the sidebar (lines 55, 58, 62)*/
#container{
  width: 100%;
  float: left;
  margin-right: -230px;
}
#content{
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0;
}
#sidebar{
  width: 227px;
  float: right;
  margin: 0px 0px 0 0;
  text-align: left;
  font-size: 8pt;
}
#footer{
  position: relative;
  font-size: 7pt;
  width: 809px;
  height: 47px;
  margin: auto;
  padding-top: 4px;
  text-indent: 15px;
  text-align: left;
  background: url(PageCloser.jpg) no-repeat;
}
/*Credits part is where the copyrights/xhtml/css validation stuff will be*/
#credits{
  padding-top: 15px;
  font-size: 7pt;
  text-align: center;
  color: white;
}
#credits a:link, #credits a:visited{
  color: #546EBA;
}
#credits a:hover, #credits a:active{
  color: #182D61;
}
/*Ignore this*/
.clearing{
  height: 1px;
  clear: both;
}
/*THE MAIN TITLE - YOUR BLOG NAME ON TOP OF THE HEADER*/
#header h1{
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 16pt;
  line-height: 16pt;
  margin: 0;
}
/*THE NAVIGATION - More detailed stuff in 01_navigation.css*/
#navigation ul{
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  text-transform: capitalize;
}
#navigation li {
  float: left;
  width: 124px;
  height: 19px;
  font-weight: bold;
  line-height: 19px;
  font-size: 8pt;
  text-align: center;
  background: url(MenuSplitter.gif) right no-repeat;
}
/*THIS PART IS FOR THE NAVIGATION LINKS*/
/*.nav1 a:link, .nav1 a:visited, .nav2 a:link, .nav2 a:visited, .nav3 a:link, .nav3 a:visited{*/
#navigation li a:link, #navigation li a:visited {
  color: white;
  text-transform: capitalize;
}

/*HOVER EFFECTS*/
#navigation li a:hover, #navigation li a:active {
  color: #A6976E;
  text-transform: capitalize;
}

/*THE HEADERS (h2: Main titles, h3: Blog and Sidebar titles, h4: Comment names/userlinks)*/
h2{
  color: #3E565F;
  margin: 0 0 3px 0;
  font-size: 14pt;
}
/*h3{*/
#sidebar h2 {
  color: #3E565F;
  margin: 0 0 8px 18px;
  font-size: 12pt;
}

#sidebar img { margin-left: 18px; }

h4{
  font-size: 8pt;
}
/*Sub structure - To create the margins of the body (where text will be placed)*/
.contentdiv{
  margin: 0 10px 5px 14px;
}
.contentdiv-wide{
  margin: 0 0px 0px 4px;
}

.sidebardiv{
  margin: 0 22px 0 10px;
}
/*The image styling of your blog*/
.contentbody img{
  border: none;
}
/*COMMENTS STYLING*/
.c_commentbody{
  padding: 0 0 5px 0;
  background: url(01_hdot.gif) bottom repeat-x;
}
/*User links on comments made (eg. Ivan wrote:)*/
.c_userlink{
  margin: 0 0 5px 0;
}
/*Time stamp info in comments made*/
.c_commentinfo{
  font-size: 8pt;
  margin: 3px 0 0 0;
  padding: 0 0 0 13px;
  background: url(01_item1.gif) 0 1px no-repeat;
}
/*THE STYLING OF THE BODY OF CONTENTS AND SIDEBAR*/
.box, .contentbody, .commentbody {
  margin: 0;
  padding: 0 0 0px 0px;
  text-align: justify;
}
.block {
  margin: 0 0px 20px 0;
  padding: 0;
}
/*THIS PART IS THE SIDEBAR'S INDIVIDUAL DIVS*/
/*Note that it doesn't have any styling, but it's here in case you want to add some styles*/
#sidebar .content {
  padding: 0;
  margin: 0 0px;
}

#sidebar .content ul {
list-style-type: none;
}

#sidebar .content ul li {
list-style: none;
padding-left: 10px;
}

/*THIS PART IS TO STYLE THE BACKGROUND IMAGES (THE QUOTE ON THE LEFT)*/
/*You can create different image on your on, but only if you know what you're doing should you edit this part*/
.divweblog .contentbody, .divarchives .contentbody, .divarchivelist .contentbody, .diverror .contentbody, .divmemberinfo .contentbody,
.divsendmessage .contentbody, .divcommentitem .contentbody, .divsearch .contentbody{
}
/*A different background for comments made*/
.box {
  background: url(01_quote1.gif) 0 3px no-repeat;
}
/*A different background for the admin (in the comments made area)*/
.divcommentsmade .id1{
  background: url(01_quote4.gif) 0 3px no-repeat;
}
/*Add comment form's background*/
/*.divaddcomment .contentbody{*/
.box {
  background: url(01_quote1.gif) 0 3px no-repeat;
}
/*MORE DETAILED STUFF - Item details of your blog items*/
.itemdetails{
  text-align: right;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  background: url(01_hdot.gif) top repeat-x;
}
/*Posted by*/
.item1{
  padding: 0 0 0 13px;
  margin: 0 0 0 12px;
  background: url(01_item1.gif) 0 1px no-repeat;
}
/*Category*/
.item2{
  padding: 0 0 0 13px;
  margin: 0 0 0 12px;
  background: url(01_item2.gif) 0 3px no-repeat;
}
/*Comments*/
.item3{
  padding: 0 0 0 15px;
  margin: 0 0 0 12px;
  background: url(01_item3.gif) 0 3px no-repeat;
}
/*STYLING OF SIDE TITLES*/
/*You can remove all parts here if you do not wish to use images as your side titles*/
.about h3{
  height: 23px;
  text-indent: -9999px;
  margin: 0 0 2px 0;
  background: url(01_s_about.gif) no-repeat;
}
.login h3{
  height: 23px;
  text-indent: -9999px;
  margin: 0 0 2px 0;
  background: url(01_s_login.gif) no-repeat;
}
.categories h3{
  height: 23px;
  text-indent: -9999px;
  margin: 0 0 2px 0;
  background: url(01_s_categories.gif) no-repeat;
}
.search h3{
  height: 23px;
  text-indent: -9999px;
  margin: 0 0 2px 0;
  background: url(01_s_search.gif) no-repeat;
}
.links h3{
  height: 23px;
  text-indent: -9999px;
  margin: 0 0 2px 0;
  background: url(01_s_links.gif) no-repeat;
}
/*MAIN TITLES*/
/*You can remove all parts here if you do not wish to use images as your main titles*/
h2.weblog, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.error, h2.member, h2.sendmessage, h2.searchpage{
  height: 23px;
  text-indent: -9999px;
  margin: 0 0 5px 0;
}

h2.weblog{
  background: url(01_m_weblog.gif) no-repeat;
}
h2.comments{
  background: url(01_m_comments.gif) no-repeat;
}
h2.commentsmade{
  background: url(01_m_commentsmade.gif) no-repeat;
}
.box h2 {
  text-indent: 40px;
}
h2.archives{
  background: url(01_m_archives.gif) no-repeat;
}
h2.error{
  background: url(01_m_error.gif) no-repeat;
}
h2.member{
  background: url(01_m_member.gif) no-repeat;
}
h2.sendmessage{
  background: url(01_m_sendmessage.gif) no-repeat;
}
h2.searchpage{
  background: url(01_m_search.gif) no-repeat;
}
/*FORM STYLING*/
form{
  margin: 0;
  text-align: left;
}
/*Styling for all form fields*/
.formfield{
  width: 130px;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 2px 0;
  color: #494949;
  border-top: 1px solid #868686;
  border-left: 1px solid #868686;
  border-bottom: 1px solid #D4D2CF;
  border-right: 1px solid #D4D2CF;
}
/*Form fields on focus effect (when user click on that input field)*/
.form-text {
  background: #FFF;
  color: #000;
  border: 1px solid #666666;
}

.form-password {
  background: #FFF;
  color: #000;
  border: 1px solid #666666;
}

.form-text:focus{
  border: 1px solid black;
}

.formfield:focus{
  border: 1px solid black;
}
/*Form's buttons*/
.formbutton{
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 1px 0 0 0;
  padding: 1px 10px;
  color: #494949;
  background: white;
  border-top: 1px solid #D4D2CF;
  border-left: 1px solid #D4D2CF;
  border-bottom: 1px solid #868686;
  border-right: 1px solid #868686;
}
/*Don't show textarea scrollbar on IE*/
textarea{
  overflow: hidden;
}
/*Wider formfields for comment and mailform*/
.commentform .formfield, .mailform .formfield{
  width: 340px;
}
/*Add background to comment textarea*/
.box .content textarea {
  background: white url(01_txbg.gif) center center no-repeat;
  width: 370px;
}
/*STYLING OF THE FORMS BACKGROUND, AND THE LITTLE ROUNDED TOPS*/
/*Add comment form and mailform (same size)*/
.box form, .divaddcomment form, .divsendmessage form{
  width: 390px;
  padding-top: 5px;
  background: #E2EDF0 url(01_mountaintop.gif) top no-repeat;
}
.box form * {
  margin-left: 5px;
}
/*Login form and search form (same size)*/
.login form, .search form{
  width: 184px;
  background: #E2EDF0 url(01_mountaintop2.gif) top no-repeat;
}
.loginform, .searchform{
  padding: 5px;
}
/*THE LIST STYLES*/
ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
li{
  padding: 0 0 0 9px;
  margin: 0 0 2px 0;
  background: url(01_arrow.gif) 0 6px no-repeat;
}
/*THE SEARCH HIGHLIGHT*/
.highlight{
  font-weight: bold;
  text-decoration: underline;
}
/*Comment error - For Nucleus v3.2*/
div.error{
  color: red;
  font-weight: bold;
}

textarea {
width: 440px;
}

#page-title {
  font-size: 40pt;
  font-weight: normal;
  color: #000;
}

.block-search#block-search-0 { 
  text-align: center;
  padding: 0 13px 0 3px;
}

.emailus-block {
  float: right;
  text-align: left;
  height: 20px;
  top: 16px;
  background: transparent;
  position: relative;
  display: block;
}

.bookmarkthispage-block {
  text-align: left;
  height: 20px;
  margin: auto;
  top: 10px;
  left: -270px;
  background: transparent;
  position: relative;
  display: block;
}

.search-block {
  float: left;
  text-align: left;
  height: 20px;
  top: 150px;
  background: transparent;
  position: relative;
  display: block;
}
.search-form {
  text-align: left;
  background: transparent;
}

.search-button {
  vertical-align: top;
  padding-top: 0px;
  border: 0;
}

.search-help {
  margin: 3px 0 0 0;
  font-size: 7pt;
  color: #FFF;
}

.sidebar-title {
  font-weight: bold;
  color: #E8B915;
  font-size: 8pt;
  vertical-align: top;
  margin: 0 0 8px 0;
  text-indent: 10px;
  background: url(sidebararrow.jpg) left no-repeat;
}

.search-input-area { 
  background: transparent;
  vertical-align: top;
  padding: 3px 0px 0px 0px;
  text-align: middle;
}

.search-form-text {
  background: transparent;
  font-size: 7pt;
  color: black;
  width: 182px;
  border: none;
}

.homeservices {
  background: url(CoggsBackground.jpg) bottom right no-repeat; 
}

.centervspacer {
  background: url(CenterVSpacer.gif) center repeat-y;  
}

.contentheading2{
  color: #1B3371;
  margin: 0 0 0 60px;
  vertical-align: middle;
  font-size: 11pt;
  font-weight: bold;
  line-height: 50px;
  text-indent: 70px;
  display: block;
  background: url(Coggs.gif) left no-repeat;
}

ul.content{
  list-style: none;
  display: block;
}

li.content {
  font-size: 8pt;
  line-height: 14pt;
  font-weight: normal;
  text-align: left;
  text-indent: 10px;
  background: url(ArrowBullet.gif) left no-repeat;
}

.content {
  font-size 10pt;
  font-weight: normal;
  color: #4C4C4C;
  line-height: 12pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.contentheading {
  font-size: 10pt;
  font-weight: strong;
  color: #4C4C4C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#banner-left {
  float: left;
  margin-left: 3px;
  width: 398px;
  height: 200px;
  display: block;
  background: #A6976E;  
}

#banner-right {
  float: right;
  margin-right: 3px;
  width: 398px;
  height: 200px;
  display: block;
  background: #182D61;  
}

#pagewrapper {
  margin: 10px 15px 10px 15px;  
  text-align: left;
}

p.faq-question {
  color: #4C4C4C;
  font-size: 8pt;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 5px 0px;
  padding-left: 15px;
  background: url(../../images/Question.gif) left top no-repeat;
}

p.faq-answer {
  color: #4C4C4C;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 10px 15px;
  padding-left: 15px;
  background: url(../../images/Answer.gif) left top no-repeat;
}

p.separator { 
  margin: 5px -15px 0px -15px;
  border-top: dotted black 1px;
}

a#ablack:link, a#ablack:visited { color: black;}
a#ablack:hover, a#ablack:active { color: #007ACF; }

a#agray:link, a#agray:visited { color: #555; }
a#agray:hover, a#agray:active { color: #007ACF; }