body {

background-color: white;

color: black;

font-family: arial, verdana, sans-serif;

font-size: 100%;

width: 100%;

 }

blockquote {

border: 2px dotted #C0C0C0;

padding: 4px;

}



.footer { 

width: 100%;

text-align: center; 

}

.title {

width: 100%;

margin-bottom: 10px;

text-align: center;

padding: 5px;

 }



.contents {

line-height: 1.5em;

background-color: white;

color: black;

text-align: left; 

 padding: 20px; 

vertical-align: top; 

float: right; 

display: inline; 

width: 65%;

margin-right: 5%;

}



ul {

list-style-type: circle;

}



ol {

list-style: lower-roman;

}

ol.upperalpha {

list-style-type: upper-alpha;

}



ul li {

margin-left: 5px;

padding-left: 5px;

}

ul.nav {

list-style-type: none;

list-style-image: none;

  }



ul.nav li {



padding-bottom: 5px;

}



ul.option li{

padding-bottom: 10px;

}



.center {



text-align: center;



}



.right {

text-align: right;

}



.left {

text-align: left;

}



.underline {

text-decoration: underline;

}



.bold {

font-weight: bold;

}



.italic {

font-style: italic;

}



.full {

width: 100%;

text-align: center;  

float: left; 

display: inline;

}



.container {

margin-top: 10px;

width: 100%;

text-align: center;  

float: left; 

display: inline;

}



.sidemenu {

width: 22%;



 float: left; 

}



h1 {

font-family: Arial, sans-serif;

font-size: 130%;

text-align: left; 

 }



h2 {

font-family: Arial, sans-serif;

font-size: 125%;

text-align: center; 

}



h3 {

font-family: Arial, sans-serif;

font-size: 120%;

 text-align: center; 

}



h4 {

font-family: Arial, sans-serif;

font-size: 115%;

 text-align: center; 

}



h5 {

font-family: Arial, sans-serif;

font-size: 110%;

 text-align: center; 

}



h6 {

font-family: Arial, sans-serif;

font-size: 105%;

 text-align: center; 

}



:link, :visited {

text-decoration: underline;

color: #ff0000; background-color: white; 

}



a:hover {

text-decoration: underline;

background-color: black; color: white; 

}



a:active {background: white;

color: blue;

text-decoration: underline;

}



a:focus {

border: 2px solid black;

padding: 2px;



}



#navigation li

{

float: left;

margin-bottom: 5px;



padding: 5px;

list-style-image: none;

list-style-type: none;

text-align: left;

font-size: 100%;

width: 100%;



}



#navigation a

{

display: block;

background-color: white;

color: black;

text-decoration: none;

text-align: left;

font-size: 100%;

width: 100%;

margin-bottom: 5px;

padding: 5px;

}



#navigation a:focus

{

display: block;

border: 2px solid black;



text-decoration: none;

text-align: left;

font-size: 100%;

width: 100%;

margin-bottom: 5px;

padding: 5px;

}



#navigation a:hover

{

display: block;

color: white;

background-color: black;

text-decoration: none;

text-align: left;

font-size: 100%;

width: 100%;

margin-bottom: 5px;

padding: 5px;

}



.floatLeft { 

float: left;



 }



.floatRight { 

float: right;

 }



.white {

background-color: white;

color: black;

}



.whiteLarge {

background-color: white;

color: black;

font-size: 120%;

}



.black {

background-color: black;

color: white;

}



.blackLarge {

background-color: black;

color: white;

font-size: 120%;

}



.dyslexic {

background-color: #FFFFE5;

color: black;

}



.blackZoom {

background-color: black;

color: white;



}



.whiteZoom {

background-color: white;

color: black;



}



.navlist ul

{

margin-left: 0;

padding-left: 0;

white-space: nowrap;

}



.navlist li

{

display: inline;

list-style-type: none;

background-color: white;

color: black;

font-family: "small verdana", arial,sans-serif;

text-decoration: none;

}



.navlist a { padding: 3px 10px; }



.navlist a:link, .navlist a:visited

{

color: black;

background-color: white;

text-decoration: none;

font-family: "small verdana", arial, sans-serif;

}



.navlist a:hover

{

color: white;

background-color: black;

text-decoration: none;

font-family: "small verdana", arial, sans-serif;

}

.navlist a:focus

{

border: 2px solid black;

padding: 2px;



text-decoration: none;

font-family: "small verdana", arial, sans-serif;

}



.hidden {

display: none;

}



.logo {

font-size: 30px;

font-family: Georgia;

}



.slogan {

font-size: 18px;

font-family: "small verdana"

}

.tagline {

border: 4px groove #EEEEEE;

padding: 3px;

background-color: #EEEEEE;

color: black;

}



.rounded {

background-color: white;

color: black;

display: inline-block; 

 border: 1px solid black; 

border-radius: 10px; 

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

padding: 4px;

}
#default {
display: none;
}