/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.catoosachamber.com/
   TEMPLATE NAME:  Catoosa Chamber of Commerce
   DATE:           May-05th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body {
margin: 0;
padding: 0px;
height: 100%;
background: #e5dbc6 url('images/bg.jpg') no-repeat top center;
}

.line { border: none; border-bottom: 1px solid #4e5b28; height: 0px; margin: 0 auto }
.clear { clear: both; }

/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 80%; 
height: auto !important; 
height: 80%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
background: url(/images/mainbg.gif) repeat-y;
} 

/* --------------LABELS BUTTONS & FORMS-----------*/
label { font: bold 12px Georgia, "Times New Roman", Serif; color: #353535;}
 
#name, #name0, textarea {
width: 30em;
border: 1px solid #c1b294;
font: 12px 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 6px;
margin-bottom: 20px;
background-color: #e5dbc6;
overflow: auto
}
 
.button {
width: 6em;
font: bold 12px 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4c7032;
padding: 6px;
border: 1px solid #4c7032;
cursor: pointer
}

/* --------------HEADER------------- */
#header { background: url(/images/headbg.gif) no-repeat bottom center; height: 121px; width: 960px; margin: 0 auto}
#header .links { float: right; width: 750px; text-align: center; margin-top: 20px; padding-right: 30px}
#header .links ul { margin: 0px; padding:0px }
#header .links ul li { display: inline;}
#header .links ul li a { color: green; padding-right: 40px; font: 12px 'Trebuchet MS', Arial, Sans-serif; color: #448405;}

/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { width: 173px; height: 100px; float: left}
.logolink { background-image: url('/images/logo.gif'); background-repeat: no-repeat;}
.logolink a 

.marquee { float: right;  }
 
#swap { background-image: url(/images/logo.gif); }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */

/* --------------MISSION------------- */
#mission { margin-left: 10px; margin-right: 10px; margin-bottom: 4px; height: 339px; }

#mission .top { background: url(/images/missiondummy.jpg) no-repeat top center; height: 199px;}


#missionblocks { background: url(/images/missblocksbg.jpg) no-repeat top center; height: 140px; padding: 15px 0 0 10px;}


#missionblocks p {
padding: 0px 0px 18px 18px;
line-height: 20px;
font: 11px Lucida Sans Unicode, Helvetica, Arial, Sans-Serif;
color: #d9fdb5;
line-height: 160%;
text-align:justify
}

#missionblocks a {
color: #d9fdb5;
margin-left: 18px;
letter-spacing: 0px;
font: 23px Cambria, Georgia, Serif;
background: url(/images/bullet_mission.gif) no-repeat center left;
padding-left: 28px;
}

#missionblocks .block {
float: left;
width: 275px;
margin-right: 38px;
padding: 0px;
clear:right
}


#missionblocks .blocklast {
float: left;
width: 275px;
margin: 0px;
padding: 0px;
clear:right
}



/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin-right: 11px;
margin-left: 11px;
}

/* --------------HOME BOXES------------- */
#main .home { padding: 0px; margin-left: 0px; min-height: 230px; height: auto; margin-top: 15px;}

#fourblocks { padding: 11px 10px 0px0px; color: #61584d; height: 100%; height: auto; min-height: 100%; width: 960px; }
#fourblocks li { list-style-type: none}

#fourblocks .block a { color: #5a9e28; background: url(/images/bullet.gif) no-repeat center left; padding-left: 20px; margin-left: 12px; text-decoration: none;}


#fourblocks a:hover { text-decoration: underline}
#fourblocks p { padding: 0px 10px 18px 18px; line-height: 20px;}
#fourblocks img { background: url(/images/imgborder.gif) no-repeat; padding: 20px 30px 20px 13px;}

#fourblocks .block {
float: left;
width: 236px;
margin: 0px;
padding: 0px;
clear:right;
height: 240px;
margin-right: 10px;
font: 12px Georgia, "Times New Roman", Serif;
line-height:34px;
margin-left: -5px;
}

#fourblocks .holder { background: url(/images/boxbg.gif) repeat-y; height:180px; }
#fourblocks .chamber { background: url(/images/box_thechamber.gif) no-repeat; width: 236px; height: 68px;}
#fourblocks .business { background: url(/images/box_business.gif) no-repeat; width: 236px; height: 68px;}
#fourblocks .life { background: url(/images/box_life.gif) no-repeat; width: 236px; height: 68px;}

#fourblocks .bottom { width: 236px; background: url(/images/boxbottom.gif) no-repeat; height: 6px; }



/* --------------SUB PAGES------------- */
#main .content { 
padding: 10px; 
margin: 0px; 
margin-left: 236px; 
margin-top: 15px; 
min-height: 170px; /* Height of Background Img */ 
height: auto; 
background-color: white; 
margin-right: 14px;
border: 1px solid #daceb4;
margin-bottom: 20px;
}

#main .content h1 { font: 28px Georgia, "Times New Roman", Serif; margin-bottom: 14px; color: #4c7032; font-weight: lighter}

#main .content p {
font: 12px Georgia, "Times New Roman", Serif;
line-height:20px;
padding-right: 16px;
margin-bottom: 22px;
color: #383838;
}

 .content div {
font: 12px Georgia, "Times New Roman", Serif;
line-height:20px;
padding-right: 16px;
color: #383838;
}

#main .content img { border: 1px solid #daceb4; padding: 3px;}

#main .content a, #main .content strong { color: #4c7032;}

#main .navleft { float:left; width: 210px; padding: 0px; margin-left: 12px; color: #353535; margin-bottom: 20px }
#main .navleft h1 { font: bold 24px 'Trebuchet MS', Arial, Sans-serif;}
#main .navleft p, ul.leftcontact { font: 12px 'Trebuchet MS', Arial, Sans-serif; }
#main .navleft ul { margin: 0px 0px 10px 2px;}
#main .navleft .house  { background: url(/images/icon_home.gif) no-repeat; list-style-type: none; padding-left: 26px;}
#main .navleft .phone  { background: url(/images/icon_phone.gif) no-repeat; list-style-type: none; padding-left: 26px;}
#main .navleft .fax  { background: url(/images/icon_fax.gif) no-repeat; list-style-type: none; padding-left: 26px;}

#main .navleft .links ul { background-color: white; padding: 10px; border: 1px solid #daceb4; margin-bottom: 25px; }
#main .navleft .links li { list-style-type: none; }
#main .navleft .links a { color: #5a9e28; background: url(/images/bullet.gif) no-repeat center left; padding-left: 5px; line-height: 30px; text-decoration: none;}
#main .navleft .links a:hover { text-decoration: underline; visibility: visible}


#main .navleft .links ul ul li a {padding: 0px; border: 0px; margin: 0px; color:black; line-height: 0px; margin-left: 10px; line-height: 14px;}
#main .navleft .links ul ul { border: 0px; margin: 0px; font: 12px 'Trebuchet MS', Arial, Sans-serif; background: url(/images/icon_arrow.gif) no-repeat center left; margin-left: 4px;}


/* --------------MARQUEE TABLE------------- */

#tableMarquee { border: 2px solid #4C7032; background-color: white }
#tableMarqueeBlank { border: 0px !important }


/* --------------SPONSORS TABLE------------- */

#table1 { margin: 0px; padding: 0px 0px 0px 0px; border: 1px solid #daceb4;  width: 210px; background-color: white; margin-bottom: 0px; text-align: center }
#table1 td, tr { border: none; margin: 0px; padding: 0px; width: 1%; }
#table1 img { border:none; padding: 0px; }
#table1 a { cursor: pointer; color: #5a9e28; text-decoration: underline}



/* --------------MEMBERSHIP------------- */
#membership, #membership0 { border: 1px solid #daceb4}
#membership table, tr, td, #membership0 table, tr, td { border: 0px; font: 12px Georgia, "Times New Roman", Serif; line-height:20px; padding: 6px; border: 1px solid white }
#membership tr .head, #membership0 tr .head { background-color: #4c7032; text-align: center}
#membership h2, #membership0 h2 { color: #4c7032; font-size: 18px; text-align: center}
#membership tr, #membership0 tr { background-color: #f2efe5}


/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer { background: url(/images/footbg.gif) no-repeat top center; height: 94px; height: auto;}
#footer .content {width: 960px; margin: 0 auto; position: relative; padding-top: 20px;}


/* --------------FOOTER LINKS------------- */
#footer ul { padding: 10px 10px 10px 0px; }
#footer .links ul { margin: 0px; padding: 0px;}
#footer .links li { display: inline; list-style-type: none;}
#footer .links li a { color: #000; text-decoration: none; padding: 0px 30px 0px 0px; font: 11px 'Trebuchet MS', Arial, Sans-serif; }
#footer .links li a:hover { text-decoration: underline; }

/* --------ASC LINKS--------- */
#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: block; list-style-type: none;}

#footer .asc li a {
color: #353535;
text-decoration: none;
padding: 0px 10px 0px 0px;
font: 11px 'Trebuchet MS', Arial, Sans-serif; 
line-height: 20px;
}


/* --------------FOOTER SEO LINKS------------- */
#footer .seo {
height: auto;
text-align: left;
min-height: 100px;
width: 750px;
font: 8pt 'century gothic', Sans-Serif;
}
 

#footer .seo a {
color: #6e4a2f;
text-decoration: none;
font: 8pt 'century gothic', Sans-Serif;
}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }