/* <!-- used on ardenwilken.com/index.html --> */

pre         {
            font-family:           sans-serif;
            text-decoration:       none;
}

body {
	        font-family:           verdana, arial, helvetica, sans-serif;
	        font-size:             small;
	        color:                 #000;
            background-color:      #4169E1;  /* bright blue background border color */
            padding:               1em;
            padding-top:           0;
            margin:                1em .5em;
}
            
#allcontent {
            width:                  960px;
            padding:                1.5em;
            background-color:       #ADD8E6;  /* mid-blue - top banner */
            margin-right:           auto;
            margin-left:            auto;
            border:                 7px solid #fff;     /* styles the border around the outer frame of page - #fff = white;  */
            border-right-color:      #fff;
            border-left-color:       #fff;
            border-style:            groove;
}

h1,h2,h3,h4,h5,p,ul  {
            font-family: verdana, arial, helvetica, sans-serif; 
}


h1#banner {
          	color:                 #0000CD;  
	        font-size:             150%;
	        font-weight:           normal;
	        text-transform:        uppercase;
	        text-align:            center;
	        letter-spacing:        .5em;
	        padding:               .3em 0;
	        border-top:            1px solid #fff;
	        border-bottom:         1px solid #fff;
}

h1#title  {
          color:                   #090;
          font-weight:              bold;
}

ul#navigation1  {
	          margin-left:         0;
              padding-left:        0;
              list-style-type:     none;
              background:          #036;
              float:               left;
              width:               100%;
}

ul#navigation1 li {
              display:             inline;
}

ul#navigation1 a { 
              display:             block;
              float:               left;
              padding:             .2em .8em;
              text-decoration:     none;
              color:               #fff;
              background:          #036;
              border-right:        1px solid #fff;
}

ul#navigation1 a:hover {
              color:               #000;
              background:          #69C;  /* mid-blue */
}

ul#navigation2  {
	          margin-left:         0;
              padding-left:        0;
              margin-right:        1em;
              list-style-type:     none;
              background:          #036;
              float:               left;
              width:               100%;              
}


ul#navigation2 li {
              display:             inline;
}

ul#navigation2 a { 
              display:             block;
              float:               left;
              margin-left:         0;
              margin-right:        0;
              padding:             .3em 1em;
              text-decoration:     none;
              color:               #fff;
              background:          #036;
              border-right:        1px solid #fff;
}

ul#navigation2 a:hover {
              color:               #000;
              background:          #69C;
}

#sidebar { 
           background:             #69C;           /*  #4169E1;    neon blue */
           color:                  #000;
           font-size:              1em;
           width:                  250px;
           padding:                1em;
           margin:                 0 0 .8em .8em;
           border:                   1px solid #fff;
           border-color:             #fff #999 #999 #fff;
           border-style:             groove;
           -moz-border-radius:       10px;
           -webkit-border-radius:    10px;
           float:                  right;
           text-align:             center;      
           }
           
#maincontent   {     
               background-color:      #DAE2F1;
               margin:                .3em;
               margin-right:           0;
               margin-left:            0;
               padding:               .5em;
               padding-right:         23em;  /*this setting 'pushes' the text to left but leaves big gap under globe */
               padding-left:          2em;
}
#footer {
        font-size:                 80%; 
        color:                     #8B0000;
        padding-bottom:            1em;
        text-align:                center;
        clear:                     both;
}

h1, h2 {
	font-size:   1.2em;
    color:       #0000CD;
}

h3  {
    font-size: .9em;
    color:       #0000CD;
}

span.header1   {
             color:                 #0000CD; 
             font-size:             55%;
	         font-weight:           lighter;
	         text-transform:        uppercase;
	        }

span.header2  {
             color:        #0000CD; 
             font-size:     .7em;
             font-style:   italic;
             font-weight:  lighter;
             text-transform: none;
             letter-spacing: .3em;
}

span.quote   {
             color:          #0000CD;
             font-style:     italic;
             font-weight:    bolder;
}

span.ardensays  {
             color:          #FFF;
             font-weight:    bolder;
}

/*  hidden from view  

span.symptoms  {
             color:          #FFF;
             font-weight:    bolder;
}

span.news  {
           color:                 #C00;
           font-weight:            bolder;
}

   
span.article   {
               color:               black;
               padding:             .2em;
               border:              1px solid white;
               background-color:    #fff;
               margin:              1em;
}

end of hidden css styles   */


div.globe {
             padding:              0 0 2em 0;
             margin-left:          0;
             margin-right:         0;
             border-spacing:       0;
             border-collapse:      collapse;
}

td img {
            display:               block;
            border-collapse:       collapse;

}

/*  hidden css styles

div.pm { 
           background:             #CFC;
           font-size:              95%;
           width:                  200px;
           margin:                  1em .5em;
           padding:                 1em 1em;
           border:                  1px solid #fff;
           border-right-color:      #000;
           border-bottom-color:     #000;
           background-color:       #ADD8E6;
                      
}

div.newsbox  {  
             line-height:             1.3em;
             font-family:             Georgia, serif;
             color:                   #69F;
             font-style:              italic;
             font-size:               .9em;
             border:                  1px solid #fff;
             border-right-color:      #000;
             border-bottom-color:     #000;
             background-color:        #ADD8E6;
             padding:                 2em 2em;
             margin:                  2em .8em 2em .8em;
}

div.listeningtips  {
            line-height:              1.3em;
            font-family:              Georgia, serif;
            color:                    #69F;
            font-style:               italic;
            font-size:                .9em;
            border:                   1px solid #fff;
            border-right-color:       #000;
            border-bottom-color:      #000;
            background-color:         #ADD8E6;
            padding:                  2em 2em;
            margin:                   2em .8em 2em .8em;
}

div.cds  {
            line-height:            1.5em;
            font-family:            Georgia, TimesNewRoman, Times, serif;
            color:                  #444444;
            border-top-color:       #fff;
            border-right-color:     #000;
            border-bottom-color:    #000;
            border-left-color:      #fff;
            border-width:           1px;
            border-style:           solid;
            background-color:       #ADD8E6;
            padding:                2em;
            margin:                 2em 1em;
            /*  margin-right:           -5em;  /
            
}

div.cds img {
            float:                  left;
            }
             
div.authorcaption {
            float:                 left;
            width:                 520px;
            color:                 #fff;
            display:               inline;
            padding:               2.5em;
            padding-right:         .5em;
            margin:                1em;
                 /* margin-right:          4em;   this was the original setting */
                 /* these are new margin settings 
            margin-right:          -19em;
            margin-top:            0em;*/
                /* end new margin settings /
            border-color:          #fff #000 #000 #fff;
            border-width:          1px;
            border-style:          solid;
            background-color:      #1841B2;
}

div.authorcaption img { 
            float:                 right;
            padding:               .8em;
            margin:                .5em;
            border:                1px solid #fff;
}

*/


table#banner {

             margin-left:          0;
             margin-right:         0;
             border:               none;
             border-collapse:      collapse;
}

td img {     display:              block;
             padding:              0;
             padding-bottom:       .6em 0;
             margin:               0;
             text-align:           left;
             border-collapse:      collapse;
}

hr code {    color:                gold;
             size:                 2;
}


a:link {
	        color:                 #306; - blue 
            text-decoration:       none;
            
}

a:visited {
	        color: #606;
            
}

a:hover {
            color: #F00;
}