/*
Theme Name: ctoast
Theme URI: http://www.cherokeetoastmasters.com/
Description: The Cherokee Toastmasters website theme.
Version: 1.0
Author: Jaye Speaks
Author URI: http://www.jspeaks.com/
Tags: toastmasters, club 
*/

@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0px; padding:0px; font-family:  Arial, Tahoma, Helvetica,sans-serif; font-size:0.8em; color:#353535; font-weight:normal;}

h2{font-size:140%;font-weight:bold; color:#032473; margin:3px 0; padding:5px 0;}
h3{font-size:120%!important;font-weight:bold; color:#032473; margin:5px; padding:2px 0;}

table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#005cc0;}
a:hover{ color:#000; }
a:focus {outline: none;}
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
p{ margin:5px}

/* -----------------------------------------------
2. PAGE SETUP
----------------------------------------------- */
#page_wrapper{ width:96%; margin:5px auto}
#wrapper{ margin:0; padding:0px; width:100%}
div.round {background: url(images/bot_round_right.gif) 100% 100% no-repeat;margin:0px;padding:0px;}
div.round .b_left {background: url(images/bot_round_left.gif) 0 100% no-repeat;}
div.round .t_right {background: url(images/top_round_right.gif) 100% 0 no-repeat;}
div.round .top_left {background: url(images/top_round_left.gif) 0 0 no-repeat;padding:125px 7px 72px 0px;}
.box_large{ width:auto; margin:0  0 0px 21px}

/*HEADER*/
.logo{ width:106px; float:left; padding:11px 0 0 25px}
 h1{font-size:2.0em;font-weight:bold; color:#fff; margin:3px 0; padding:45px 0 0 30px; font-family:Georgia, "Times New Roman", Times, serif; width:50%; float:left}
 .earth{ width: 110px; float:right;  padding:20px 12px 0 0px}

 /* -----------------------------------------------
 3. TOP NAVIGATION
 ----------------------------------------------- */
 .top_navigation{ width:650px; float:left; position: absolute; padding:90px 0px 0 300px; _padding:90px 0 0 0px/*For IE*/; top:10px; right:180px; _right:200px   }
 .top_navigation ul { margin:0px; padding:0px; list-style-type:none; margin:0 0 0 90px}
 .top_navigation ul li{ float:left; width:auto; padding:5px 10px; background:url(images/separator.gif) left  center no-repeat}
 .top_navigation ul li a{ color:#fff; font-weight:bold; }
 .top_navigation ul li a:hover{ color:#ff0000}
 /* -----------------------------------------------
 4. MAIN IMAGE
 ----------------------------------------------- */
 .image_main{ background:url(images/image_main.jpg) 11px 4px no-repeat; width:100%; position:relative; clear:both; float:left; padding:160px 0 0 0; clear:both }
 /*.speaker_right{  background: url(images/pic_speaker.gif) left top no-repeat;}*/
 .image_main img{ float:right; margin:-141px 0 0 0px; padding:0px 20px 0 0}
 /* -----------------------------------------------
 5. CONTENT
 ----------------------------------------------- */
 #main_content{  width:99%; height:auto; clear:both; _clear: none; padding:0}

 /*LEFT*/
 #leftcolumn{ padding:0px; width:200px; float:left; height:auto}
 #leftcolumn p{ margin:5px 0; padding:0 0 5px 0}
 .left_navigation{ width:100%; float:left}
 .left_navigation ul{ margin:0px; padding:0px; list-style-type:none}
 .left_navigation ul li { padding:0px; height:35px}
 .left_navigation ul li a{ display:block; background:url(images/menu.gif) left 0px no-repeat; height:33px; padding:8px 0 0 25px;_padding:6px 0 0px 25px/*For IE*/;_height:30px; color:#fff; font-weight:bold; text-transform:capitalize}
 .left_navigation ul li a:hover{ background-position:0% -45px; color:#fff}
 #current_m{background-position:0% -45px; color:#fff }
 .box_left{ width:100%; display:block; margin:10px 0 0 0px; float:left}

 /*MAIN CONTENT*/
 .content{ margin:200px; margin:0 170px 0 200px; padding:0 0 0 10px}
 .title{ border-bottom:solid 1px #032473}
 ul{ margin: 5px 10px; padding:0 0 0 25px}
 blockquote{ margin:3px 0 0 30px}
 /*RIGHT*/
 .rightcolumn{ width:165px;float:right; margin:0px; padding:0px; }

 .right_top{ background:url(images/right_top.gif) left top no-repeat; height:65px; width:165px; }
 .right_top h2{ margin:0px ; padding:45px 0 0 0; display:block; font-size:120%;font-weight:bold; color:#032473; width:100%; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center}

 .box_right { width:100%; height:auto; padding:5px 0 65px 0px; background:#ebebf5; margin:0px; clear:both}
 .box_right p{ margin:0px 4px 0 14px  ; padding:8px 3px; color:#343434}
 .box_right_bot{ width:100%; background:url(images/right_bott.gif) left top no-repeat; height:85px; float:right }

 /*right extended*/
 .rightcolumn_ext{ width:25%;float:right; margin:0px; padding:0px; }
 .right_top_ext{ background:url(images/right_top_ext.gif) left top no-repeat #ebebf5; height:38px; width:100%; }
 .right_top_ext h2{ margin:0px auto ; padding:20px 0 5px 0; display:block; font-size:120%;font-weight:bold; color:#032473; width:90%; font-family:Geneva, Arial, Helvetica, sans-serif; text-align:center; }
 .box_right_ext { width:100%; height:auto; padding:0px 0 65px 0px; background:#ebebf5; margin:0px; clear:both}
 .box_right_ext p{ margin:0px 4px 0 14px  ; padding:8px 3px; color:#343434}
 .box_right_bot_ext{ width:100%; background:url(images/right_bott.gif) left top  repeat-x; height:85px; float:right }

 /*bottom images*/
 .bot_images{ clear:both; width:100%; background:url(images/speakers_w1.jpg) center  0px no-repeat; height:129px; margin:0 auto -1px auto }
 .bot_images1{ clear:both; width:100%; background:url(images/speakers_w2.jpg) center  0px no-repeat; height:129px; margin:0 auto -1px auto }

 .bot_images2{ clear:both; width:100%; background:url(images/speakers_m.jpg) center  0px no-repeat; height:129px; margin:0 auto -1px auto }

 /* -----------------------------------------------
 6. FOOTER
 ----------------------------------------------- */
 #footer{ clear:both; width:100%;color:#fff;  position:absolute; font-size:85%; margin:-65px 0 0 0; font-size:85%}
 .footer_in{ width:90%; margin:0 auto}

 .copyright{ width:52%; float:left; display:block; margin:0 5px ;   }
 .copyright p{ margin:0px; padding:0px}
 .addr{ width:40%; float:left; color:#fff; display:block; margin:2px 0 0 6%; text-align:right}

 .footer_navigation{ width:auto; float:left; margin:5px 0 0 0  }
 .footer_navigation ul { list-style-type:none; margin:0px ; padding:0px 0 0 0px}
 .footer_navigation ul li{ float:left; }
 .footer_navigation ul li a{color:#fff; border-right:solid 1px #fff; padding:0 3px 0  }
 .footer_navigation ul li a:hover{ color:#FF0000}
 .no_bor{ border:none!important}


 /*additional  left graphics*/
 .met_notes{ background:url(images/meeting_notes.gif) left top no-repeat; width:auto; height:30px; padding:6px 0 0 33px; font-size:110%}
 .about_us{ background:url(images/about_us.gif) left top no-repeat; width:auto; height:30px; padding:6px 0 0 33px; font-size:110%}
 .schedule{ background:url(images/schedule.gif) left top no-repeat; width:auto; height:30px; padding:6px 0 0 33px; font-size:110%}
 .resources{ background:url(images/resources.gif) left top no-repeat; width:auto; height:30px; padding:6px 0 0 33px; font-size:110%}
 .contact{ background:url(images/contact.gif) left top no-repeat; width:auto; height:30px; padding:6px 0 0 33px; font-size:110%}