BODY {background-color: white;
        background-image: URL('../images/background_1400.jpg'); 
	   background-repeat: repeat-x;
	   background-attachment: fixed;
       background-position: center;	   
       padding: 0px;
       margin-top: 0px;
       margin-bottom: 5px;
       margin-right: 0px;
       margin-left: 0px;
       font-size: 12pt;
       font-family: calibri, arial,Times, helvetica, arial, fantasy;
       color: black;
       }
            
#topbanner{
  background-color: #1d4490;
  width: 1000px;
}

#mainpage {
	position: relative; left: 0px; top: 0px;
	background: white;	
	width: 760px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-left: 0px;
    border-left: solid 1px #75C5F0;
    border-right: solid 1px #75C5F0;	    
}
  
#nav_bar 
       {
       background-color: #1d4490;
       width: 200px;
       padding: 0px;  
       padding-left: 0px;	
	   white-space:nowrap;
}
#nav_bar a 
    {  
	 display: block; 
     text-align: left; 
     color: #FFFFFF; 
     font-weight: bold;
     text-decoration: none;     
     font-size: 12pt; 
     font-family: calibri, arial, helvetica, sans-serif; 
     padding-top: 2px;
     padding-left: 1px;
     padding-right: 1px; 
     margin: 0px;
     border-bottom: 2px solid #FFFFFF; 
    }
#nav_bar a:hover 
    { 
	 display: block; 
     text-align: left; 
     text-decoration: none;     
     color: #DDDDDD; 
     font-weight: bold;     
     font-size: 12pt; 
     font-family: calibri, arial, helvetica, sans-serif; 
     padding-top: 2px;
     padding-left: 1px;
     padding-right: 1px; 
     margin: 0px;
     border-bottom: 2px solid #DDDDDD; 
    }

#bottom_bar 
     {
       width: 1000px;
	   height: 50px;
       background-color: #1d4490;
       font-size: 11px;
       font-family: arial, sans-serif, tahoma;
       padding: 0px;   
       padding-top: 5px;	   
      }

#bottom_bar a       { color: white; }
#bottom_bar a:hover { color: yellow; }     
  
  
#contact_info{
  position: relative; top: -80px; left: 380px; z-index: +99;
  width: 200px;
  text-align: right;
}  
	
.rounded-corners {
    position: relative;
    behavior: url(/css/border-radius.htc);
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
     -khtml-border-radius: 20px;
     border-radius: 20px;
}


.drop-shadow {
   position:relative;
   width:90%;
}

.drop-shadow:before,
.drop-shadow:after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:50%;
   height:20%;
   max-width:300px;
   -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -webkit-transform:rotate(-3deg);
   -moz-transform:rotate(-3deg);
   -o-transform:rotate(-3deg);
   transform:rotate(-3deg);
}

.drop-shadow:after{
   right:10px;
   left:auto;
   -webkit-transform:rotate(3deg);
   -moz-transform:rotate(3deg);
   -o-transform:rotate(3deg);
   transform:rotate(3deg);
 }
 
.H4 { font-size: 12pt; font-family: calibri, arial; color: #FFFFFF; }
.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;} 


.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: #000088; text-decoration: none;}
A:active  {color: #000088; text-decoration: none;}
A:visited {color: #0088; text-decoration: none;}
A:hover   {color: #313131; text-decoration: underline;}
 
.lightblue_bar {
   width: 760px;
   height: 5px;
   background-color: #75C5F0;
}

.sq_list
{
   list-style-type: square;	   
   color: #FFFFFF;
}

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

/* -----------------	homepage nav	  */
#admin_nav {
    float: left;
	background-color: #1B3563;
	height: 600px; 
	padding: 2px;
	margin: 0px;
}

#admin_nav a {
    display: block;	
	text-align: left; 
	font-size: 12px; 
	font-family: verdana, calibri, Comic Sans MS, Arial, helvetica; 
	font-weight: bold;
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 2px;
    padding-bottom: 2px;
    border-width: 0; 
	background-color: #1B3563;
    text-decoration: none; 
    color:  white;
    margin-left: 0px; 
    width: 132px;
    filter:alpha(opacity=100);
    -moz-opacity: 100;
    opacity: 100;		
    }

#admin_nav a:hover {
    display: block;		
	text-align: left; 
	font-size: 12px; 
	font-family: verdana, calibri, Comic Sans MS, Arial, helvetica; 
	font-weight: bold;	
    padding-left: 2px; 
    padding-right: 2px; 
    padding-top: 2px;
    padding-bottom: 2px;
    border-width: 0;     
	background-color: #7396A8;
    text-decoration: none; 
    color: #000; 
    margin-left: 0px; 
    width: 132px;
    filter:alpha(opacity=70);
    -moz-opacity:.70;
    opacity:.70;		
   }
#admin_nav .navblock 
        {
	background-color: white;
    color: black;
    margin: 0px;
    padding: 0px;
    font-family: century, Times Roman, arial;
    font-size: 12px;
    font-weight: bold;
    width: 90px;
    filter: alpha(opacity=50);
    moz-opacity: .50;
    opacity:.50;	
    }
/* -----------------	homepage nav  */



#admin_mainpage {
	background: white;	
	width: 800px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	margin-left: 0px;
    border-left: solid 160px white;
}

.datacells {
	float: left;
}

.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: 28em;
	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;}