/* ----------------------
   Fabric Chest CSS
   fab_chest.css v2 by c2 
   (C) Kiyo Design 2009
   ---------------------- */
 
body {
   margin: 0;
   padding: 0;
   background-color: #41666c;
   background-image: url(../images/bg_gradient.png);
   font-size: 13px;
   font-family: sans-serif;
   color: #003366;
}

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

#centerdiv {
   margin: 0 auto 20px auto;
   padding: 0;
   /* min-height: 800px; */
   width: 780px;
   background-color: #fff;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
}

#header {
   margin: 0;
   padding: 0;
   height: 67px;
}

#opener {
   margin: 0;
   padding: 0;
   height: 315px;
}

#splash {
   margin: 0;
   padding: 1em 0 0 1.2em;
   border-top: 10px;
}

#content {
   margin: 0;
   padding: 1em 0 0 1.2em;
   width: 570px;
   float: left;
   border-top: 10px;
}

#error {
   margin: 10px 30px 10px 0;
   padding: 6px;
   background-color: #ff4c2b;
   border: 1px solid black;
   color: white;
}

#footer {
   margin: 60px 0 0 0;
   padding: 0.8em 0;
   height: 30px;
   background-color: #dcdcdc;
   border-top: 1px solid #8a8887;
   border-bottom: 1px solid #000;
}


/* ---------------------- 
   NAVIGATION LIST STYLE
   ---------------------- */

#nav_bar {
   padding: 0;
   margin: 0;
   width: 145px;
   border-right: 1px solid #000;
   float: left;
}

#nav_bar ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

#nav_bar li {
   margin: 0;
   padding: 0.2em 0;
   background-color: #333;
}

#nav_bar ul li a {
   display: block; 
   margin: 0;
   padding: 0.2em 0.5em;
   text-decoration: none;
   font-weight: bold;
   background-color: #fff;
   color: #333;
}

#nav_bar ul li a:hover {
   display: block; 
   padding: 0.2em 0.5em;
   font-weight: bold;
   background-color: #226c4c;
   color: #fff;
}

/* ---------------------- 
   GLOBAL TEXT CONTROLS
   ---------------------- */

#info_form ol {
   margin: 0 0 1em 0.4em;
   padding: 0;
}

#info_form li {
   margin: 0;
   padding: 4px 0 5px 0;
   list-style: none;
}

#info_form label {
   width: 90px; 
   vertical-align: top;
   display: inline-block;
}

#info_form em {
   color: red;
}

#footer p {
   margin: 0;
   padding: 0;
   color: #333;
   text-align: center;
   font-size: 10px;
}

h1 {
   padding: 0;
   margin: 0;
}

h2 {
   margin: 0 0 1em 0;
   padding: 0;
   font-size: 1.5em;
   color: #1e1c1c;
}

h3 {
   margin: 0 0 0.2em 0.1em;
   padding: 3px;
   font-size: 1em;
   color: #1e1c1c;
}

h4 {
   margin: 0 0 0 0.3em;
   padding: 0;
   font-size: 1em;
   font-weight: bold;
   color: #fff;
}

strong {
   font-size: 1em;
   color: #1e1c1c;
}

p {
   margin: 0 3em 1em 0.4em;
   padding: 0;
   color: #003366;
}

/* ----------------------
   IMAGE CONTROLS
   
   #content img is a contextual selector
   that ensures that all <img> tags inside
   of the content area will have the same 
   padding as <p> tags
   ---------------------- */

#content img {
   margin: 0 3em 1em 0.4em;
   padding: 0;
}

/* EOF */