body
{
    width: 1000px;
    margin: 0 auto;
    margin-top: 0px;
    background-image: url(../images/background_body.gif);
    background-repeat: repeat-x;
  
    padding:0px;
}



/* ----- HEADER ----- */



#header
{
    height: 100px;
    background-color: white;
    padding:0px;
    margin:0px;
    border:none;
    border-collapse:collapse;
}



/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper
{
float:left;
width:100%;
background:white; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:0px;
clear:both;
}


/* ----- NAVIGATION TOP BAR ----- */

  #nav {
   margin :0;
   padding:0;
   float:left;
   width:100%;
   background-color:Navy;
  
   }
   
   #nav li {
   display:inline;
   padding:0;
   margin:0;
   
   }
   
   /* Highlighted Navigation Button */
   #nav .highlight li 
   {
    display:inline;
    padding:0;
    margin:0;
    
   }
   
   
   #nav .highlight a:link, #nav .highlight a:visited, #nav .highlight a:hover
    {
    background:darkred;
    color:yellow;
    }

    /* End of Highlighted Button */
    
   #nav a:link, #nav a:visited
{
    color: yellow;
    background-color:Navy;
    float: left;
    width: 86px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    padding-right: 12px;
    padding-left: 11px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-right:2px solid green;
    text-align:center;
}


   #nav a:hover
{
    color: yellow;
    background: darkred;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}



/* ******** NAVIGATION SIDE BAR ***/

/* Original 

#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 12px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:170px;}
#menucase ul.vert-one li{margin:0;padding:0;border-top:3px solid #4D0000;border-bottom:3px solid #761A1A;}
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#600;padding:0 0 0 20px;width:150px;}
#menucase ul.vert-one li a:hover{background:#900 url("../images/vert-one_arrow.gif") no-repeat 0 9px;}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("../images/vert-one_arrow.gif") no-repeat 0 9px;}
*/

#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 12px Helvetica, Verdana, Arial, sans-serif;line-height:185%;width:170px;}
#menucase ul.vert-one li{margin:0;padding:0;border-top:0px solid #4D0000;border-bottom:3px solid green;}
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:Navy;padding:0 0 0 20px;width:150px;}
#menucase ul.vert-one li a:hover{background:#900 url("../images/vert-one_arrow.gif") no-repeat 0 9px;}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("../images/vert-one_arrow.gif") no-repeat 0 9px;}


/* Sidebar */


#sidebar
{
    clear:both;
    float:left;
    width: 190px;
    margin:0 0 0 15px;
    min-height: 500px; /* for modern browsers */
    height: auto !important; /* for modern browsers */
    height: 560px; /* for IE5.x and IE6 */
    background-color: white;
    /*background-image: url(../images/background_sidebar.gif);
    background-repeat: repeat-y;*/
    
}

/*
#sidebar td
{
    border: 5px solid #006600;
    color: white;
    text-align: left;
    padding-right: 8px;
    padding-left: 20px;
    padding-bottom: 4px;
    padding-top: 4px;
    background: green url(../images/PlusBullet.jpg) no-repeat 2% 50%;
    
}


#sidebar a:link, #sidebar a:visited {
  margin-left: 12px;
  color: white;
  background-color: transparent;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

#sidebar a:hover {
  margin-left: 12px;
  color: white;
  background-color: darkred;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

*/

/* ----- MAIN CONTENT ----- */

#content
{
    float:left;
    margin:0 0 0 0px;
    width: 740px;
    min-height: 600px; /* for modern browsers */
    height: auto !important; /* for modern browsers */
    height: 550px; /* for IE5.x and IE6 */
    padding: 12px;
    background-color:white;
    /*background-image: url(../images/background_content.gif);
    background-repeat: repeat-y;*/
    border-left-style:solid;
    border-left-color:darkred;
    border-left-width:6px;
    
   
}


/* For the default home page */

/* rounded corner box Announcements
================================== */

#mainbox    
{
    font-size: 1em;
    width:780px;
    background: url(../images/box_tile.gif) repeat-y;
    margin-top:0px;
    margin-left:-10px;
}

#mainbox h3 /* same as h2 below but used to format with top image curved */
{
  background: url(../images/top.gif) no-repeat left top;
  padding: 10px 0px 0px 10px;
  line-height: 1;
  margin: 0;
  color: black;
  font-size: 13pt;
  font-family: Arial;
  text-decoration: none;
  font-weight: bold;
    
}

#mainbox h2
{
  padding: 10px 0px 0px 10px;
  line-height: 1;
  margin: 0;
  color: black;
  font-size: 13pt;
  font-family: Arial;
  text-decoration: none;
  font-weight: bold;
    
}
   
#mainbox .last 
{
    background: url(../images/bottom.gif) no-repeat left bottom;
    padding-bottom:10px;
    padding-top:0px;
    margin:0px;
    clear:both;
}

/****** Announcements Item Entry ****/

#itementry
{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    padding:0px;
}


#itementry img
{
    border:1px solid;
    height: 40px;
    width: 41px;
    float:left;
    clear:left;
}

#itementry .text
{
    margin-top:0px;
    margin-left:50px;
    padding-right:5px;
    text-align:justify;
    color: black;
    font-size: 9pt;
    font-family: Arial;
    
}

/******* News and Events Module ******/

#newsbox    
{
    font-size: 1em;
    width:170px;
   /*  background: url(../images/box_tile_red.gif) repeat-y; */
   background:white;
    border:solid,10px,black;
    margin-top:0px;
    margin-left:5px;
}

#newsbox h2
{
    background: url(../images/top_news.gif) no-repeat left top;
    padding: 10px 0px 0 10px;
    line-height: 1;
    margin: 0;
    color: black;
    font-size: 10pt;
    font-family: Helvetica;
    text-decoration:none;
    font-weight: bold;
    text-align: left;
}

#newsbox p
{
    padding: 0px 5px 0 10px;
    font-family: Tahoma;
    font-size: 11px;
    text-align: justify;
    color: #003300;
}

#newsbox li
{
    padding: 0px 5px 0 5px;
    font-family:Tahoma;
    font-size: 11px;
    text-align: justify;
}

#newsbox td img
{
    border: solid 1px;
}

#newsbox a
{


}

    
#newsbox .last 
{
    background: url(../images/bottom_news.gif) no-repeat left bottom;
    padding-bottom:20px;
    padding-top:0px;
    margin:0px;
}

    
/******* Rounded small box ******/

.smallbox   
{
    font-size: 1em;
    width:250px;
    background: url(../images/box_tile.gif) repeat-y;
    margin-left:0px;
    margin-top:20px;
}
/*
.smallbox h2
{
  background: url(../images/small_top.gif) no-repeat left top;
  padding: 10px 20px 0 10px;
  line-height: 1;
  margin: 0;
  color: black;
  font-size: 12pt;
  font-family: Arial;
  text-decoration: none;
  font-weight: bold;
    
}
*/



.smallbox p
{
 
  padding: 0px 10px 0 10px;
}

.smallbox li
{
    padding:0px 10px 0px 10px;
}

    
.smallbox .last 
{
    background: url(../images/bottom.gif) no-repeat left bottom;
    padding-bottom:20px;
    padding-top:0px;
    margin:0px;
    text-align:justify;
}

/* Photo Page */

.photo_page img
{
 display: inline; 
 float: left;
 margin-right: 5px;
 border: solid 2px black;
}

/* ----- FOOTER ----- */



#footer { 
margin-top:0px;
width:1000px;
background-color:darkred;
float:left;
}


#footer table
{
    margin-left: 300px;
}

#footer td
{
    background-color: darkred;
    color: white;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
 
}

#footer a:link, #footer a:visited
{
    background-color: darkred;
    color: white;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
  
}
#footer a:hover
{
    background-color: darkred;
    color: white;
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
    text-decoration: underline;
}


/* Text Styles Old Master File */

.text
{
    /* small font */
    font-family: tahoma;
    font-size: 11px;
    color: #000000;
    text-align: left;
}
.textBold {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	
}
.textfield {
	width:100px;
	font-family: tahoma;
	font-size: 11px;
}
.background_row_orange {
	background-color: #cf1848;
}
.button_grey {
	background-color: #0072cc;
	font-family: tahoma;
	font-size: 11px;
	color: #ffffff;
	border: 1px solid #0076bd;
	width: 70px;
}
.text_white{
	font-family: tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}
.head{
	font-family: "trebuchet MS";
	font-size: 20px;
	color: #ffffff;
}
.headerText
{
    background-color: #999999;
    font-family: Arial, 'trebuchet MS';
    font-size: 13px;
    color: #ffffff;
    font-weight: bolder;
}
.LinkButtons {
	font-family: tahoma;
	font-size: 11px;
	color: #0a365c;
	font-weight: bold;
}
.MandatoryColor {
	font-family: tahoma;
	font-size: 11px;
	color: red;
	font-weight: bold;
}
.textbox {
	font-family: verdana;
	font-size: 8px;
	color: #000000;
	text-decoration: none;
}
.textsmall {
	font-family: verdana;
	font-size: 7pt;
	color: #666666;
	text-decoration: none;
}
.textlight {
	font-family: verdana;
	font-size: 9px;
	color: #3c2f25;
	text-decoration: none;
}
.textYellow {
	font-family: tahoma;
	font-size: 10px;
	color: #FFCC00;
	font-weight:bold;
}

.textBlue {
	font-family: tahoma;
	font-size: 10px;
	color: #0072cc;
	font-weight:bold;
}
.border {
            border: 1px solid #000000;
		}
.background_row_Lblue {
            background-color: #f0f8ff;
}

.background_row_Lblue1 {
            background-color: #65bafd;
}
.Gridtext {
            font-family: verdana;
            font-size: 10px;
            color: #4c4c4c;
            font-weight:bold;
            text-decoration:none;            
}


.Gridtext:hover {
            font-family: verdana;
            font-size: 10px;
            color: #0066CC;
            font-weight:bold;
            text-decoration:underline;           
           
}

.SubHeading
{
    color: Green;
    font-size: 11pt;
    font-family: Tahoma;
    text-decoration: none;
    font-weight: bold;
}


.Green_Link
{
    color: Green;
    font-size: 11pt;
    font-family: Tahoma;
    text-decoration: none;
    font-weight: bold;
}
.Menu_Link
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 15px;
    font-family: Arial, Monospace;
}

.MenuSub_Link {
color: #FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
font-weight:bold;
text-decoration:none;
padding-right:15px;
}

/* Styling anchor tag for consistency across website */

#content a:link, a:visited
{
    color:green;
    text-decoration:none;
    border-bottom:solid 1px darkred;
}

#content a:hover
{
    color:darkred;
    text-decoration:none;
    border-bottom:dashed 1px darkred;  
}

#newsbox a:link, a:visited
{
    color:green;
    text-decoration:none;
    border-bottom:solid 1px darkred;
}

#newsbox a:hover
{
    color:darkred;
    text-decoration:none;
    border-bottom:dashed 1px darkred;
    
}




/* Adding external link icons to hyperlink */

#content a[href^="mailto:"] {
  background: url(../images/email_link.gif) no-repeat right center;
  padding-right: 15px;
}


#content a[href^="http:"] {
  background: url(../images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
  margin-right:4px;
}

#content a[href$=".pdf"] 
{
    background: url(../images/pdfLink.gif) no-repeat right center;
    padding-right: 15px;
    margin-right: 4px;
}
  
/* Main font used in Website */

.Text_Field
{
    color: black;
    text-align: justify;
    text-decoration: none;
    font-size: 10pt;
    font-family: Verdana;
}

.Text_FieldLeft
{
    color: black;
    text-align: left;
    text-decoration: none;
    font-size: 10pt;
    font-family: Verdana;
}

.Text_FieldBold
{
    color: #333333;
    text-align: justify;
    text-decoration: none;
    font-size: 9pt;
    font-family: Arial;
    font-weight:bold;
}

.Text_FieldCenter
{
    color: #333333;
    text-align: center;
    text-decoration: none;
    font-size: 9pt;
    font-family: Arial;
}

.Text_FieldError
{
    color: red;
    font-weight:bold;
    text-align: center;
    text-decoration: none;
    font-size: 9pt;
    font-family: Arial;
}

.Text_Field1 {
color: #333333;
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}

.Text_Link 
{
color: #333333;
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
text-decoration:none;
text-decoration:underline;
font-weight:bold;
}

.Text_Link:visited
{
color: #333333;
font:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
text-decoration:none;
text-decoration:underline;
font-weight:bold;
}