/*colors
cream- #ffd
beige-#ccbd96
med green -#053
dark green-#020
pale green-#A2BA9A
dark red-#690000*/

body{background-color:#ccffff; margin:0; padding:0; height:100%;}
/*includes side background color*/
h1 { font: 220% sans-serif; color:#3333ff; }

h2{ font: 170% sans-serif; color:#3333ff; }
h3{color:#002; font: bold 100%; }
h4 { font: bold 100% sans-serif; text-align:center; }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

a{color:#33fff;}
a:hover{color:#020;}
#top{background-color:#ffffff; color:#020;  height:100px;}
/*top right boxwhite*/
#top h1{background-color:#ccffff; height:100px; margin:0; width:70%; float:left;border-right:1px solid #020; margin-bottom:0; padding-left:15px; padding-top:15px;}

#search{background-color:#ffffff;width:20%; float:right; height:100px; margin-right:40px;}
/*top right box white*/
#search fieldset{border:1px solid #ccbd96;}

#bar{background-color:#3333ff; clear:both; text-align:right; height:40px; padding:1px;border-top:1px solid #020; border-bottom:1px solid #020; margin-bottom:0;}
#bar ul{list-style:none; margin-bottom:0;}
#bar ul li{display:inline; padding:5px; border-right:1px solid #000; }
#bar ul li.last{border-right:none;}
#bar ul li a{text-decoration:none; color:#ffd;margin:2px; }
#bar ul li a:hover{text-decoration:underline;}

#content{background-color:#ffd; width:75%; float:right; padding:5%; border-left:1px solid #020; margin-bottom:0;}
#content p{text-indent:2em;}

#side{width:13%; float:left; margin-top:0; margin-bottom:0; text-align:center;}
#side ul{list-style:circle;}
#side ul li{margin-bottom:5px;}
#side ul li a{display:block; text-decoration:none; width:99%; border: 1px solid #ccffff;}
#side ul li a:hover{border-right: 1px solid #002; border-top: 1px solid #002; border-left:1px solid #fff; border-bottom:1px solid #fff; background-color:#cccccc;}

#footer{background-color:#cccccc; clear:both;height:15px; height:40px;border-top:1px solid #020; border-bottom:1px solid #020;}

p.copyright { font-size: small }
p.copyright small { font-size: small }


@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}