/* Dream Makers 99  Styles
   Updated: Thu 11.18.08 @ 10:12 p.m.
   Author:  S.W. Whittle
   Site Type: Header with 2-2 Column Fixed
   ----------------------------------------------------*/

/* =REFERENCE 
   =STRUCTURE
   =HEADER
   =NAVAGATION
   =SUB-HEADER
   =MAIN-WRAPPER
    =SIDEBAR1
    =SIDEBAR2
   =GENERIC

NOTE: reset, typography, form elements are all contained
on a seperate style sheet called "reset-text-form.css"
--------------------------------------------------------*/


/* =REFERENCE 

   COLORS
   Body Background:       #ffffff
   Wrapper Background:    #ffffff
   Header Background:     #ffffff
   Nav Background:        #054785
   Sub-Header Background: #ffffff
   Ad-Space Background:   #000000
   dotted lines:          #7D7D7D

   COLUMN WIDTHS
   Wrapper:       width:748px, padding:0, margin:0
   Header:        width:100%, height:100px,  height: 75px; padding/margin/border: 0
   top-nav:       width: 740px, height:40px
   main-wrapper:  width:748px, padding:6px, margin/border: 0
    sidebar1      width: 374px, 
    sidebar2      width: 372px, 

--------------------------------------------------------*/


/* =STRUCTURE 

NOTE: Contains the bones of the site, each subheading 
contains specific element css
   ----------------------------------------------------*/

#wrapper {width: 748px;
          margin: 0 auto; 
	  padding: 0; 
	  text-align: left; 
	  position: relative;
          margin-left: auto;
          margin-right: auto; background-color: #ffffff;}

 #header {margin:0; padding:0; border:0;
         width: 100%;
         height: 100px; /* ie5win fudge begins */
         height: 75px;
         top: 0; bottom: 0;
         background-color: #ffffff;}
  
   #headerbox1 {height:50%; width:40%; float: left; position: relative; background-color: #fff; top:20%; top:25%; margin:0; padding:0; border:0;}



    #search {margin: 4px 0 4px 550px; padding:0;}


 #top-nav {width: 740px; height: 40px; white-space: nowrap;
             position: relative; background-color: #054785;
             background-image: url(../images/btn-grd.jpg);
             background-repeat: repeat-x; margin: 0 0 4px 0; padding:.3em;}




 #sub-header {border-top: .15em dotted #7D7D7D;
             background-color: #ffffff;
             padding-top: 3px; margin-top: 3px;}

 #main-wrapper {width:748px;
                background-color: #fff;
                padding-top; 3px; 
                margin: 3px auto;
                border-top: .15em dotted #7D7D7D;}

   #sidebar1 {background-color: #fff; width:373px;
               float: left; position: relative; 
               border-right: .15em dotted #7D7D7D;}

   #sidebar2 {background-color: #fff; width:373px;
               float: left; position: relative;}

 #lowernav {width: 736px; height: 17px;
           position: relative; float: left; background-color: #054785;
           background-image: url(../images/btn-grd.jpg);
           background-repeat: repeat-x; 
           margin-top: 10px 0 0 0; padding:.5em;
	   text-align: center; /*This aligns for IE*/} 

 #footer {width: 748px;
          margin: 1 auto; 
	  padding: 0; 
	  position: relative;
          margin-left: auto;
          margin-right: auto;
          text-align: center; /*This aligns for IE*/}

/* =HEADER
   ----------------------------------------------------*/

#header h1, h2, h3 span {visibility: hidden;}



/* =NAVAGATION
   ----------------------------------------------------*/

  /* ------ search-nav ------ */
#search li {margin:.15em; padding:.15em .25em; 
            border-right:1px solid black; 
            list-style:none; display:inline; 
            text-align:right; 
            background-image:url(../images/arrow.jpg); 
            background-repeat:no-repeat; 
            background-position:0 .5em; 
            padding-left:1.15em;}



  /* ------ top-nav ------  top-nav-sub need work for sun-menu  SEE this http://css.maxdesign.com.au/listamatic2/horizontal05.htm*/


#top-nav li {float: left; margin:0;  border-right: thin solid black;
             list-style-type: none;}

#top-nav li a
{position: relative;
width: 8em;
display: block;
margin: 0;
color: #fff;
text-align: center;
text-decoration: none;
font-weight:bolder;
padding: 1px 0.4em;}

#top-nav li a:hover
{color: #fff; text-decoration: underline;}

#top-nav ul #top-nav-sub
{position: absolute;
width: 100%;
left: 0;
top: 1.25em;
height: 0.75em;
margin: 0;
padding: 0;
white-space: nowrap;}

#top-nav ul #top-nav-sub li
{width: 14ex;
margin: 0;
border: 0;}

#top-nav ul #top-nav-sub li a
{width: auto;
padding: 0.06em 1em 0;
border: 0;
background-color: #fff;}

#top-nav ul#top-nav-sub li a:hover
{
color: #fff;
text-decoration: underline;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#top-nav ul#top-nav-sub li
{
background-color: blue;
color: #000;
}

* html > body #top-nav, * html > body #top-nav ul#top-nav-sub
{
width: 600px;
/* IE5/Mac fixed width fix */
}




  /* ------ sub-header-nav ------ */

 
  
  /* ------ lower-nav ------ */
#lowernav li {margin:0; padding:.50em; border-right: thin solid black; list-style:none; display:inline;}
#lowernav  li a {text-decoration:none; color:#fff; font-weight:bolder;}
#lowernav  li a:hover {text-decoration:underline;}



/* =SUB-HEADER
   ----------------------------------------------------*/

#sub-header-wrapper {width:748px; height:90px;
                     background-color: #ffffff;
                     padding-top; 2px; 
                     margin: 2px auto;}

#sub-header-nav {background-color: #fff; width:283px; height:90px;
                  float: left; position: relative;}

#adspace {margin:0; padding:0; width:465px; height:90px;
          float:left; position: relative;
          background-color: #000;}



/* =SIDEBAR1
   ----------------------------------------------------*/



/* =SIDEBAR2
   ----------------------------------------------------*/
 




/* =GENERIC
   ----------------------------------------------------*/

body {background-color: #fff30;}

.top {position: absolute;  /* for explorer only*/
      top: 50%;  /* for explorer only*/
      display: table-cell; 
      vertical-align: middle; 
      position: static;}

.mainHeaders360 {width:360px; height: 27px; background: url(../images/main-grd.jpg);background-repeat: repeat-x; margin: 4px auto; padding:.3em; text-align:center; color:#fff; font-weight: bolder;font-variant: small-caps;font-style: italic;font-size: small; background-color: #054785;}

img.left {float:left; text-align: left; margin:.75em;}


.displayC   {display:block; margin: 0 auto; margin-left: auto; margin-right:auto; text-align: center;}

div.displayC   {display:block; margin: 0 auto; margin-left: auto; margin-right:auto; text-align: center;}

.spacerBottom {padding-bottom: 1em;}
.spacerBottom3 {padding-bottom: 3em;}

.smCap {font-variant: small-caps;}
.it {font-style: italic;}

.spacer05em {padding-top:.5em;}
.spacer15em {padding-top:.15em;}
.spacer75em {padding-top:.75em;} 
.spacer125em {padding-top:1.25em;} 
.spacer3px {padding-top:3px;}
.spacer3em {padding-top:3em;}
.spacer4em {padding-top:5em;} 

.textJustify {text-align: justify;}

.imgsubHeaderRF {float:right; margin: 0 .15em 0 0;}

.removeType {list-style-type: none;}
.removeBold {font-weight: normal;}
.indent {padding-left: .15em;}
.warning {color: red;}
.black {color: #000;}
.platinum {color: #878889;}
.gold {color: #f9c000;}
.silver {color: #a7a8aa;}
.bronze {color: #A67D3D;}
.bold {font-weight: bolder;}