/*******************/
/* --- GENERAL --- */
/*******************/
* {
   border:0;
   padding:0;
   margin:0;
}

/******************/
/* --- LAYOUT --- */
/******************/
div#wrapper {
   margin:auto;
   width: 850px;
   background-color: #FFF;
   }

div#banner {
   width:100%;
   height: 101px;
   background: #8E2720 url('../images/banner-bkg.jpg') top left no-repeat;
}


div#menu {
/* see separate style sheet */
}

div#feature {
   margin:auto;
   width:100%;
   height:206px;
}

div#main {
   width:100%;
   background:#FFF;
   background:url('../images/content-bkg.gif') top left repeat-y;
   min-height:200px;
}

div#leftNavCol {
   width:190px;
   float:left;
   padding:30px 0px;
   background:transparent;
   /*min-height:200px; */
   height:100%;
   text-transform:uppercase;
}

div#content {
   width:660px;
   float:left;
   min-height:200px;
}

div.mainSingleCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 600px;
   margin:20px 0px 10px 20px;
   float:left;
}

div.mainSubTwoCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 309px;
   margin:20px 0px 10px 20px;
   float:left;
}

div.mainSubThreeCol {
   display:inline /*Fix IE floating margin bug*/;
   width: 199px;
   margin:20px 0px 10px 20px;
   float:left;
}

div#footer {
   margin:auto;
   padding:10px 0;
   width:100%;
   text-indent:100px;
   background:url('../images/content-bkg.gif') top left repeat-y;
   clear:both;
}

#banner:after, #menu:after, #feature:after, #main:after, #leftNavCol:after, #content:after, #mainSingleCol:after, #footer:after {
   clear:both;
   content:'.';
   display:block;
   height:0;
   visibility:hidden;
}


/**********************/
/* --- FORMATTING --- */
/**********************/

body {
   color: #000;
   font-family: arial, helvetica, geneva, sans-serif;
   font-size: 75%; /* 16 x 75% = 12px. This is the standard font size for this site */
   line-height: 1.125em;
   background:#530e11;
}

div#banner h1 {
   text-indent: -9999px;
   font-size:0px;
}

/*  ---MAIN CONTENT---  */

div#content h2 {
   font-weight:900;
   font-size:1.5em; /* 12 x 1.5 = 18px */
}

div#content p {
   font-size: 0.92em; /* 12 x 0.92 = 11px */
   margin-bottom:1.5em;
}

div#content input, textarea, select {
   font-size: 0.92em; /* 12 x 0.92 = 11px */
}

div#content a:link {text-decoration:underline; color:#F00;}
div#content a:visited {text-decoration:underline; color:#F00;}
div#content a:hover {text-decoration:none; color:#F00;}

div#content input, textarea, select {
   padding: 0.2em;
   border: 1px solid #CFD4FF;
}

/* ---LEFT NAV COLUMN--- */
div#leftNavCol p {
   font-weight:800;
   margin-bottom:1.25em;
   padding-left:25px;
}

div#leftNavCol ul {
   list-style:none;
   width:100%;
   padding:0;
   margin:0;
}

div#leftNavCol li {
   color:#FFF;
   font-size:0.8em;
   line-height:2.0em;
   text-indent:45px;
}

div#leftNavCol li a {
   display:block;
   margin-left:0.5em;
   background:url('../images/arrow.gif') top left no-repeat;
}

div#leftNavCol li a:hover {
   background:url('../images/linksrollover.jpg') top left no-repeat;
}

div#leftNavCol li a, div#leftNavCol li a:link, div#leftNavCol li a:hover, div#leftNavCol li a:visited {
   color:#FFF;
   text-decoration:none;
   text-transform:uppercase;
}

/* ---FOOTER--- */
div#footer p {
   text-align: center;
   font-size: 0.75em; /* 12 x 0.75 = 9px */
   text-transform:uppercase;
   padding-bottom:5px;
}

div#footer a:link {
   text-decoration:underline;
   color:#000;
}
div#footer a:visited {
   text-decoration:underline;
   color:#000;
}
div#footer a:hover {
   text-decoration:none;
   color:#000;
}

img {line-height: 0;}

/* --- other classes --- */
.small {font-size: 0.7em;}
.big {font-size: 1.125em;}
.bigger {font-size: 1.3em;}
.note {font-size: 0.75em; color: #B22222;}
.indent {padding-left: 3em;}
.rightPad {float:right; margin-left: 20px;}
.leftPad {float:left; margin-right: 20px;}
.imgBorder {border: 1px solid #A344A8;}
.bold {font-weight: bold}
.italic {font-style: italic}
.underline {text-decoration: underline;}
.left {text-align: left}
.right {text-align: right}
.center {text-align: center}
.justify {text-align: justify}