/*

Site: Atlanta ALA
Design: Ben Gillin for Schipul The Web Marketing Company
Build: Lyndia Makol for Schipul The Web Marketing Company
URL: http://www.atlanta-ala.com/

*/

/* = TENDENCI STYLES ****************************************************************************************/

.titles {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #274F32;}
.subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #666666;}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#333;}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #993300}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}
div#skiptocontent {position: absolute; left: -9999px;}
#showh { position: relative; width: 45em; height: 70px; width: 45em; font-size: 10px; margin-top:10px;}
#primary{position: relative;top:0px;}
p.cev-legend{display:none;}

/* ****************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
                margin: 0;
                padding: 0;
                } 
                
a img { border: none; }
a { outline: none; }

body { font: 12px/1.4em Arial, Helvetica, sans-serif; color: #696969; background: url(../images/bg.jpg) top left repeat-x; }

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #0066a4; margin-bottom: 10px; } 
h1 { font-size: 26px; line-height: 30px; font-variant:small-caps; font-weight:bold; }
h2 { font-size: 22px; line-height: 28px; }
h3 { font-size: 18px; line-height: 22px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

p { margin-bottom: 10px; color:#696969; font-size:12px; displ}

a { color: #6ec930;  }
a:hover { text-decoration: none; }
a:active { }
a:visited { }

.section-titles {display:block; text-indent:-9999px; }
.bottom-link {float:right; font-size: 10px; text-decoration:none; color:#696969}
.bottom-link a:hover {text-decoration: underline;}
/* STRUCTURE */

#container {width: 980px ; margin: 0 auto;}
#header-area {width: 980px; position:relative; height: 157px ; z-index:888; }
#logo {width: 338px; position:absolute; }
#top-address { width: 355px; position:absolute; height: 49px; display:block; top: 13px; right: 0; text-align:right;}
#login-search { width: 355px; position:absolute; height: 51px;display:block; top: 62px; right: 0;}
#loginbox {display:none; float:left; display:block; position:absolute; right: 156px; top: 96px; z-index:999;}
#search { width: 220px; height: 31px; background:url(../images/search-bg.jpg) top left no-repeat;}
#top-nav { width: 620px; position:absolute; height: 32px;display:block; top: 124px; right: 0; z-index: 777;}
#nav {width: 964px; background:url(../images/nav-bg.png) top left no-repeat; margin: 0 auto; height:41px; }

#stories-events{ width: 980px; position:relative; height: 326px; display:block;}


#upcoming-events {width:291px; height:271px; background:url(../images/events-bg.png) top left no-repeat;float:right; margin:30px 10px 0 0;  }
#upcoming-events h2 {background:url(../images/title-upcoming-events.png) top left no-repeat; width: 220px; height: 36px; margin: 20px 0 0 20px; padding:0;}
#events-feed { width: 250px; margin: 0px auto; color:#fff;}
#events-feed p {color:#fff;}
#events-feed a {color: #fff;}
#events-feed ul, #events-feed ul li, #events-feed ul li a {margin: 0 ; padding: 0;}
ul.calendarevents-top ul li {margin: 0; padding: 0;}
#events-feed li a.url  { background-image: none;
    border-bottom: 1px solid #fff;
    display: block;
    font-weight: normal !important;
    padding: 10px 0 10px 0;
    text-decoration: none;
	margin:0;}
	
#events-feed li a.url:hover {text-decoration:underline;}
.vevents {display:block; margin: 0; padding: 0;}

#events-feed ul li a  {  padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #fff;}

#content-area {width: 922px; background:url(../images/content-bg.png) top left repeat-y; padding:0 29px 20px 29px;  }

#home-left-col {width: 268px ; float:left; padding-top:22px;}
#business-partners {width:268px; margin-bottom:20px; }
#business-partners h2 {background:url(../images/title-partners.jpg) top left no-repeat; width: 238px; height:32px; margin:0; padding:0;}
#business-partners a {text-align:right; }
a#business-partners-link { background:url(../images/btn-become-partner.png) top left no-repeat ; width: 253px; height:27px; display:block; text-align:left; color:#fff; text-decoration:none;text-shadow:-1px 1px #999; font-weight:bold; padding:5px 0 0 15px; font-size:13px;}
a#business-partners-link:hover {text-decoration:underline;}
#partner-logos {width: 268px; margin: 15px 0; }

#spotlight {width:268px; }
#spotlight h2 {background:url(../images/title-spotlight.jpg) top left no-repeat; width: 130px; height:33px; margin:0; padding:0;}
#spotlight-logo {width: 268px; margin: 15px 0;}
#spotlight-content {width: 268px; border-top: 1px solid #fed296; padding-top: 16px;}

#home-right-col {width: 625px ; float:right ; }
#member-benefits {width: 610px; background-color:#FEF2DA; padding: 22px 0 22px 15px; margin-bottom:20px; }
#member-benefits h2 {background:url(../images/title-member-benefits.jpg) left top no-repeat; width: 280px; height:32px;}
#member-benefits-content {width: 610px;}
#member-benefits-content ul { padding: 0 0 0 10px; margin: 0 0 10px 2px ;}
#member-benefits-content ul li {color:#0057ab; padding: 0 0 5px 0; margin: 0 ;}

#articles {width: 262px ; float:left; margin-left: 20px;}
#articles h2 {background:url(../images/title-news.jpg) left top no-repeat; width: 216px; height:40px;}
#articles-content {width: 262px;}
#articles-content li {background: none; margin: 0 0 10px ; border-bottom: 1px solid #fda52e ; padding: 0 0 10px 0 ;}
#articles-content li a {color:#696969; text-decoration:none;}
#articles-content li a:hover {color:#696969; text-decoration:underline;}
#right-articles {width:  304px; float:right;}


#photos {width: 290px ; margin-bottom:10px; }
#photos h2 {background:url(../images/title-photos.jpg) left top no-repeat; width: 216px; height:30px;}
#photos-content {width: 290px;}
.photo-tn { float:left; margin: 0 20px 8px 0; box-shadow:-1px 1px 3px #000;  }

#contact-us {width: 304px ; }
#contact-us h2 {background:url(../images/title-contact.jpg) left top no-repeat; width: 216px; height:33px;}
#contact-us-content {width: 304px; }

#footer-wrap {width: 100% ; height: 148px; background: #0057ab; padding: 20px 0; }
#footer-area {width: 962px; margin: 0 auto ;}
#footer-top {width: 962px; background:url(../images/footer-top.jpg) top left no-repeat ; height:21px; }
#footer-content {width: 942px; padding: 0 10px; background: #fff;}

#footer-links {width: 318px; margin: 15px 20px; float:left;}
#footer-links a {font-size:10px; color:#696969;}
#footer-btm {width: 962px; background:url(../images/footer-btm.jpg) top left no-repeat ; height:21px; }
/*********stories********/
#stories-area {width: 735px ; height: 308px; float:left; margin-left: -70px; display:block; position:relative; }

.stories {display: block; width: 735px; height: 308px;font-family: Arial, Helvetica, sans-serif; z-index:1; overflow:hidden;  margin: 0 0 0 0;  }
.story-item { width: 735px; display:block;  background:url(../images/story-bg.jpg) top left transparent;height: 308px; margin: 0; padding:0;position:relative;}
.story-item img { padding:0;border:0px; z-index: 888;   }
.image-header { display:block;width: 265px; height:265px; float:left;overflow: hidden !important; position:absolute;top: 20px; left: 90px;}
.story-content {width: 356px ; float:right; color:#fff;border-bottom: 2px solid #febe4a; z-index: 999; font-weight:bold; background:none; position:absolute;top: 20px; right: 0px;}
.story-content p {color:#fff;font-weight:bold;}
.story-content h1 {color:#fff;  font-size: 26px; text-shadow:-1px 1px #333; border-bottom: 2px solid #febe4a;  padding-bottom: 20px;}
a.stories-link {background:url(../images/btn-read-more-png) top left no-repeat; width:111px; height:29px; text-indent:-9999px; display:block; margin-top: 10px;}
story-content a {color: #badff0;}
.story-content a:hover {color:#ccc; text-decoration:underline}

a.stories-link {background: url(../images/btn-read-more.png)  top left no-repeat; width:145px; height:48px; text-indent:-9999px; display:block; margin-top: 10px;}
		
		#nav-stories {
			display: block; 
			height: 15px; 
			padding: 5px 10px 0 0;
			position:absolute; 
			width: 190px; 
			bottom: 25px; 
			font-size:12px;
			z-index: 999;
			bottom:24px;
			right:0;
			}
			
			#nav-stories a { 
			display: block; 
			float: left; 
			margin-right: 5px;
			text-align: center; 
			text-decoration: none; 
			color:#e1e1e1; 
			font-weight:bold;
			background:#FEB640; 
			margin-bottom:5px; 
			padding: 2px 5px;
			}
			#nav-stories a.activeSlide { background-color:#62BD3A;
			color: #fff; }



/*********Template********/
#template-content{ width: 980px;}

#template-left-col {width: 722px; float:left; padding: 30px 20px; background:url(../images/template-content-bg.png) top left repeat-y; min-height: 550px ; }
#bodycontent {width: 700px ; margin: 0 0 0 10px;}

#template-right-col {width:201px; margin: 0 0 0 10px; float:right; }

#template-upcoming-events {width:217px; height:271px; background:url(../images/events-bg-template.png) top left no-repeat; margin: 20px 0 40px 0; padding-top:10px; }
#template-upcoming-events h2 {background:url(../images/title-upcoming-events-template.png) top left no-repeat; width: 160px; height: 20px; margin: 20px 0 0 20px;}
#template-events-feed { width: 181px; margin: 10px auto; color:#fff;}
#template-events-feed p {color:#fff;}
#template-events-feed a {color: #fff;}
#template-events-feed ul, #template-events-feed ul li, #template-events-feed ul li a {margin: 0 ; padding: 0;}
ul.calendarevents-top ul li {margin: 0; padding: 0;}
#template-events-feed li a.url  { background-image: none;
    border-bottom: 1px solid #fff;
    display: block;
    font-weight: normal !important;
    padding: 7px 0 10px 0;
    text-decoration: none;
	margin:0;}
	
#template-events-feed li a.url:hover {text-decoration:underline;}
.vevents {display:block; margin: 0; padding: 0;}

#events-feed ul li a  {  padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #fff;}

#template-articles {width: 182px ; margin-bottom:46px}
#template-articles h2 {background:url(../images/title-news-template.jpg) left top no-repeat; width: 161px; height:25px;}
#articles-content-template {width: 182px;}
#articles-content-template li {background: none; margin: 0 0 10px ; border-bottom: 1px solid #fda52e ; padding: 0 0 10px 0 ;}
#articles-content-template li a {color:#696969; text-decoration:none;}
#articles-content-template li a:hover {color:#696969; text-decoration:underline;}

#template-business-partners {width:168px; margin-bottom:20px; }
#template-business-partners h2 {background:url(../images/title-partners-template.jpg) top left no-repeat; width: 238px; height:32px; margin:0; padding:0;}
#template-business-partners a {text-align:right; }
a#template-business-partners-link { background:url(../images/btn-become-partner.png) top left no-repeat ; width: 253px; height:27px; display:block; text-align:left; color:#fff; text-decoration:none;text-shadow:-1px 1px #999; font-weight:bold; padding:5px 0 0 15px; font-size:13px;}

.clear { clear: both; }