/*  
Theme Name: Kathy Malloch Leadership Systems
Theme URI: http://www.kathymalloch.com
Author: Imagine 8 Media
Author URI: http://www.imagine8media.com
*/

/* -------- Resets -------- */

* { margin: 0; padding: 0; }

html, body, #wrapper { height: 100%; }

body > #wrapper { height: auto; min-height: 100%; }

body { background: #ffffff url(/Images/bgrnd_body_01.jpg) repeat-x top center; color: #333333; font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 0; padding: 0; text-align: center; }

a { text-decoration: none; }
a:link { color: #559d01; }
a:visited { color: #559d01; }
a:hover, a:active { color: #7bc531; text-decoration: underline; }

blockquote { border-left: 4px solid #cccccc; margin: 0 20px; padding: 0 20px; }
code { color: #000000; font-family: monospace; }

form, img { border: 0; margin: 0; padding: 0; }
input, textarea, select { background-color: #ffffff; border: 1px solid #a2a07a; color: #000000; font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; }

p, font { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 24px; margin: 20px 0; }

q { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 20px 0; padding: 0; display: block; }
cite { display: block; text-align: right; font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 10px 0 0 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { color: #559d01; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 10px 0 20px 0; }
h1 { font-size: 34px; font-weight: normal; }
h1 .highlight { color: #7bc531; }
h2 { font-size: 28px; font-weight: normal; }
h3 { font-size: 22px; font-weight: normal; }
h4 { font-size: 18px; font-weight: normal; }
h5 { font-size: 14px; font-weight: bold; }
h6 { font-size: 12px; font-weight: bold; }

hr { border: none 0; border-top: 1px dotted #a2a07a; height: 1px; }

ul, ol { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; margin: 0 0 20px 20px; }
li { font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif; line-height: 20px; margin: 0 0 5px 20px; }

table { border-spacing: 0; border: 0; border-collapse: collapse; }
td { font-size: 14px; padding: 3px; }
input { padding: 3px; }

:focus { outline: none; }

small { font-size: 12px; }

/* -------- Nice Forms -------- */
form.niceForm { margin: 0 auto; padding: 0; }
form.niceForm h3 { color: #42b7d4; display: block; padding-bottom: 3px; border-bottom: 1px solid #ddd; }
form.niceForm fieldset { background: transparent; margin: 0; padding: 0; }
form.niceForm ul { list-style: none; margin: 0 0 15px 0; padding: 0; }
form.niceForm ul li { margin: 0; padding: 4px 0; display: block; }
form.niceForm label { display: block; float: left; width: 200px; padding: 3px 0 0 0; font-size: 12px; }
form.niceForm input.cat_button { padding: 4px 5px; cursor: pointer; }
form.niceForm input.textInput { width: 250px; }
form.niceForm input.textInputSm { width: 60px; }
form.niceForm input.textInputMed { width: 100px; }
form.niceForm input.textInputLrg { width: 150px; }
form.niceForm input.textInputAmount { width: 100px; border: none; background: transparent; font: bold 25px/26px 'Trebuchet MS', Helvetica, Sans-serif; color: #559d01; }
form.niceForm span.amount { font: bold 25px/26px 'Trebuchet MS', Helvetica, Sans-serif; color: #559d01; }
form.niceForm select.selectList { width: 258px; }
form.niceForm select.selectListMed { width: 150px; }
form.niceForm select.selectListSm { width: 100px; }
form.niceForm textarea.textArea { width: 250px; height: 60px; }
form.niceForm textarea.textAreaSm { width: 60px; height: 40px; }
form.niceForm textarea.textAreaMed { width: 100px; height: 60px; }
form.niceForm textarea.textAreaLrg { width: 150px; height: 60px; }
form.niceForm textarea.textAreaXLrg { width: 350px; height: 300px; }

form.niceForm textArea.termsConditionsBox { width: 250px; height: 60px; padding: 10px; font-size: 11px; border: 1px solid #551521; background: #300d13; color: #cdb1b1; }

div.captcha { display: block; float: left; }

.textInputOn { background: #fff url(/Images/Icons/bang.png) no-repeat right 0; }


/* -------- Layout-Specific CSS Styles -------- */

/* Wrapper */
#wrapper { text-align: center; width: 100%; }

#main { padding-bottom: 305px; }  /* must be same height as the footer */

/* Body */
#body { width: 865px; min-height: 380px; margin-left: auto; margin-right: auto; text-align: left; padding: 10px 0 45px 0; }
#body .news_date { line-height: 12px; }
#body h3 { color: #9a9981; display: block; width: 100%; border-bottom: 1px dotted #9a9981; }

#body .become_member { width: 295px; height: 66px; text-align: center; display: block; background: url(/Images/btn_become_member_01.png) no-repeat 0 0; }
#body .become_member:hover { background: url(/Images/btn_become_member_on_01.png) no-repeat 0 0; }

#body .form_contact { width: 500px; border-collapse: collapse; border: 0; }
#body .form_contact td { padding: 3px; }
#body .form_contact label { font-size: 14px; }
#body .form_contact .captchaimg { width: 150px; }
#body .form_contact .cat_textbox { margin-top: 3px; }

#body .form_text_small { width: 100px; }
#body .form_text_medium { width: 200px; }
#body .form_text_large { width: 300px; }

#body .media_list { margin: 0 0 30px 30px; }

#body table.photogalleryTable td { padding: 10px; }

/* Footer */
#footer { width: 865px; height: 278px; padding-top: 27px; margin-left: auto; margin-right: auto; }
#footer_wrapper { width: 100%; height: 305px; margin-top: -305px; position: relative; clear:both; text-align: center; background: url(/Images/bgrnd_footer_01.jpg) repeat-x bottom center; }
#footer_copyright { width: 865px; height: 20px; text-align: center; clear: both; color: #ffffff; font-size: 13px; }
#footer_copyright a { color: #ffffff; }

/* Header */
#header { width: 865px; height: 200px; margin-left: auto; margin-right: auto; }
#header_logo { width: 401px; height: 89px; float: left; padding-top: 20px; }

#header_login { width: 349px; height: 64px; float: right; }
#header_login .contact_us { width: 169px; height: 64px; display: block; float: left; background: url(/Images/contact_button_01.png) no-repeat 0 0; }
#header_login .contact_us:hover { background: url(/Images/contact_button_on_01.png) no-repeat 0 0; }
#header_login .client_login { width: 180px; height: 64px; display: block; float: left; background: url(/Images/login_button_01.png) no-repeat 0 0; }
#header_login .client_login:hover { background: url(/Images/login_button_on_01.png) no-repeat 0 0; }

#header_topnav { width: 865px; height: 70px; padding-top: 21px; }

/*#header_topnav ul { list-style: none; margin: 0; padding: 0; }
#header_topnav ul li { display: inline-block; *display: inline; zoom: 1; padding: 0 25px 0 0; margin: 0; }
#header_topnav a { color: #55941c; font: normal 22px/23px Arial, Helvetica, Sans-serif; text-shadow: #3f6e15 1px 1px 1px; text-decoration: none; }
#header_topnav a:active, #header_topnav a:hover { color: #fff; text-decoration: none; }*/
#header_topnav a.current { color: #fff; text-decoration: none; }



/* -------- Item Specific CSS STYLES -------- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; }

.caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.caption img { margin: 5px !important; padding: 0 !important; border: 0 none !important; }
.caption p.caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.caption a { border: 0 !important }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */