body {
   margin-top: 0px; margin-left: 0px 
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-style: normal;
   line-height: normal;
   scrollbar-face-color: #90B5D8;
   scrollbar-shadow-color: #335997;
   scrollbar-highlight-color: #73A3CF;
   scrollbar-3dlight-color: black;
   scrollbar-darkshadow-color: black;
   scrollbar-track-color: #E7E8FF;
   scrollbar-arrow-color: #FFFFCE;
}

P, TD {  
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: 19px; font-style: normal;
   line-height: 1.2;
   color: #3D4756;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

DIV {  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 96%; line-height: normal; font-weight: lighter; color: #000000}
TH {  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 96%; line-height: normal;  font-weight: bold; color: #000000}
UL {  font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 96%; line-height: normal;  font-weight: lighter; color: #000000; list-style-type: square}
.tiny {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-weight: lighter; color: #0064D7}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: lighter; color: #0064D7}

a:active {  color: #4040FF} 
a:visited {  color: #0004AE}
a:hover {  color: #DE0000}


h1 {  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #1C61AE; font-style: italic}
h2 {  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #1C61AE; font-style: normal}
h3 {  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #1C61AE; font-style: italic}
h4 { font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #1C61AE; font-style: normal}
h5 { font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #1C61AE; font-style: normal } 
 
/*CSS attributes for hr border-style include ridge, groove, inset, outset, dashed, dotted, none - colors Firefox only*/

hr { 
    display: block;
    color: #C8CBEE;    
    background-color: #DCDDF6;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 2px;
} 

hr2 { 
    display: block;
    height: 3px;
    color: #0000C0;
    background-color: #FFFFFF;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 0.5px;
} 

ul.redsquare { 
    list-style-type: square; 
    color: red; 
}  

li {
    line-height: 1.85
 }

 .boxShadow {
	-moz-box-shadow:8px 8px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow:8px 8px 10px rgba(0,0,0,0.4);
	box-shadow:8px 8px 10px rgba(0,0,0,0.4);
	padding:0px 0px 0px 0px;
}

.border {
    border-color: #C0C0D0;
    border-width: 4px;
    border-style: ridge;
}

.border2 {
    border-color: #C1C3DD;
    border-width: 3px;
    border-style: solid;
}

.border3 {
    border-color: #C0C0D0;
    border-width: 3px;
    border-style: groove;
}

}
.size1 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: xx-small;
}
.size2 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: x-small;
}
.size3 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: small;
}
.size4 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: medium;
}
.size5 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: large;
}
.size6 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: x-large;
}
.size7 {
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
   font-style: normal; 
   line-height: normal; 
   font-size: xx-large;
}

/*ALL IMAGE HOVER CSS*/

/*CSS for enlarged right column images on hover*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: 410px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -350px;
right: 225px; /*position where enlarged image should offset horizontally */
}


/*CSS for enlarged shasta image only on hover*/


.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue;
padding: 5px;
left: -600px;
border: 1px dashed darkblue;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -80px;
right: 65px; /*position where enlarged image should offset horizontally */
}


/*CSS for images on text hover*/

.text:hover{ 
position: relative;
z-index: 0;
}

.text:hover{ 
background-color: transparent;
z-index: 50;
}
	
.text span{ /*CSS for enlarged image*/
position: absolute; 
margin: 0; 
background-color: lightblue; 
padding: 5px;
left: -100px; 
border: 1px dashed darkblue;
visibility: hidden; 
color: black; 
text-decoration: none; 
} 

.text:hover span{ /*CSS for offset image*/
visibility: visible; 
top: 25px;     /*position where enlarged image should offset vertically*/
left: -200px; /*position where enlarged image should offset horizontally*/
z-index: 50; 
}
  

/*CSS2 for images on text hover*/

.text2:hover{ 
position: relative;
z-index: 0;
}

.text2:hover{ 
background-color: transparent;
z-index: 50;
}
	
.text2 span{  /*CSS for image on hover*/
position: absolute; 
margin: 0; 
background-color: lightblue; 
padding: 5px;
left: -100px; 
border: 1px dashed darkblue;
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
  
.text2:hover span{  /*CSS for offset image*/
visibility: visible; 
top: -225px; 
left: -200px; /*position where enlarged image should offset horizontally*/
z-index: 50; 
}


/*CSS3 for images on text hover*/

.text3:hover{ 
position: relative;
z-index: 0;
}

.text3:hover{ 
background-color: transparent;
z-index: 50;
}
	
.text3 span{  /*CSS for image on hover*/
position: absolute; 
margin: 0; 
background-color: lightblue; 
padding: 5px;
left: -100px; 
border: 1px dashed darkblue;
visibility: hidden; 
color: black; 
text-decoration: none; 
} 
  
.text3:hover span{  /*CSS for offset image*/
visibility: visible; 
top: -225px; 
left: -400px; /*position where enlarged image should offset horizontally*/
z-index: 50; 
}


#tips, #tips li{
	margin:0;
	padding:0;
	list-style:none;
	}
#tips{
	width:700px;
	font-size:18px;
	font-family:Times New Roman, Verdana, Tahoma, Arial, Helvetica, sans-serif; 
	line-height:90%;
	}
#tips li{
	padding:6px;
	background:#E3F9F9;
	display:none; /* hide the items at first only */
}
	
#plain
{
  color: #3D4756;
}

#rose
{
  color: #F98481;
}

#blue
{
  color: #0054A6;
}

#orange
{
  color: #F7941D;
}

#yellow
{
  color: #FFCC00;
}

#red
{
  color: #FF3300;
}

#green
{
  color: #39B54A;
}

#white
{
  color: #FFFFFF;
}