BODY {background-color: white;
       padding: 0px;
       margin-top: 0px;
       margin-bottom: 5px;
       margin-right: 0px;
       margin-left: 0px;
       font-size: 1em;
       font-family: sans-serif, Times, helvetica, arial, fantasy;
       color: black;
       }

#tool 
       {background-color: white; 
       font-size: 10px;
       font-family: arial, sans-serif, tahoma;
       padding: 1px;
       margin-top: 1px;
       margin-bottom: 1px;
       margin-right: 1px;
       margin-left: 1px;
}

              
#tooladmin 
       {background-color: white; 
       font-size: 12px;
       font-family: arial, sans-serif, tahoma;
       padding: 1px;
       margin-top: 1px;
       margin-bottom: 1px;
       margin-right: 1px;
       margin-left: 1px;
       color: white;
}
#tooladmin a {
	display: block; 
	width: 140px;
	text-align: left; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
    padding-left: 2px; 
    padding-right: 2px; 
    border-width: 0; 
    background-color: #75C5F0; 
    text-align: left;
    text-decoration: none; 
    color: black; 
    margin: 4; 
    font-weight: bold;
  }
#tooladmin a:hover {
	background-color: #75C5F0; 
	width: 140px;	
	padding-left: 2px; 
	font-family: arial, sans-serif; 
	font-size: 11px;
    padding-right: 2px; 
    color: white; 
    text-align: left; 
    font-weight: bold;
  } 
    
#tool_bar 
       {
       position: relative; left: 180px; top: -67px; z-index: 0;
       width: 540px;
       height: 18px;
       color:  white; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       padding: 0px;      
}
#tool_bar a 
    {  display: block; 
     text-align: center; 
     text-decoration: none; 
     color: white; 
     font-weight: bold;     
     font-size: 11px; 
     font-family: arial, helvetica, sans-serif; 
     padding-top: 2px;
     padding-left: 1px;
     padding-right: 1px; 
     margin: 0px;
     border-width: 0; 
    }
#tool_bar a:hover 
    {  display: block;
     text-align: center; 
     text-decoration: none; 
     color: #28166F; 
     font-weight: bold;     
     font-size: 11px; 
     font-family: arial, helvetica, sans-serif; 
     padding-top: 2px;     
     padding-left: 1px;
     padding-right: 1px; 
     margin: 0px;
     border-width: 0; 
    }

#bottom_bar 
     {
       width: 700px;
       height: 23px; 
       background-color: #003366; 
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       padding: 0px;      
      }

#bottom_bar a       { color: white; }
#bottom_bar a:hover { color: yellow; }     
  
.fadtext {font-size: 14px; color: white; font-family: Sans-serif, Times, helvetica, arial;}        
.text1  {font-size: 14px; color: black; font-family: helvetica, arial; padding-left: 10; padding-right: 10; text-align: justify;}        
.text2  {font-size: 15px; color: #006699; font-family:  Lucida Sans Unicode,Comic Sans MS, Arial, Sans-serif, Times, helvetica, arial;}        
.text3  {font-size: 12px; color: black; font-family: arial, sans-serif, Times, helvetica;}        
.header {font-size: large; color: #CC9933;   font-family: Comic Sans MS, Arial, Sans-serif, Times; text-align: center;} 
.header2 {font-size: medium; color: #CC3300;   font-family: Comic Sans MS, Arial, helvetica, arial;} 
.header3 {font-size: large; color: #CCCCCC;   font-family: Arial, helvetica, sans-serif;} 
.header4 {font-size: small; color: #880000;   font-family: Comic Sans MS, Arial, helvetica, arial;} 
.rsmall  {font-size: 11px; color: black; font-family: arial, Sans-serif, helvetica; }        
.rsmall2  {font-size: 11px; color: white; font-family: arial, Sans-serif, helvetica; }        
.bld    {font-size: 95%; font-weight: bold; font-family: sans-serif, helvetica,verdana, arial;}      
.info   {color: gray; font-size: 14px; font-family: sans-serif, helvetica,verdana, arial; font-weight: italic;}      
.redd   {color: red; font-size: 16px; font-family: sans-serif, helvetica,verdana, arial;}      
.red2   {color: maroon; font-size: 16px; font-family: arial, sans-serif, helvetica,verdana; font-weight: bold, italic;}      
.links  {color: black; font-size: 70%; font-family: sans-serif, helvetica,verdana, arial;}      
.servicetitle {font-size: medium; color: #000088;   font-family: Comic Sans MS, Arial, helvetica;} 
.servicetext  {font-size: small; color: black;    font-family: Arial, sans-serif, helvetica;} 

/* flared serif */
.serif {background: transparent; width:450px; margin:0 auto;}
.serif h1, .serif p {margin:0 10px;}
.serif h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.serif p {padding-bottom:0.5em;}

.serif .top, .serif .bottom {display:block; background:transparent; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Inset 3D Raised */
.raised {background: transparent; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#FF9933; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#FF9933; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#FF9933; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#FF9933; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#FF9933; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#FF9933; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#FF9933; border-left:1px solid #fff; border-right:1px solid #999;}


/* Inset 3D Raised */
.raised2 {background: transparent; margin:0 auto;}
.raised2 h1, .raised2 p {margin:0 10px;}
.raised2 h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised2 p {padding-bottom:0.5em;}
.raised2 A:link    {color: black; text-decoration: none;}
.raised2 A:active  {color: black; text-decoration: none;}
.raised2 A:visited {color: black; text-decoration: none;}
.raised2 A:hover   {color: #313131; text-decoration: underline;}

.raised2 .top, .raised2 .bottom {display:block; background:transparent; font-size:1px;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b4, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b, .raised2 .b4b {display:block; overflow:hidden;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b {height:1px;}
.raised2 .b2 {background:#FF7711; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised2 .b3 {background:#FF7711; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised2 .b4 {background:#FF7711; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised2 .b4b {background:#FF7711; border-left:1px solid #eee; border-right:1px solid #999;}
.raised2 .b3b {background:#FF7711; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised2 .b2b {background:#FF7711; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised2 .b1 {margin:0 5px; background:#fff;}
.raised2 .b2, .raised2 .b2b {margin:0 3px; border-width:0 2px;}
.raised2 .b3, .raised2 .b3b {margin:0 2px;}
.raised2 .b4, .raised2 .b4b {height:2px; margin:0 1px;}
.raised2 .b1b {margin:0 5px; background:#999;}
.raised2 .boxcontent {display:block; color: white;  background:#FF7711; border-left:1px solid #fff; border-right:1px solid #999;}

.r1   {color: black; font-size: 1em; font-family: Arial; 
         background-color: white; background-color: #DDDDDD;}
.r2   {color: black; font-size: 1em; font-family: Arial; 
         background-color: white; background-color: #9CBCE3;}
 
.headerblock
        {display: block; text-align: center; font-size: 1.1em; 
         font-family: verdana; sans-serif;
         border-width: 0; background-color: #DBDBDD;
         text-decoration: bold; color: black; }       

h1         {display: block; text-align: center; font-size: 1.1em; 
         font-family: verdana; sans-serif;
         border-width: 0; background-color: #DBDBDD;
         text-decoration: bold; color: black; }       
		 
A:link    {color: #AAAAAA; text-decoration: none;}
A:active  {color: #AAAAAA; text-decoration: none;}
A:visited {color: #AAAAAA; text-decoration: none;}
A:hover   {color: #313131; text-decoration: underline;}
 
#banner_top {
	position: absolute; left: 0px; top: 0px;
	background: white;
	width: 760px;
	height: 201px;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#bottom_nav { 
    position: relative; top: 0px; left: 0px; 
    width: 760px; 
    height: 30px;
    font-size: 10px; 
    color: white;
    padding-top: 10px;
    padding-bottom: 10px; 
    font-family: sans-serif, arial, verdana; 
    background-color: #007CC3;
}

#bottom_nav A:link    {color: #75C5F0; text-decoration: none;}
#bottom_nav A:active  {color: #75C5F0; text-decoration: none;}
#bottom_nav A:visited {color: #75C5F0; text-decoration: none;}
#bottom_nav A:hover   {color: #313131; text-decoration: underline;}

.lightblue_bar {
   width: 760px;
   height: 5px;
   background-color: #75C5F0;
}

#nav_right {
	background: #FF9933;
	font-size: 18px;
	width: 248px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}
#nav_right A:link    {font-size:  15px; color: white; text-decoration: none;}
#nav_right A:active  {font-size: 15px; color: white; text-decoration: none;}
#nav_right A:visited {font-size: 15px; color: white; text-decoration: none;}
#nav_right A:hover   {font-size:  15px; color: #313131; text-decoration: underline;}

.navblock 
 {background-color: #DFDFDF;
  color: black;
  float: left;
  margin-left: 0px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: arial, century, sans-serif, Times Roman;
  font-size: 12px;
  font-weight: bold;
  width: 210px;
}


#home_tool {
	position: absolute; right: 0px; top: 210px;
	background: #DDDDDD;
	font-size: 12px;
	width: 220px;
	height: 400px;
	float: left;
	padding: 0;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 10px;
	
}
#home_tool A:link    {color: white; text-decoration: none;}
#home_tool A:active  {color: white; text-decoration: none;}
#home_tool A:visited {color: white; text-decoration: none;}
#home_tool A:hover   {color: #313131; text-decoration: underline;}

.home_header {width: 220px; background-color: #DDDDDD; color: black; font-weight: bold; padding: 2px; padding-left: 10px; }



#photos { padding-right: 5px; }

#leftbar {
	position: absolute; left: 0px; top: 140px;
	background: white;
	width: 200px;
	height: 600px;
	float: left;
	padding: 0;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	
}

#mainpage {
	position: relative; left: 0px; top: 0px;
	background: white;	
	width: 760px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	margin-left: 0px;
    border-left: solid 1px #75C5F0;
    border-right: solid 1px #75C5F0;	    
}


#adminmainpage {
	position: absolute; left: -200px; top: 200px;
	background: white;	
	width: 760px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	margin-left: 0px;
    border-left: solid 200px white;
    border-right: solid 3px #75C5F0;	    
}

.datacells {
	float: left;
	width: 35em;
}

.row {
	clear: both;
}

.row span.label {
	font-size: 13px;
	font-family: Antigoni Light, Century Gothic, Arial;
	color: black;
	float: left;
	width: 12em;
	font-weight: bold;
	text-align: right;
	padding: 0 .2em 0.2em 0;
	margin: 0;
}

.row span.data {
	color: #223344;
	font-size: 13px;	
	float: left;
	width: 25em;
	text-align: left;
	padding: 0 0 0.8em .5em;
	margin: 0;
} 

span.label {
	font-size: 13px;
	font-family: Antigoni Light, Century Gothic, Arial;
	color: black;
	float: left;
	width: 12em;
	font-weight: bold;
	text-align: right;
	padding: 0 .2em 0.2em 0;
	margin: 0;
}

span.data {
	color: #223344;
	font-size: 13px;	
	float: left;
	width: 25em;
	text-align: left;
	padding: 0 0 0.8em .5em;
	margin: 0;
} 


input, textarea, select { 
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 border: 1px solid #284279; 
 margin-right: 0px; 
} 

.short_content {
	padding: 2px;
	margin-left: 5px;
	width: 400px;
	height: 100px;
	float: left;
    text-align: left;
}

.short_content a {
	color: red;
	text-align: left; 
	font-size: 12px; 
	font-family: arial, sans-serif; 
}

.short_content a:hover {
	color: #AA3333;
	text-align: left; 
	font-size: 12px; 
	font-family: arial, sans-serif; 
}

.announcements {
	background-color: #007CC3;	
	padding: 2px;
	margin-left: 5px;
	width: 280px;
	float: left;
    border: solid 1px #AAC773;	
    text-align: justify;
}
.announcement_header {font-size: 18px; color: #28166F; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold;}          		 
.announcement_text   {font-size: 12px; color: white; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold;}          		 
.announcement_text   a:link       {font-size: 12px; color: white; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold; text-decoration: underline;}          		 
.announcement_text   a:hover     {font-size: 12px; color: #DDDDDD; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold; text-decoration: underline;}          		           		 
.announcement_text   a:visited {font-size: 12px; color: white; font-family: Arial, Comic Sans MS, helvetica; font-weight: bold; text-decoration: underline;}