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

.main_body{
    background-color: #2f2e2d;
    margin: 0 0 0 0;
    } 

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

hr{ 
    border: 0; height: 1px; color: #cccccc; background-color: #cccccc;
    }   
    
#fbook-outer { background-color: #ffffff;}

#fbook {
    width: 980px;
    margin-right: auto;
    margin-left: auto; 
    padding-top: 20px;
    padding-bottom: 20px;
}

#fbook iframe{ border: 0px solid #ffffff; }

#outermost_home{
    background: url( ../images/background.gif );
    background-position: top-left;
    background-repeat: repeat-x;
  background-color: #ffffff; overflow: auto; }

#outermost_inside{
    background: url( ../images/background_inside.gif );
    background-position: top-left;
    background-repeat: repeat-x;
  background-color: #ffffff; overflow: auto; }


#outer{
    background: url( ../images/background_image.jpg );
    background-position: top;
    background-repeat: no-repeat;
   }

#outer_inside{
    background: url( ../images/background_image_inside.jpg );
    background-position: top;
    background-repeat: no-repeat;
   }

h1,h2,h3,h4 { padding: 0px; margin: 0px; display: inline;}

#top {
    height: 311px;
    width: 980px;
    margin-right: auto; margin-left: auto;   }
    
    
    
    

#top_inside {
    height: 179px;
    width: 980px;
    margin-right: auto; margin-left: auto;   }
  

#logo { padding-top: 47px; padding-left: 25px; padding-bottom: 75px; width: 955px; height: 189px; }
  

#logo_inside { padding-top: 36px; padding-left: 25px; padding-bottom: 15px; width: 955px; height: 128px; }
  

#homebox_outer { width: 980px; height: 239px; margin-right: auto; margin-left: auto;} 

#homebox_outer_inside { width: 980px; height: 159px; margin-right: auto; margin-left: auto;}  
    
    
    

#homebox {  background: url( ../images/box_back.png );
  border: #d4d3d2 1px solid; padding: 18px; width: 170px; }
    
    
    

#homebox_inside {  background: url( ../images/box_back.png );
  border: #d4d3d2 1px solid; padding: 10px; width: 150px; }
    



.handup { border: #cccccc 1px solid;}  
     
    


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

#left { float: left; width: 185px; padding-right: 40px; padding-bottom: 20px; }   

#right { float: left; width: 755px; padding-bottom: 20px; } 

#box { float: left; width: 184px; padding-right: 6px; padding-bottom: 30px; color: #cc1f42; font-size: 14px; text-align: center; } 
#boxend { float: left; width: 184px; padding-bottom: 30px; color: #cc1f42; font-size: 14px; text-align: center; }  
 
    

#bar { height: 11px; background-color: #cccccc;}
#footer { background-color: #3f3d3d;}
#footer_content { width: 980px; margin-right: auto; margin-left: auto; padding-top: 40px; overflow: auto;}

#help { float: left; width: 299px; border-right: #625f5e 1px solid; padding-right: 20px; font-size: 12px; color: #cccccc;}
#announcements { float: left; width: 300px; border-right: #625f5e 1px solid; padding-right: 20px; padding-left: 20px; font-size: 12px; color: #cccccc;}

#events { float: left; width: 299px;  padding-left: 20px; font-size: 12px; color: #cccccc; }

#footer_bottom { width: 980px; margin-right: auto; margin-left: auto; border-top: #625f5e 1px solid; margin-top: 20px; padding-top: 20px; overflow: auto;}

#footer_logos { float: left; width: 600px; padding-bottom: 20px;}
#community { float: left; width: 380px; text-align: right; color: #cccccc; font-size: 12px;}

#copyright_body {  background-color: #2f2e2d; text-align: center; padding-top: 20px; padding-bottom: 20px; font-size: 9px; font-family: Verdana; color: #7c7c7c;}
    
    

#copyright { 
  width: 981px; font-family: Verdana;
   margin-right: auto; margin-left: auto; font-size: 9px;
    color: #ffffff; 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; padding-right: 5px;}
img.footerimageend { vertical-align: middle; }

img.logoimage { vertical-align: middle; padding-right: 10px;}

#right 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; }
  

#help ul { list-style-image: url('../images/bottom_heart.gif'); color: #cccccc; padding-left: 40px; padding-bottom: 0px; padding-top: 0px; margin-left: 0px; margin-bottom: 0px; }
    
    

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: #FFFFFF;
    BORDER-BOTTOM: #c8c7c7 1px solid;
    BORDER-LEFT: #c8c7c7 1px solid;
    BORDER-RIGHT: #c8c7c7 1px solid;
    BORDER-TOP: #c8c7c7 1px solid;
    COLOR: #000000;
    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-bottom: 2px; }
    
    

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

.form_button {
    border-color: #cc1f42;
    BACKGROUND-COLOR: #cc1f42;
    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: #cc1f42;
    BACKGROUND-COLOR: #cc1f42;
    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: #cc1f42; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
A:link { color: #cc1f42; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A:visited { color: #cc1f42; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
A:active { color: #cc1f42; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A:hover { color: #000000; TEXT-DECORATION: none; FONT-WEIGHT: normal;}
    
    
    
A.copyright:link { color: #7c7c7c; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Verdana, Arial, Helvetica; font-size: 9px;}
    
    
    
A.copyright:visited { color: #7c7c7c; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Verdana, Arial, Helvetica; font-size: 9px;}
    
    
    
A.copyright:active { color: #7c7c7c; 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.bottomlink:link { color: #cccccc; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size: 12px;}
    
    
    
A.bottomlink:visited { color: #cccccc; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size: 12px;}
    
    
    
A.bottomlink:active { color: #cccccc; TEXT-DECORATION: NONE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size: 12px;}
    
    
    
A.bottomlink:hover { color: #cccccc; TEXT-DECORATION: UNDERLINE; FONT-WEIGHT: none; font-family: Arial, Helvetica; font-size:12px;}
    
    
    
    

ul#navlist li
    {
    display: block;
    
    width: auto;
    margin: 0px;
    padding-left: 8px;
    padding-right: 0px;
    }
    
    

   
    
    

ul#navlist li a
    {
    display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 14px;
    font-family: Arial;
    color: #666666;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 20px;    padding-right: 0px;   background: url( ../images/small_heart.gif );
    
    background-position: left;
    
    background-repeat: no-repeat; margin-top: 7px;
    margin-bottom: 7px; padding-top: -2px; padding-bottom: 1px;
    
    }
    
    



ul#navlist li a:hover
    {
    display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 14px;
    font-family: Arial;
    color: #cc1f42;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 20px;    padding-right: 0px;   background: url( ../images/small_heart_rl.gif );
    
    background-position: left;
    
    background-repeat: no-repeat; 
 margin-top: 7px;
    margin-bottom: 7px; padding-top: -2px; padding-bottom: 1px;    }
    
  


ul#navlist li#drop a
    {
    display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 14px;
    font-family: Arial;
    color: #666666;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 20px;    padding-right: 0px;   background: url( ../images/small_heart.gif );
    
    background-position: left;
    
    background-repeat: no-repeat; margin-top: 7px;
    margin-bottom: 7px; padding-top: -2px; padding-bottom: 1px;
    
    }
    
    



ul#navlist li#drop a:hover
    {
    display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 14px;
    font-family: Arial;
    color: #cc1f42;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 20px;    padding-right: 0px;   background: url( ../images/small_heart_rl.gif );
    
    background-position: left;
    
    background-repeat: no-repeat; 
 margin-top: 7px;
    margin-bottom: 7px; padding-top: -2px; padding-bottom: 0px;  border-bottom: #cccccc 1px solid;   }
   

  

* {
    margin: 0;
    padding: 0;
    }
   


ul#topnavlist li
    {
    list-style-image: url('../images/clear.gif'); display: block;
    
    width: auto;
    margin: 0px;
    padding-left: 8px;
    padding-right: 0px;
    }
   
    
    

ul#topnavlist li a
    {
      list-style-image: url('../images/clear.gif'); display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 22px;
    font-family: Arial;
    color: #333333;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 35px;    padding-right: 0px;   background: url( ../images/top_heart.png );
    
    background-position: left;
    
    background-repeat: no-repeat; margin-top: 4px;
    margin-bottom: 4px; padding-top: 7px; padding-bottom: 6px;
    
    }
    
    



ul#topnavlist li a:hover
    {
     list-style-image: url('../images/clear.gif'); display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 22px;
    font-family: Arial;
    color: #cc1f42;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 35px;    padding-right: 0px;   background: url( ../images/top_heart_roll.png );
    
    background-position: left;
    
    background-repeat: no-repeat; 
 margin-top: 4px;
    margin-bottom: 4px; padding-top: 7px; padding-bottom: 6px;     }
   

   
  







ul#topnavlist2 li
    {
    list-style-image: url('../images/clear.gif'); display: block;
    
    width: auto;
    margin: 0px;
    padding-left: 8px;
    padding-right: 0px;
    }
   
    
    

ul#topnavlist2 li a
    {
      list-style-image: url('../images/clear.gif'); display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 18px;
    font-family: Arial;
    color: #333333;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 28px;    padding-right: 0px;   background: url( ../images/top_heart2.png );
    
    background-position: left;
    
    background-repeat: no-repeat; margin-top: 3px;
    margin-bottom: 3px; padding-top: 6px; padding-bottom: 5px;
    
    }
    
    



ul#topnavlist2 li a:hover
    {
     list-style-image: url('../images/clear.gif'); display: block;
    
    
    border-left: #579cb7 0px solid;  font-size: 18px;
    font-family: Arial;
    color: #cc1f42;
    font-weight: normal;
    text-decoration: none;   
    padding-left: 28px;    padding-right: 0px;   background: url( ../images/top_heart_roll2.png );
    
    background-position: left;
    
    background-repeat: no-repeat; 
 margin-top: 3px;
    margin-bottom: 3px; padding-top: 6px; padding-bottom: 5px;     }
    
     
    
   
    
    
    
    
   

.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: #333333;
    font-size: 11px;
    background-color: #ffffff;
    border-color: #cccccc;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 1px; 
    border-bottom-width: 1px;
    border-left-width: 1px;
    }
    
    
    
    
    

.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: #333333; 
    }
    
    
    
    
    

.navbutSubTbl a:hover {  
    font-family: Arial, sans-serif; 
    color: #cc1f42;
    font-weight: bold;
    background-color: #eeeeee;
    text-decoration: none;
    }
    
    
    
.drop_pad{
    margin-top: -2px;
    margin-left: 90px;
    border-top: #cccccc 1px solid; 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: 28px; color: #fd7f6b; border-bottom: #d2d2d2 1px solid; margin-bottom: 15px; padding-bottom: 7px;}
    
     
    

#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 { border-style: solid; border-width: 1px; border-color: #000000; margin-bottom: 5px;}
    
    
    
    

.header { font-family: Arial; font-size: 18px; color: #cc1f42; font-weight: bold; }