/* 
McDaniel Fire Systems
Started: September 11, 2007
Finished: October 29th, 2007
Chip Medema - eClick Performance
Modified By: 
*/


/* HTML Styles */
HTML{ font-family: Arial, Helvetica, sans-serif; }
body{ margin: 0 0 20px 0; padding: 0; background: url('../images/background_tile.jpg') repeat-y; background-color: #e1eaf4; }
h1{ font-size: 16px; color: #003e6f; text-transform: uppercase; margin: 0 0 0 15px; padding: 20px 0 0 0; }
h2{ font-size: 14px; color: #003e6f; margin: 15px 0 0 15px; padding: 0; }
h2 > a{ color: #003e6f; margin: 0; padding: 0; }
h3{ font-size: 12px; color: #003e6f; style: strong; margin: 0px 0 0 15px; padding: 0; }
img{ border: 0; }
p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; line-height: 18px; margin: 11px 0; padding: 0 15px 0 15px;}
ul{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #414141; line-height: 18px; margin: 10px 0 10px 40px; padding: 0; list-style-type: disc; }
li{ margin: 7px 0; line-height: 18px; }
strong{font-weight: bold; color:#003e6f; }

/* DIV Styles */
#contentLeft{ float: left; display: block; width: 250px; }
#contentContainer{ float: left; width: 600px; margin: 10px 0 0 30px; }
#topBorder{ border: 0px solid #000; width: 600px; height: 11px; font-size: 0px; background: url('../images/top-border.jpg') no-repeat; }
#content{ width: 600px; background: url('../images/middle-border.jpg') repeat-y; }
#header{ width: 578px; margin: 0 0 0 10px; }
#nav{ width: 580px; margin: 0 0 0 10px; background: #fff; }
#navShadow{ width: 600px; height: 5px; font-size: 0px; background: url('../images/nav-shadow.jpg') no-repeat; }
#navImages{ width: 578px; margin: 0 0 0 10px; border: 0px solid #000; }

#bottomBorder{ width: 600px; height: 13px; background: url('../images/bottom-border.jpg') no-repeat; }
#mainContent{ width: 580px; margin: 0 0 0 10px;  }
#contentFooter{ width: 560px; text-transform: uppercase; border-top: 2px dotted #003e6f; margin: 20px auto 0; padding: 10px 0 10px 0; }
#footer{ width: 560px; font-size: 10px; color: #003e6f; margin: 5px 0 25px 10px; background: none; }

#prevnextcontainer { width: 550px; margin: 0 auto; }
#previous{ float: left; font-size: 12px; }
#next{ float: right; font-size: 12px; }
#buttoncontainer { width: 450px; margin: 0 auto; }
#left{ float: left; }
#right{ float: right; }
#picturecontainer { width: 550px; margin: 0 auto; }
#left{ float: left; margin-right: 25px }
#right{ float: left; }

/* DIV HTML Styles */
#mainContent a{ color: #003e6f; text-decoration: none; }
#mainContent a:hover{ text-decoration: underline; }

#footer a{ color: #003e6f; text-decoration: none; text-transform: uppercase; }
#footer a:hover{ color: #003e6f; text-decoration: underline; text-transform: uppercase; }


/* Classes */
.contentFooter1{ display: block; font-size: 20px; text-align: right; color: #969696; }
.contentFooter2{ display: block; font-size: 21px; text-align: right; color: #003e6f; }

a.link-noBorder, a.link-Border{ display: block; float: left; width: 81px; color: #094175; text-align: center; font-size: 12px; padding: 1em 0px; text-decoration: none; background: #fff; }
a.link-Border{ border-left: 2px solid #0170bf; }
a.lastLink{ display: block; width: 78px; float: left; color: #094175; text-align: center; font-size: 12px; padding: 1em 0px; text-decoration: none; border-left: 2px solid #0170bf; background: #fff; }

a.link-noBorder:hover, a.link-Border:hover, a.lastLink:hover{ color: #0070ba;  }

.hRule{ display: block; width: 560px; height: 3px; margin: 10px auto;  border-top: 2px dotted #003e6f; }
.hr{ display: block; width: 560px; height: 1px; margin: 10px auto;  border-top: 1px solid #969696; }










#leftSideTop{ width: 250px; }
#leftSideBottom{ width: 250px; min-height: 400px; background: url('../images/leftSide/bottomLogo_left.jpg') no-repeat; }
#leftSideNav{ float: right; width: 175px; font-size: 11px; color: #fff; margin-top: 10px; margin-right: 5px; border: 0px solid #000; }







/*
#container{ margin: 0; padding: 0; }
#topSection{ width: 900px; height: 220px; border: 0px solid #000; }
#topContent{ float: left; width: 603px; height: 209px; margin: 11px 0 0 24px; background: url('../images/mid_middle.jpg'); border: 0px solid #000; }
#contentTop{ width: 603px; height: 9px; background: url('../images/mid_top.jpg') no-repeat; }
#headerImg{ width: 581px; margin: 0 auto; }



#midSection{ width: 581px; height: 45px; background: url('../images/mid_section_bg.jpg') #FFF; }
#mid_sect_container{ width: 900px; }
#navigation{ float: left; width: 603px; height: 45px; font-size: 11px; text-transform: uppercase; margin: 0 0 0 24px; background: url('../images/menu_bg.jpg') #FFF; }

#navigation a{ display: block; float: left; color: #094175; text-indent: 11px; font-weight: bold;  text-decoration: none; border-top: 5px solid #FFF; margin-left: 12px; padding: 10px 0; background: url('../images/nav_arrow.jpg') no-repeat 0px 12px; }
#navigation a:hover{ color: #0070ba; border-top: 5px solid #094175; background: url('../images/nav_arrow2.jpg') no-repeat 0px 12px; } 
#navigation a:active{ color: #0070ba; background: url('../images/nav_arrow2.jpg') no-repeat 0px 12px; } 



#bottomSection{ width: 900px; }
#bottomContent{ float: left; width: 603px; margin: 0 0 0 24px; border: 0px solid #000; }
#contentContainer{ width: 603px; background: url('../images/mid_middle.jpg'); }
#contentBottom{ width: 603px; height: 13px; background: url('../images/mid_bottom.jpg') no-repeat; }
#prevnextcontainer { width: 550px; margin: 0 auto; }
#previous{ float: left; }
#next{ float: right; }
#buttoncontainer { width: 450px; margin: 0 auto; }
#left{ float: left; }
#right{ float: right; }
#picturecontainer { width: 550px; margin: 0 auto; }
#left{ float: left; margin-right: 25px }
#right{ float: left; }
#contentFooter{ width: 560px; text-transform: uppercase; border-top: 2px dotted #003e6f; margin: 20px auto 0; padding: 10px 0 10px 0; }
#footer{ width: 560px; font-size: 10px; color: #003e6f; margin: 5px 0 0 10px; background: none; }

#buttoncontainer a{ background: none; text-decoration: none; }
#prevnextcontainer a{ font-size:12px; }

#footer a{ color: #003e6f; text-decoration: none; text-transform: uppercase; }
#footer a:hover{ color: #003e6f; text-decoration: underline; text-transform: uppercase; }

.sideImages{ float: left; width: 250px; }
.index_p{ font-size: 14px; line-height: 17px; color: #414141; margin: 10px 0 25px 0; padding: 0 0 0 35px; border: 0px solid #000; }
.contentFooter1{ display: block; font-size: 20px; text-align: right; color: #969696; }
.contentFooter2{ display: block; font-size: 21px; text-align: right; color: #003e6f; }

*/