@charset "utf-8";
/* CSS Document */
/*
*file: styles.css
*Website: http://www.alabamaduidefense.com 
*Author: Lloyd Solares
*URL: http://ms-designstudios.com
*Copyright (c) 2010  All right reserved.
*/ 


div, h1, h2, h3, h4, span, p, img, ul, li, img{padding:0; margin:0; border:none;}
body {color:#ecfaff; font-family:'Arial', Helvetica, sans-serif; padding:0; margin:0; font-size:12px; background:#89a1a5 url(../images/bg.jpg) top left repeat-x}
h1 {font: normal 14pt 'Arial Narrow', Helvetica, Arial; color:#c5ff34; line-height:1.64em; background-color:#263e48; padding-left:12px;}
h2 {font:normal 12pt 'Verdana'; color:#ebf8dc;}
h3 {font:normal 14px 'arial'; color:#fff;}
abbr {cursor:help; border-bottom:dotted; color:#99FF00}
alt {color:#000}
ol li {margin-bottom:10px;}
ol li a, ul li a {text-decoration:underline; color:#FFFFCC;}
ol li a:hover, ul li a:hover {text-decoration:none}
sup {font-size:10px}
.q {color:#c5ff34;}
.ans {color:#e1b629}
.big {font-size:22pt; color:#e1b629}
.txtReplace {text-indent:-9999px; width:0; height:0;}
.cat {background:url(../images/plus.jpg) left top no-repeat; text-indent:18px;}
#wraper {width:100%; margin:0px auto; display:table}
#header {width:1000px; margin:0px auto; height:160px; display:table; background:url(../images/logo.jpg) top left no-repeat}
.contact {position:relative; top:0; left:770px; background:url(../images/contactinfo.jpg) no-repeat; width:190px; height:56px}
.topnav {float:left; display:block; margin:59px 0 0 200px; height:28px; width:810px;}
.topnav ul {list-style:none;}
.topnav li, .topnav li a {display:block; float:left; padding:0;}
.line {border-bottom:1px dotted #263e48; margin-top:-12px;}
.conviction {display:block; padding:10px; text-align:center; border:1px dotted #263e48; background:#89a1a5}
.conviction p {text-align:center}
.alert {padding:20px 0 4px 0; text-align:center; font:bold 16pt Georgia; height:90px; display:block; font-style:italic; text-shadow:1px 1px 1px #fff; color:#03663f; background:url(../images/post-it.gif) no-repeat; width:660px;}

#mid {display:table; width:1000px; margin:0px auto; clear:both; background:#3a5662 url(../images/topstrip.jpg) top left repeat-x}
.filler {display:block; width:100%; height:30px;}
#mid-content {display:block; width:1000px; float:left; background:url(../images/bottomstrip.jpg) bottom left repeat-x}
.c1 {float:left; display:block; width:1000px; background:url(../images/curve1.jpg) top left no-repeat;}
.c2 {float:left; display:block; width:1000px; background:url(../images/curve2.jpg) top right no-repeat;}
.c3 {float:left; display:block; width:1000px; background:url(../images/curve3.jpg) bottom left no-repeat;}
.c4 {float:left; display:block; width:1000px; padding-bottom:20px; background:url(../images/curve4.jpg) bottom right no-repeat;}
#flash {display:block; float:left; width:585px; margin:15px 0 0 14px; z-index:-1; azimuth:behind}
#map {display:block; float:right; margin:15px 16px 0 0; width:371px; z-index:-1; height:590px; azimuth:behind; background-color:#96B3B9; border:1px solid #263e48}
#innerpic {display:block; float:right; margin:20px 16px 0 0; width:371px; height:auto; background-color:#96B3B9; border:1px solid #263e48}
#warning {display:block; float:right; margin:20px 16px 0 0; width:371px; height:auto;}
.topics {display:block; float:left; width:265px; margin:20px 0 0 14px; padding-bottom:6px; background:#324d58 url(../images/left_bg.jpg) bottom repeat-x}
.topics .list {padding:12px 0 0 6px;}
.topics ul {list-style-image:url(../images/arrow.gif); margin-left:30px;}
.topics ul li, .topics ul li a {font:normal 9pt 'arial'; text-decoration:none; line-height:1.6em; color:#a7bac1}
.topics ul li a:hover {color:white; text-decoration:underline}
.topic {display:block; float:left; width:265px; height:31px; background:url(../images/topics.jpg) top no-repeat}
.context {display:block; float:left;}
.context ul, .context1 ul, .context2 ul {list-style:square; list-style-position:outside; padding-left:20px}
.context a, .context1 a, .context2 a {text-decoration:underline; color:#FFFFCC;}
.context a:hover, .context1 a:hover, .context2 a:hover {text-decoration:none}
.context1 {display:block; float:left; width:310px; margin:20px 0 0 8px;}
.context1 .content {padding:12px 0 0 12px;}
.context1 p {padding:12px 0 0 0; text-align:justify}
.welcome {display:block; float:left; width:310px; height:31px; background:url(../images/welcome.jpg) top no-repeat}
.context2 {display:block; float:left; width:680px; margin:-12px 0 0 8px;}
.context2 .content2 {padding:0 0 0 12px;}
.context2 p {padding:12px 0 0 0; text-align:justify}
.testi {padding:12px; display:block; color:#263e48; background:#89a1a5;}
.bacform {display:block; float:left; background:#96b3b9;}
.ce {display:block; float:left; background:#96b3b9 url(../images/freecase.jpg) top left no-repeat; height:82px; width:670px; margin:20px 0 0 20px;}
.ce form {display:block; float:left; margin-left:8px;}
.ce label, .bacform label {color:#122c2d; font-size:12px;}
.ce input, .bacform input {height:17px; background:#dfdfdf; border:none;}
.ce textarea, .bacform textarea {background:#dfdfdf; border:none;}
.ce button {background:none; border:none; padding-top:4px}

#footer {display:block; width:1000px; clear:both; margin:0px auto; padding:25px 0 10px 0}
.footlinks a {color:#3a5662; font:normal 11px 'tahoma'; text-align:left; text-decoration:none; width:auto; margin-right:14px; line-height:1.6em}
.footlinks a:hover {background:#96b3b9}
.footlinks {color:#263e48; font:normal 10px 'tahoma'; text-align:left; line-height:2em; float:left; display:block; width:auto;}
#socialapps {display:block; float:right; width:auto;}
#socialapps img {float:left; margin:0 6px 0 6px}
.disclaimer {text-align:center; font:bold 10px arial; margin-top:20px; clear:both}
#lwf {color:#333; text-align:center; display:table; clear:both; margin:0px auto; padding-top:14px; cursor:pointer; font-size:12px; text-decoration:underline}
/*dropdown*/
.dropmenudiv_a{
position:absolute;
top: 0px;
margin-top:-1px;
padding:0;
font:normal 11px Tahoma;
line-height:18px;
z-index:100;
width: 180px;
visibility: hidden;
}

.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 18px;
padding: 2px 0;
text-decoration: none;
background: #647c88;
color: white;
}

#dropmenu1_a .curve, #dropmenu2_a .curve, #dropmenu3_a .curve, #dropmenu4_a .curve, #dropmenu5_a .curve {
width: 180px;
cursor:text;
height:7px;
margin-top:0px;
display: block;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ 
background: #c2fe3a;
color: #23363d;
}