h4	{ margin:15px 0 8px 0;}

body 
{
    background-color:#002F7A;
    text-align:left;
    font-family: arial,san-serif;
    font-size:14px;
}

body
.indent a
{margin-left:12px;
 font-size:90%;
}

.grn               
{
color:#006644;
}

.grnbold
{
color:#006644;
font-weight:bold;
}

	
.largetext				{font-size:123%;}
.normaltext             {font-size:100%;}
.normaltextbold {font-size:100%;font-weight:700;}
.largetextbold			{font-size:123%;font-weight:700;font-family:Sans-Serif;}
.largertext				{font-size:107%}
.largertextbold			{font-size:107%;font-weight:700;}
.smallertext			{font-size:90%;}
.smallertextbold		{font-size:90%;font-weight:700;}
.smalltext				{font-size:77%;font-family:arial,Sans-Serif;}
.smalltextbold			{font-size:77%pt;font-weight:700}
.shadedtext				{background-color:#ccffcc; padding:2px 2px 2px 2px;}
.shadedtextbold			{background-color:#ccffcc;font-weight:700; padding:2px 2px 2px 4px;}
.divider             {background-color:#ccffcc;
                      border:1px solid black;
                      font-size:123%;
                      font-weight:700;
                      color:Black;
                      padding:2px 2px 2px 4px;}

.tooltip {
  border:2px solid blue;
   background-color:white;
  padding:3px;
	}
	
.tooltip a 
{
	color:Blue;
	font-size:2em;
	line-height:1.1em;
}

.tooltip a hover
{color:White;
 background-color:Navy;
}	
	
	
.upperrightmug
{
    float:right;
    margin:20px 0 20px 20px;
}
.pageheader
{
    font-family:Sans-Serif;
    font-size:140%;
    font-weight:bold;
    text-align:left
}


.centerpageheader
{
    font-family:Sans-Serif;
    font-size:160%;
    font-weight:bold;
    text-align:center;
    color:#006644;
	width:100%;
    margin: 0 auto 0 auto;
}
.centerAnnouncementHeader
{
    font-family:Sans-Serif;
    font-size:108%;
    font-weight:bold;
    text-align:center;
    color: #006644;
    }
.centerheadline
{
    font-family:Sans-Serif;
    font-size:123%;
    font-weight:bold;
    color: #006644;
    text-align:center;
}
.headline
{
    font-family:Sans-Serif;
    font-size:123%;
    font-weight:bold;
    text-align:left;
        color: #006644;
}
.centerheadline a:hover
{text-decoration:underline;
}

    
.xsmalltextbold
{ 
    font-size:77%;
    font-weight:400;
}    
.sectionheader{font-size:108%;
    font-family:Arial;
    font-weight:bold;
    color:#006644;
} 


.linkbutton
{
    background-color:#0066CC;
    text-align:center;
    vertical-align:middle;
    border-style:outset;
    padding:4px;
    text-decoration:none;
  color:white;
}

.center
{text-align:center;
    width:100%;
    margin:0 auto 0 auto;
}


#page_content {
	margin-top: 3px;
	margin-left:25px;
	margin-right:25px;
	min-height:950px;
	line-height:145%;
}
	#page_content td
	{vertical-align:top;
	margin-left: 40px;
}
		
#page_content H1 
{font-size:140%;font-weight:700}



#page_content ul
{
    margin-top: 3px;
  /*  color: #006618; */
    list-style-type: square;
    font-variant: normal;
   /* font-weight: bold; */
}
#page_content ul ul
{
/*    font-size:10%; */
    margin-top: 3px;
/*    color: #000099; */
    list-style-type: square;
    font-variant: normal;
    font-weight:normal;
}

#page_content ol {
	font-size: 100%;
	margin-top: 3px;
	color:  #004B00;
	font-variant: normal;
	font-weight: normal;
}
#page_content li a
{ 
   
/* color:#0000BB;
    color:Blue;  */
}
#page_content a:hover img
{
    margin:0px;
    padding:0px;
    border:none 0px;
    color:inherit;
	text-decoration: none;
	
}

#page_content a img
{
    border-style: none;
	border-color: inherit;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	color:inherit;
		text-decoration: none;
 	/*height: 41px;
	width: 113px; */
}
 
#page_content a
{
    margin-top: 3px;
    color: #006644;
    font-variant: normal;
  /*  font-weight:600; */
    text-align: center;
}
#page_content li
{   margin-top:6px;
    margin-bottom:4px;
	
}
#page_content li a img
{
    margin:none;
    border:none;
    color:inherit;
    
}

#page_content a:hover {
	color: #FFFFFF;
	text-decoration: none;
/*	border: 1px #000000 solid; */
	background-color: #0087BF;
}


.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
  #index_content a
{
    margin-top: 3px;
    color: #0000BB;
    font-variant: normal;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
}
#index_content a:hover 
{
	text-decoration: underline;
}

 .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(../Images/Effects/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(../Images/Effects/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background:url(../Images/Effects/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  }
 .nodec
{
  background:none;
  border:0,0;    
}
div.centered 
{
text-align: center;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}


#leftcol 
{ width:156px;
   /*background-color:Blue;    */
   height:100%;
  /* margin-top:10px;  */  
   text-align:center;
}

#leftcol li
{
    line-height: 20px;
    list-style-type: none;
  }
#leftcol a
{
    font-size: 95%;
    color: #f1f1fa;
     font-family: Arial, Sans-Serif;
     font-weight:normal;
    padding-top: 4px;
   padding-bottom: 4px;
    text-decoration: none;
    border-bottom: #FFFFFF 2px solid;

}

#leftcol .greenhighlight a:hover
{  
background-color: #0A5000;
}

#leftcol a:hover
{
    color: #FFFFEE; /* text-decoration:blink; */ /* underline; */
    background-color: #000099;
         text-decoration:none; /* underline; */
    
}
#contentlist
{ margin-left:20px;
margin-right:25px;
}
#contentlist li
{ 
    /* color: #006644; */
    font-size:100%;
    font-family:Sans-Serif;
    font-weight:normal;
    padding:2px 0 4px 0;
}
#contentlist a
{ text-decoration:none;
}
#horiz td
{ width:193px;
margin:0 0 0 0;
}

#horiz a
{
    font-size: 100%;
     background-color: #8fac8f;
     color:White;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
     border:solid 1px #002200;
    width:100%; 
    display:block;
    text-align:center
}

#horiz a:hover
{
    color: #FFFFEE; /* text-decoration:blink; */ /* underline; */
    background-color: #0a5000;
         text-decoration:none; /* underline; */
    
}


#pagefooter
{
    font-family:Sans-Serif;
    font-size:8pt;
}

#pagefooter a
{
    font-family:Sans-Serif;
    font-size:small;
     color: #006644;
    font-weight:bold;
    text-decoration:none
}
#pagefooter a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px #000000 solid;
	background-color: #0087BF;
}

.borderbox
{
    border-right: #006600 double;
    border-top: #006600 double;
    border-left: #006600 double;
    border-bottom: #006600 double;
    padding:10px;
    min-width:475px;
}
.borderbox a
{ font-family:Arial;
}
.borderbox a:hover
{	color: #FFFFFF;
	text-decoration: none;
	background-color: #0087BF;
}   
.watermark
{
    font-size: smaller;
    color: #99cccc;
    font-family: arial;
    }
  
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #FFFACD;
    color: #006600;
}

#filelist ul
{
    font-size: 100%;
    margin-top: 3px;
    color: #0000AA;
    list-style-type: square;
    font-variant: normal;
    font-weight: bold;
}
#filelist ul ul
{
    font-size: 100%;
    margin-top: 3px;
    color: #004B00;
    list-style-type: square;
    font-variant: normal;
    font-weight:normal;
}
#filelist li a
{ font-size:100%;
  color:#0000BB
  /*color:Blue; */
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	
}
.stafftable table
{ border:solid 1px #006644;
    border-collapse:collapse;
}
.stafftable th
{ background-color:#8fac8f;
    color: white;
    border-bottom:solid 1px white;
    border-right:solid 1px #006644;
    font-family:Sans-Serif;
    font-size:12px;
}
.stafftable td
{
  border-collapse:collapse;
  border-right:solid 1px #006644;
  border-bottom:solid 1px #006644;
  padding-right:3px;
    
}

/*-----------ToolTips------------------*/

.popup {
position:relative;
/*width:22em;
*/
}
.popuptest{
color:#00B9F6;
line-height:1.8em;
}

.popup:hover{
color:#ffffff;
background-color:#5DCCF0;
}

.popup span {
display:none;
/*position:relative;
width:22em;
height:40em;*/
}

.popup:hover span {
display:block;
position:absolute;
top:0;
left:17em;
width:19em;
color:#FFFFFF;
line-height:1.2em;
padding:1.2em;
background:#008800; /*url(img/bg-tooltip1.jpg) repeat-x;*/
cursor:default;
border:inset 2px black;
}

#larger_content ul ul
{
     font-family:Sans-Serif;
     font-weight:bold;
    font-size:100%;
    margin-top: 3px;
/*    color: #000099; */
    list-style-type: square;
    font-variant: normal;
    font-weight:normal;
}
#larger_content li
 {
 font-family:Sans-Serif;
     font-weight:bold;
    font-size:100%;
    margin-top: 3px;
/*    color: #000099; */
    list-style-type: square;
    font-variant: normal;
    font-weight:normal;
    }
#larger_content
{
    font-size: large;
    color: #000099;
     font-family:Sans-Serif: 
    
    }
    
#pagefooter a:hover {
	color: #FFFFFF;
	text-decoration: none;
	/*border: 1px #000000 solid; */
	background-color: #0087BF;
}

.checkcol
{  border: solid 1px black;
   width:40px;
   height:40px;
}
   
   
   #page_content .MenuDiv
{
 cursor:pointer;
  }

#page_content .MenuDiv table
{
	border:collapse;
	font-size:12;
	font-weight:normal;
	margin:0 auto 0 auto;
	text-align:center;
}

#page_content .MenuDiv td
{	padding:0;
 	margin:0;
 	 }


 #page_content .MenuDiv a
  {
 border: double 4px #FFFFFF;
  /* width:100%; */
  display:block;
  text-decoration:none;
  color:White;
 /* background-color:#D2A324; */
 background-color:#8fac8f;
 padding:0 3px 0 3px;
 margin:0 0 0 0;
  }

#page_content  .MenuDiv a:hover
  {
  /*background:#7D6116;*/
 background:#0A5000; 
 color:white;
  text-decoration:none;
 /* border:solid 4px #7D6116; */
  }

#page_content  .MenuDiv hover
  {
  background-color:#7D6116;
  }

/* Slide Show */

#rotator {
width: 320px;
height: 240px;
margin-left: 10px;
/* position: relative; */
}

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}