@import "/alabama/styles/import.css";

/* basic
****************************************************************************************************************/
body{margin:0; font:12px/18px Tahoma, Geneva, sans-serif; color:#000; min-width:960px; background: url(/alabama/images/bg.gif) repeat-x #205489}
img{border-style:none}
form{margin:0; padding:0; border:none}
a{color:#205489; text-decoration:none; outline:none}
a:hover{text-decoration:none; color:#bb2323}
input,textarea, select{font:100% arial,sans-serif; vertical-align:middle}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* container
****************************************************************************************************************/
#main-container{width:100%; overflow:hidden; position:relative}
.mc-holder-1{width:1500px; position:relative; float:left; left:50%}
.mc-holder-2{width:1500px; position:relative; float:left; left:-50%}

/* wrapper
****************************************************************************************************************/
#wrapper{margin:0 auto; width:1500px; background:url(/alabama/images/bg-trees.jpg) no-repeat 0 24px }
#wrapper-shadow {margin:0 auto; width:1017px; background:url(/alabama/images/bg-nav_full.png) no-repeat 0 122px}
.inner{width:960px; margin:0 auto}

/* header
****************************************************************************************************************/
#header{width:100%; background:url(/alabama/images/bg-header.png) no-repeat; overflow:hidden; height:161px; position:relative}
#header h1{margin:0}

/* logo */
#header h1 a {background:url(/alabama/images/logo.png) no-repeat; display:block;  margin:0; text-indent:-9999px; height:39px; width:632px; margin:58px 0 0 160px; overflow:hidden}

#navcontainer { position:absolute; left:0; bottom:0;  overflow:hidden; height:39px; overflow:hidden; width:960px}


/* navigation */
#nav{height:43px; width:726px; display:inline}
#nav ul{margin:1px 0 0 0; padding:0; list-style:none; }
#nav li{float:left; margin:0 0 0 0; padding:0 8px 0 15px; background:url(/alabama/images/nav-divider.gif) no-repeat 0 14px}
#nav li.nav-start {background:none; margin-left:0; padding-left:0}
#nav a{display:block;overflow:hidden; text-decoration:none; font-size:12px; font-weight:bold; color:#fff; padding:7px 18px 9px 18px; line-height:18px; text-indent:-9999px; background:none;}



#nav a.nav-home{background:url(/alabama/images/nav-home.gif) no-repeat 0 0 ; width:35px; height:37px; text-indent:-9999px; padding:0; margin:0 2px 0 3px}
#nav a.nav-communications{background: url(/alabama/images/nav-commnctns.gif) no-repeat 0 0 ; width:161px; height:37px; text-indent:-9999px; padding:0; margin:0}
#nav a.nav-involved{background: url(/alabama/images/nav-gt_invlvd.gif) no-repeat 0 0 ; width:128px; height:37px; text-indent:-9999px; padding:0; margin:0}
#nav a.nav-directory{background: url(/alabama/images/nav-drctry.gif) no-repeat 0 0 ; width:99px; height:37px; text-indent:-9999px; padding:0; margin:0}
#nav a.nav-resources{background:url(/alabama/images/nav-rsrcs.gif) no-repeat 0 0 ; width:105px; height:37px; text-indent:-9999px; padding:0; margin:0}
#nav a.nav-about{background: url(/alabama/images/nav-abt.gif) no-repeat 0 0 ; width:70px; height:37px; text-indent:-9999px; padding:0; margin:0}

#nav a:hover{ background-position: 0 -34px; }


/* search */
.search { width:222px;height:34px; float:right; display:inline; margin:7px 10px 0 0;}
#search {width:174px; height:16px; border:none; background:#fff; font-size:13px; padding: 2px 0 2px 2px; line-height:18px; color:#205489}
#btn-search {margin:1px 0 0 7px; line-height:18px}



/* content / Sidebar layout
****************************************************************************************************************/
#content{width:960px; overflow:hidden; padding:0 0 15px 0; background: url(/alabama/images/btn-bg.gif) 714px 0 repeat-y #fff}
.sidebar {width:240px; overflow:hidden; padding:0; float:right; margin:0;  line-height:18px; display:inline; overflow:hidden}



/* main
****************************************************************************************************************/
.main{width:714px; float:left; overflow:hidden; margin:0; }
.body-content{overflow:hidden; padding: 20px 25px 25px 25px; background-color: #fff;}
.body-content h1 {color:#0066CC; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.body-content h2 {color:#003366; letter-spacing:.08em; font-family:Georgia, "Times New Roman", Times, serif;font-size:25px; text-shadow:1px 1px 3px #ccc; margin-top:15px; font-weight:normal; text-transform: uppercase}

.body-content ul {margin-right:20px}
.body-content ul li {margin-bottom:10px}

.home-content {overflow:hidden; padding:0}

.body-content blockquote {border-left: 1px dotted #069; border-right: 1px dotted #069; border-top: 1px solid #069; border-bottom: 1px solid #069; width: auto; margin: 20px; padding: 3px; background-color: #D9ECFF; background-position: bottom right; background-repeat: no-repeat;} 


/* sidebar
****************************************************************************************************************/
.sidebar {background-color: #fff;}
.sidebar div {margin:12px 0 0 6px;  width:222px; overflow:hidden}
.sidebar ul, .sidebar ul li {margin:0; padding:0; list-style:none; font-size:12px}


/* sidebar menu */
.sidebar .menu{ background:url(/alabama/images/btn-bg.gif) top left repeat-x; padding:0; list-style:none; height:231px}
.sidebar .menu ul {padding:6px 0 3px 0;  background:url(/alabama/images/btn-bg.gif) bottom left repeat-x;}
.sidebar .menu li{margin:0 0 3px 0}
.sidebar .menu a{display:block; text-indent:-9999px; overflow:hidden; height:34px; width:222px}
a.contribute-btn{background:url(/alabama/images/btn-contribute.gif) no-repeat}
a.spread-btn{background:url(/alabama/images/btn-spread.gif) no-repeat}
a.local-btn{background:url(/alabama/images/btn-local.gif) no-repeat}
a.calendar-btn{background:url(/alabama/images/btn-calendar.gif) no-repeat}
a.volunteer-btn{background:url(/alabama/images/btn-volunteer.gif) no-repeat}
a.store-btn{background:url(/alabama/images/btn-store.gif) no-repeat}
a.register-btn{background:url(/alabama/images/btn-register.gif) no-repeat}

.sidebar .menu a:hover{background-position:0 -34px}


/* form for join */
.sidebar .join-form {  background: #bcd3ea; height:116px; overflow:hidden; padding:0}
.sidebar .join-form form {margin:0; padding:0}
.sidebar .join-form label.label-email { background:url(/alabama/images/join-hd.gif); display:block; text-indent:-9999px; margin:10px 0 10px 10px; padding:0; width:202px; height:30px}

.sidebar .join-form input {border:none; margin:0 10px 10px 10px ; height:18px;  font-size:14px; padding: 2px 0 0 2px; color:#205489;}

/* connect block */
.sidebar .connect {background: url(/alabama/images/btn-bg.gif) left bottom repeat-x; height:55px; padding-bottom:3px;  width:221px}
.sidebar .connect h2{text-indent:-9999px; margin:0; padding:0; background: url(/alabama/images/hd-connect.gif) no-repeat;  height:18px;}
.sidebar .connect ul {margin:0; padding:0}
.sidebar .connect ul li {float:left; height:32px; width:32px; margin-left:10px; padding:0}
.sidebar .connect ul li a {display:block; height:32px; width:32px; text-indent:-9999px}

.sidebar .connect ul li a.lnk-twt {background:url(/alabama/images/icons/lnk-twt.png) no-repeat}
.sidebar .connect ul li a.lnk-del {background:url(/alabama/images/icons/lnk-del.png) no-repeat}
.sidebar .connect ul li a.lnk-fb {background:url(/alabama/images/icons/lnk-fb.png) no-repeat}
.sidebar .connect ul li a.lnk-flk {background:url(/alabama/images/icons/lnk-flk.png) no-repeat}
.sidebar .connect ul li a.lnk-yt {background:url(/alabama/images/icons/lnk-yt.png) no-repeat}


/* twitter block
****************************************************************************************************************/
.sidebar .twitter{background: url(/alabama/images/twt-bg.gif) 6px 0 repeat-y; width:233px;  overflow:hidden; margin:14px 0 0 0; padding:0}
.sidebar .twitter div {margin:0; padding:0}
.sidebar .twitter h2{text-indent:-9999px; margin:0; padding:0; background:url(/alabama/images/twt-hd.gif) no-repeat; height:35px}
.sidebar .twitter ul {margin:0; padding:10px 10px 5px 10px}
.sidebar .twitter ul li {margin:0 0 10px 10px; line-height:18px;width:100%;  color:#205489;}
.sidebar .twitter .twt-bot {background: url(/alabama/images/twt-bg-bottom.gif) 6px bottom no-repeat; margin:0; padding:0; height:1px; width:233px }

/* date */
.twitter .date {color:#929292; display:block; font-style:normal; font-size:11px}

/* links */
.twitter a {text-decoration: underline;}



/* footer
****************************************************************************************************************/
#footer{width:100%; overflow:hidden; padding:15px 0 10px 1px; color:#756d59 }
.footer-l {float:left; color:#fff; display:inline}
.footer-r {float:right; color:#fff; display:inline; text-align:right}
#footer p {margin-top:0; color:#fff }
#footer a {color:#84bffc; font-weight:bold}


/* HOMEPAGE
****************************************************************************************************************/

div.home#content {background-image:none; background-color:#fff}


/* billboard */
.visual-wrap { overflow:hidden; background: url(/alabama/images/vis-bg-capitol.jpg) bottom right no-repeat #205489; overflow:hidden; margin:12px; width:702px; height:231px}
.visual { background:#fff; float:left; margin:14px 0 14px 14px; padding:8px; display:inline }

/* caption */
.vis-story { background:url(/alabama/images/vis-bg.gif) bottom left repeat-x; margin:14px; color:#fff; font-size:13px; line-height:20px; float:right; width:330px; height:201px}
.vis-story h2 {background:url(/alabama/images/vis-bg.gif) top left repeat-x; padding:13px 3px 0 3px; margin:0; font-family:"Times New Roman", Times, serif; font-size:18px; text-transform:uppercase; font-weight:normal; letter-spacing:.03em; line-height:22px; color: white; text-shadow: none;}
.vis-story p {margin:5px 0 14px 0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:22px; padding:0 3px}
.vis-story a {color:#fff; text-decoration:underline;}
.vis-story a:hover {text-decoration:underline; color:#bb2323}
.readmore {padding-right:5px; margin-top:15px}
.readmore a { background:url(/alabama/images/vis-read-more.gif) top left no-repeat; display:block; width:85px; height:19px; text-indent:-9999px; float:right}


/* Top stories, upcoming events and latest news blocks */
.three-columns{overflow:hidden; padding:0;}

.main .stories, .main .events, .main .news{width:228px; overflow:hidden;  margin:0 0 0 12px; float:left; display:inline}
.main .stories {width:222px;}


.main .stories h2, .main .events h2, .main .news h2{margin:0; text-indent:-9999px; height:36px; padding:0}
.main .stories h2{background:url(/alabama/images/hd-stories.gif) no-repeat; }
.main .events h2{background:url(/alabama/images/hd-events.gif) no-repeat;}
.main .news h2{background:url(/alabama/images/hd-news.gif) no-repeat; }


.main .box { margin:7px 0 7px 7px; padding-bottom:10px; width:212px;  border-bottom:1px solid #9fb7cf}

.eventBox { border-bottom:1px solid #9fb7cf; margin-bottom: 10px;}

/* title */
.main .box a.title, .eventBox a.title  {color:#124773; font-family:"Times New Roman", Times, serif; font-size:14px; text-transform:uppercase; line-height:14px}
.main .box a.title:hover em, .eventBox a.title:hover em, .stories .box .title:hover strong{color:#bb2323;}, 
.events .box .title:hover strong{color:#bb2323;}
.main .box a.title strong, .eventBox a.title strong {font-size:13px;line-height:20px}

/* paragraph */
.main .box p {margin:5px 0 5px 0}


/* date */
.main .box .title em, .eventBox em {color:#5282aa; display:block; font-style:normal; font-size:11px; line-height:16px;  font-family:Tahoma, Geneva, sans-serif; font-weight:normal}



/* stories box
*****************************************/
.main .stories .box {width:206px;}
.more{font-size:12px; font-weight:bold;  margin:0}
.main .links-extra {border:none; height:22px;}
.main .links-extra a.blog {display:block; float:left; width:68px; height:12px; text-indent:-9999px; background:url(/alabama/images/lnk-ex-blog.gif) 0 4px no-repeat; padding-top:4px}
.main .links-extra a.more-news {display:block; float:right; width:88px; height:20px; text-indent:-9999px; background:url(/alabama/images/lnk-ex-morenews.gif) no-repeat}

/* events box
*****************************************/
.main .events .box {width:212px;}

.info {font-size:12px; font-weight:bold;  margin:0; padding:0}
.info a{color:#bb2323}
.info a:hover {color:#205489}

.main .links-extra {border:none; height:22px;}
.main .links-extra a.submit-event {display:block; float:left; width:113px; height:13px; text-indent:-9999px; background: url(/alabama/images/lnk-ex-event.gif)0 4px no-repeat; padding-top:4px}
.main .links-extra a.link-calendar {display:block; float:right; width:80px; height:20px; text-indent:-9999px; background:url(/alabama/images/lnk-ex-calendar.gif) no-repeat}



/* latest news box
*****************************************/
.main .news .box {border:0}
.news .box ul {margin:0; padding:0; list-style:none}
.news .box ul li { background:url(/alabama/images/news-bllt.gif) 0 7px no-repeat; margin:0 0 7px 0; padding:0 0 7px 15px;  border-bottom:1px solid #9fb7cf }
.news .box ul li a {font-weight:normal}

/* form elements styles */

.required-field-mark, .form-error-message, .error {
   color: red;
}


.field-label {
    
}

.req-field-label {
    
}