
   


html {

    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */

}

img{border: 0px;}

 body, div, table, td, select, input {font-family: Arial,Helvetica,sans-serif; font-size:13px; color:#000000; line-height: 17px;}
    
    

.main_body{
    background-color: #234e4e;
    margin: 0 0 0 0;
    } 

.error{
    color: #FF0000;
    font-weight: bold;  
    }   

hr{ 
    border: 0; height: 1px; color: #bbc9c9; background-color: #bbc9c9;
    }  

h1,h2,h3,h4 { padding: 0px; margin: 0px; display: inline; font-weight: bold;} 
form {padding: 0px; margin: 0px;}

#outermost_home{
    background: url( ../images/background.jpg );
    background-position: top-left;
    background-repeat: repeat-x;
  background-color: #234e4e; padding-top: 40px; overflow: auto;}





#top {
    height: 125px;
    width: 980px;
    margin-right: auto; margin-left: auto; padding-top: 0px; padding-bottom: 0px; background: url( ../images/top_back.png );
    background-position: top;
    background-repeat: no-repeat;
 }
    
    
    
    

#logo { float: left; width: 241px; padding-top: 23px; padding-left: 23px; height: 83px;}
    
    
    
    



#topbuttons { float: right; text-align: right; width: 710px; padding-top: 86px; height: 32px; padding-right: 6px; } 
    
    



#flash { width: 980px; margin-right: auto; margin-left: auto; padding-top: 3px; height: 391px;}




#flash-inside { width: 980px; margin-right: auto; margin-left: auto; padding-top: 3px; height: 146px;}



#flasharea { width: 654px; float: left; background-color: #ffffff; } 

 

#adarea { width: 326px; float: right;  } 
    
    




#homepagetitle { width: 981px; margin-right: auto; margin-left: auto; margin-top: 35px; background: url( ../images/title.gif );
    
    background-position: top-left;
    
    background-repeat: no-repeat; height: 58px; }
    

#pagetitle { width: 981px; margin-right: auto; margin-left: auto; margin-top: 35px; background: url( ../images/title_back.gif );
    
    background-position: top-left;
    
    background-repeat: no-repeat; height: 58px; }
    
     
   


#banner { position: absolute; width: 569px; height: 62px; margin-left: 388px; margin-top: 22px;}


 




#content { width: 980px; margin-right: auto; margin-left: auto; padding-top: 3px;  }
    

#welcome { float: left; border-right: #b2c1c1 1px solid; padding: 24px; width: 279px; height: 181px; background-color: #d6dede; line-height: 25px;} 

#content_inside {  padding: 24px; width: 932px; background-color: #d6dede; overflow: auto; }  



#pledge { padding: 24px; width: 604px; float: right; background-color: #d6dede;}  
    

#footer { width: 980px; margin-right: auto; margin-left: auto; padding-top: 3px; }

#signup { float: left; width: 606px; background-color: #0b3131; padding-top:24px; padding-right: 24px; padding-left: 24px; border-right: #3c5a5a 1px solid; color: #ffffff; font-size: 12px; height: 150px; }

#contact { float: right; width: 277px; background-color: #0b3131; padding-top: 24px; padding-left: 24px; padding-right: 24px; color: #ffffff; font-size: 12px; height: 150px; }

 
    

#copyright { 
  width: 980px; font-family: Verdana;
   margin-right: auto; margin-left: auto; font-size: 9px;
    color: #abd2d2; line-height: 15px; padding-top: 15px; padding-bottom: 20px;
 text-align: center;   }
    
    

#address { 
    width: 981px; font-family: Arial;
    margin-right: auto; margin-left: auto; font-size: 12px;
  font-weight: bold;  color: #ffffff; background-color: #00adef; padding: 6px; text-align: center; 
    }

    
    
img.footerimage { vertical-align: middle;}

#content ul { list-style-image: url('../images/bullet.png'); color: #000000; padding-left: 40px; padding-bottom: 0px; padding-top: 10px; margin-left: 0px; margin-bottom: 0px; }
    
   

#content li { padding-bottom: 5px; } 

ul.inside { bullet-style: disc; color: #79c0c4; padding-left: 40px; padding-bottom: 0px; padding-top: 0px; margin-left: 0px; margin-bottom: 0px; }
    
   

 .blacktext { color: #000000; }
    
    
    

INPUT, SELECT, TEXTAREA {
    BACKGROUND-COLOR: #234e4e;
    BORDER-BOTTOM: #a2b1b1 1px solid;
    BORDER-LEFT: #a2b1b1 1px solid;
    BORDER-RIGHT: #a2b1b1 1px solid;
    BORDER-TOP: #a2b1b1 1px solid;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: 0px;
    PADDING-LEFT: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;
   margin-right: 8px; margin-top: 2px; margin-bottom: 5px; }
    
 

.contactfield { background-color: #ffffff; color: #000000; border-color: #799394; }   

.blank {
    
    border-color: none;
    
    border-style: none;
    
    border-width: none;
    
    background-color: transparent;
    
    }
  

.form_button {
    border-color: #449a9a;
    BACKGROUND-COLOR: #449a9a;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    border-style: solid;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-width: 0px;
    cursor: pointer;
    }
    
    
.button {
    border-color: #449a9a;
    BACKGROUND-COLOR: #449a9a;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: none;
    border-style: solid;
    border-width: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    }  
    
    
    
    

.button:a { color: #ffffff; TEXT-DECORATION: NONE; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
    
    
    

.button:link { color: #ffffff; TEXT-DECORATION: NONE; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
    
    
    

.button:visited { color: #ffffff; TEXT-DECORATION: NONE; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
    
    
    

.button:active { color: #ffffff; TEXT-DECORATION: NONE; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
    
    
    

.button:hover { color: #ffffff; TEXT-DECORATION: NONE; FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: bold;}
    
    

A:a { color: #1a8986; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
A:link { color: #1a8986; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A:visited { color: #1a8986; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
A:active { color: #1a8986; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A:hover { color: #440654; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
   

A.contactlink:link { color: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A.contactlink:visited { color: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
A.contactlink:active { color: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A.contactlink:hover { color: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
  
    

A.copyright:link { color: #abd2d2; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Verdana, Arial, Helvetica; font-size: 9px;}
    
    
    
A.copyright:visited { color: #abd2d2; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Verdana, Arial, Helvetica; font-size: 9px;}
    
    
    
A.copyright:active { color: #abd2d2; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Verdana, Arial, Helvetica; font-size: 9px;}
    
    
    
A.copyright:hover { color: #ffffff; TEXT-DECORATION: none; FONT-WEIGHT: none; font-family: Verdana, Arial, Helvetica; font-size:9px;}
    
    
    
    

A.box:link { color: #ffffff; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size: 12px;}
    
    
    
A.box:visited { color: #ffffff; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size: 12px;}
    
    
    
A.box:active { color: #ffffff; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size: 12px;}
    
    
    
A.box:hover { color: #ffffff; TEXT-DECORATION: UNDERLINE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size:12px;}
    
    
    
    



#navlist li
    {
    display: block;
    float: right;
    width: auto;
    margin: 0px;
    line-height: 20px;
    
     padding-left: 8px;  padding-right: 8px;       }

#navlist li a
    {
 display: block;

    font-size: 13px;
    font-family: Arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
	height: 32px;
 text-transform: uppercase;   }


#navlist li a:hover
        {
        display: block;
        font-size: 13px;
        font-family: Arial;
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        background: url(../images/roll.png) top left repeat-x;
        padding-left: 10px;
		padding-right: 10px;
        height: 32px;
   text-transform: uppercase;     }




* {
    margin: 0;
    padding: 0;
    }
    
    
    

   
    
    
    
    
   

.boxtext { font-family: Arial; font-size: 12px; color: #ffffff; line-height: 21px;}
    
    
    
    
.navbutSubTbl a{
    position:relative; 
    display:block;
    }
    
    
    

.navbutSubTbl {
    font-family: Arial, sans-serif;
    color: #ffffff;
    font-size: 11px;
    background-color: #177bd0;
    border-color: #177bd0;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px; 
    border-bottom-width: 0px;
    border-left-width: 0px;
    }
    
    
    
    
    

.navbutSubTbl a, .navbutSubTbl a:visited {  
    position:relative; 
    display:block; 
    text-decoration: none; 
    padding-top: 4px;
    padding-bottom: 4px; 
    padding-left: 8px;
    padding-right: 12px; 
    font-weight: bold;
    font-family: Arial, sans-serif;
    color: #ffffff; 
    }
    
    
    
    
    

.navbutSubTbl a:hover {  
    font-family: Arial, sans-serif; 
    color: #ffffff;
    font-weight: bold;
    background-color: #289c89;
    text-decoration: none;
    }
    
    
    
.drop_pad{
    margin-top: 0px;
    margin-left: 0px;
    z-index: 100;
    }
    
    .drop_border2{
    border-color: #fffff;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 2px; 
    border-bottom-width: 2px;
    border-left-width: 2px;
    }	
    
    
    

.drop_border{
    border-color: #fffff;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px; 
    border-bottom-width: 0px;
    border-left-width: 0px;
    }    
    
    
    
    

.drop_down {
    BACKGROUND-COLOR: #FFFFFF;
    BORDER-BOTTOM: #98B226 1px solid;
    BORDER-LEFT: #98B226 1px solid;
    BORDER-RIGHT: #98B226 1px solid;
    BORDER-TOP: #D3D7E7 1px solid;
    LETTER-SPACING: 0px;
    }
    
    

.childTbl a{
    position:relative; 
    display:block;
    }
    
    
    
    
    
    
.childTbl {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #ffffff;
    font-size: 9px;
    background-color: #1F4075;
    border-color: #669CBE;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 1px; 
    border-bottom-width: 1px;
    border-left-width: 1px;
    }
    
    

.childTbl a {  
    position:relative; 
    display:block; 
    text-decoration: none; 
    padding-top: 4px;
    padding-bottom: 4px; 
    padding-left: 4px; 
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #ffffff; 
    }
    
    
.childTbl a:visited {  
    position:relative; 
    display:block; 
    text-decoration: none; 
    padding-top: 4px;
    padding-bottom: 4px; 
    padding-left: 4px; 
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif; 
    color: #ffffff; 
    }
    
    

.childTbl a:hover {  
    font-family: "Trebuchet MS", Arial, sans-serif; 
    color: #ffffff;
    font-weight: bold;
    background-color: #669CBE;
    text-decoration: none;
    }
    
    
    
    


.yellowheader { font-family: Arial; font-size: 20px; color: #fdca68;}
    
    .whiteheader { font-family: Arial; font-size: 33px; color: #ffffff; }
    
    .blackheader { font-family: Arial; font-size: 18px; color: #000000; }
    
    
    
    .pinkheader { font-family: Arial; font-size: 18px; color: #fd7f6b; padding-bottom: 5px;}
    
    
    
    

.greenheader { font-family: Arial; font-size: 18px; color: #299c87;  padding-bottom: 5px;}
    
    
    
    

.blueheader { font-family: Arial; font-size: 18px; color: #177cd2;  padding-bottom: 5px;}
    
    
    
    

.smalltext { font-family: Arial; font-size: 10px; color: #000000; }
    
    
    
    .homeheader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    color: #f3cf62;
    }
  

.hometext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: none;
    font-variant: normal;
    text-decoration: none;
    color: #ffffff; line-height: 15px;
    }
    
   
    
    
.pageheader { font-family: Arial; font-size: 42px; color: #440654; font-weight: bold; line-height: 55px;}
    
     
    

#buttons { text-align: right; width: 365px; float: right;} 
    
    #logo { float: left; width: 184px; }
    
    
    
    

#rightimage { float: right;  border-right: #167bd3 3px solid; border-bottom: #fdc963 3px solid; border-left: #fc7f6b 3px solid; border-top: #279e82 3px solid; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; margin-left: 10px; margin-bottom: 10px;}
    
    
    
    

#leftimage { float: left;  border-right: #167bd3 3px solid; border-bottom: #fdc963 3px solid; border-left: #fc7f6b 3px solid; border-top: #279e82 3px solid; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; margin-right: 10px; margin-bottom: 10px;}
    
    
    
    

#leftimageinside { float: left;  border-right: #167bd3 3px solid; border-bottom: #fdc963 3px solid; border-left: #fc7f6b 3px solid; border-top: #279e82 3px solid; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; margin-right: 20px; margin-bottom: 10px;}
    
    
    
   

#leftimage2 { border-right: #167bd3 3px solid; border-bottom: #fdc963 3px solid; border-left: #fc7f6b 3px solid; border-top: #279e82 3px solid; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; margin-right: 0px; margin-bottom: 5px;}
    
    
    
    

.announcement { font-family: Arial; font-size: 12px; color: #299c87; padding-bottom: 10px;}
    
    
    
    

.borderimage-right { border-style: solid; border-width: 3px; border-color: #234e4e; margin-left: 15px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; }
 

.borderimage-left { border-style: solid; border-width: 3px; border-color: #234e4e; margin-right: 15px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; }
 

.subheader { font-family: Arial; font-size: 24px; color: #abd2d2; font-weight: bold; line-height: 32px;} 

.purpleheader { font-family: Arial; font-size: 18px; color: #440654; font-weight: bold; line-height: 32px;}  
    
    
    

.header { font-family: Arial; font-size: 24px; color: #0b3131; font-weight: bold; line-height: 32px; }
