body
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right:0px;
text-align: center;
}


body,span, li, ul, h1,h2,h3, h4, h5, em, a, div 
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}
    
table, tr, td,th
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
}

th
{
font-weight:bold;
text-align:left;
	
}

.page
{
position: relative;
background:#848484;
padding-top:260px;
margin: 0 auto;
width:790px;
border: 2px solid #000;
text-align:left;
}

strong
{
font-weight:bold;
}

h1,h2,h3, h4, h5 
{
font-size:20px;
font-weight:900;
line-height: normal;
}

h1
{
color:#c00000;
}

h2,h3, h4, h5, li h5
{
font-size:small;
font-weight:900;
}

h3,h4, h5
{
font-size:x-small;
font-weight:900;
}

.top 
{
margin: 0 auto;
padding: 0;
background: #848484;
position: absolute;
text-align: left;
top: 0;
left: 0;
width: 100%;
}

.logo
{
position:relative;
height: 150px;
margin: 0 auto;
padding: 0px;
background-image: url(../UserFiles/Image/large/top.png);
background-repeat: no-repeat;
}

.top_text
{
padding:15px;
padding-left:25px;
padding-top:20px;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;	
}

.top_text a:link
{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.top_text a:hover, .top_text a:focus
{
color: #c00000;
font-size: 14px;
}

.red
{
color:#c00000;
}

.top_image
{
padding-top:30px;
}

.bottom
{
margin: 0 auto;
padding:0px;
margin:0px;
padding-top:10px;
text-align: center;
clear: both;
}

.bottom a
{
display: block;
}

.middle 
{
position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
margin-left:20px;
margin-right:20px;
padding-top: 30px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
/* height:350px; */
z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.middle form 
{
clear: both;
margin-bottom: 10px;
}

.left 
{
}

a:link, a:visited, a:active, a:hover 
{
font-weight: bold;
color:#000000;
font-size:10px;
text-decoration: none;
}

a:hover
{
border-bottom-color: #FFFFFF;
color: #c00000;
}

li,  ul
{
list-style-type: disc;
}

li li, ul ul
{
}

.admin 
{
font-weight: normal;
text-align:left;
font-size: x-small;
}                  

v\:* 
{
behavior:url(#default#VML);
}

.title
{
font-size:18px;
color:#c00000;
padding-right: 10px;
padding-left: 10px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #FFFF00;
}

.nav_title:link , .nav_title:active,  .nav_title:visited,  .nav_title:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFF00;
padding-left: 15px;   
padding-right: 15px;
}
	
.nav_title:hover
{
color:#FFFFFF;
}

.notes 
{
font-size: xx-small;
}


.darkgrey
{
background:#8C8C8C;
}

.lightgrey
{
background:#AFAFAF;
}

.col1
{
width:425px;
float:left;	
font-size:10px;
padding-right:20px;
}

.col2
{
text-align:right;
width:220px;
float:right;	
font-size:10px;
padding-right:20px;
}

.bottom_logo
{
position:relative;
height: 150px;
margin: 0 auto;
padding:0px;
background-image: url(../UserFiles/Image/large/bottom.png);
background-repeat: no-repeat;
}