/* CSS Document */
/* Townsville Business Womens Network */
/* Website design by Kim Miller of Mico Graphics */
/* Website developed by Katrina Youngman of Mojito Solutions */

html, body, div { margin: 0; padding: 0; border: 0; font-size: 100%; } 
body { line-height: 1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.8em; }
body { background: url(images/background.jpg) repeat-x  #6d0027; color: #666; }
hr { height: 1px; color:#333333; background-color:#666; border: 0; }
p { line-height: 1.5em; font-size:.9em; margin-top: 4px; }
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.9em; line-height: 1.3em; margin-bottom: 10px;}

a:link { color: #9c2323; text-decoration: none; border-bottom: dotted 1px #FF9933; }
a:visited { color: #9c2323; text-decoration: none; border-bottom: dotted 1px #FF9933; }
a:hover { color: #990000; text-decoration: none; border-bottom: dotted 1px #FF9933; }
a img { border: none;  }

/* Containers */
#wrapper-container { margin:auto; display: block; width: 962px; background-color:#FFF; margin-top: 12px; margin-bottom: 30px; padding-bottom: 10px; } /*might need to adjust width px to match design, also need rounded corners */ 
* html #header { width: 968px;}
#header { background: url(images/TBWN_Banner.gif) no-repeat #6d0027 center; width: 962px; height: 115px; padding-bottom: 10px } 
#navigation { height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; margin: 0; padding: 0; width: 962px; } 
* html #navigation { padding: 2px 3px 5px 3px; height: 37px; background-color: #CCC; }
#navigation li { display: inline; padding: 5px; font-size: 1em;}
#ajaxmenu { position: absolute;  margin-top: -7px; width: 962px; }

#main-content { padding: 32px; padding-top: 18px; padding-right: 0px; margin-top: 10px; height: auto;}
#footer { padding: 0 10px; text-align: center; font-size: 1em; line-height: 1.5em; clear: both; margin-top: -7px; padding-bottom: 10px; margin-bottom: -10px; }

#home-content { width: 560px; float: left; padding-bottom: 20px;  }
#front-photo { width: 350px; float: right; margin-top: 105px; overflow: hidden;   }
#sub-content { width: 880px; float: left; padding-bottom: 20px; padding-right: 20px;}
#sub-content  p { line-height: 1.5em; font-size:.9em; margin-top: 4px; margin-bottom: 20px; }
#livesearch { line-height: 1.6em; padding-left: 5px;} 
#contact-search-page a:hover{ font-weight: bold; padding: 2px;}

/* Heading styles */
h1 {color: #6d0027; font-size: 1.5em; font-weight: 600; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px;} 
h2 {color: #6d0027; font-size: 1.3em; font-weight: 600; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0;}
h3 { color: #6d0027; font-size: 1em; font-weight: 400; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 0;}
h4 { color: #6d0027; font-size: 1.2em; font-weight: 600; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 2px;}
#contact-search-page h2 { padding-bottom: 10px; }

/* Text styles */
.small-text { font-size: 90%;}
#status p{ background-color: #FFCC00; color: #000; padding: 5px; border: 1px dashed #FF9900; font-weight: bold;  }

/* Special Styles */
#thankyou { border: 1px dashed #FF9933; padding: 10px; background-color: #FFFF99; padding-bottom: 25px;  }
.errors { color: #000; ; background-color: yellow; padding: 5px;  }

#login-box { border: 1px solid #990000; float: right; margin-left: 20px; margin-right: 10px; margin-top: 10px; padding: 10px; padding-bottom: 20px; height: 120px; width: 270px;}
#login-box h2{ margin-top: 0; margin-bottom: 10px;  }
img.corner { width: 15px; height: 15px; border: none;  display: block !important;}
.managecontainer { overflow: auto; }
#fp-side { position: relative; top: 10px; right: 25px; height: 600px; float: right; }

/* Member navigation */
#member-navigation { float:right; }
#member-navigation li{ margin: 0; padding: 10px; display: inline; list-style: none; color: #FFF; }


/* Editor styles */ 
.image-left { float: left; padding: 15px; } 
.image-right { float: right; padding: 15px; }
.clear-floats { clear: both; }
.item-title { font-size: 1.3em; line-height: 1.5em; font-weight: bold; color: #FF9933; }

/* Layout styles */
#side-box { float: right; width: 230px; margin-top: 30px; }
#left-col { float: left; width: 570px;  }
#right-col {float:left; width: 270px;  margin-left: 20px; padding: 0 5px;  }


/* table styles */ 
#member-discounts { font-size: .9em; border-left: 1px solid #ccc; border-top: 1px solid #ccc; margin: 15px; width: 100%  }
#member-discounts td { text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px 6px 6px 12px; height: 40px; line-height: 1.5em;} 
.document-list td{  border-bottom: 1px solid #ccc; line-height: 1.5em; }
.table-col { font-weight: bold; color: #FF9966; }
#current-events table { margin-top: 10px; }
#current-events table td{ vertical-align: top; }
#current-events table td p{ margin-bottom: 5px;  }
#current-events table td li{ margin-bottom: 5px;  }
.option-layout { width: 200px; padding: 0; float: left; margin-top: 10px; }
.option-layout input.radio { float: left; margin-left: -220px;  }

.instructions { font-style: italic; }
#sub-content .col {position: relative; float: left; padding: 10px; }
#left {width: 400px; padding-right: 30px !important; border-right: 1px solid #eee; }
#right {width: 390px; padding-left: 30px !important;}
#bottom { clear: both; }
.eventimage { height: 300px; background: #eee; padding: 20px;}