a:link {
	color: #003366;
}

a:hover{
	text-decoration: underline;
	color: #353535;
}

a:visited {
	color: #003366;
}

*
{
border: 0;
margin: 0;
}

body
{

	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url('top/back.jpg');
	background-repeat: repeat-x top;
	background-attachment: fixed;
}

#bg_top{


}

#main
{
margin: 0 auto;
width: 980px;
padding-top: 0px;
padding-bottom: -35px;
}

#header
{
width: 980px;
margin: auto auto;
height: 250px;

}

#logo
{
padding-left: 40px;
text-align: left;
padding-top: 120px;

}

#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

#logo H2 a
{
font-size: 10px;
}

#buttons
{
width: 980px;
height: 39px;
margin-top: -20px;
text-align: left;
}

#buttons ul {
   	float:left;
	padding: 0px;
    margin: 0px;   
}

#buttons li {
    display:inline;	
}

.f {
	float: left;
	width: 71px;
	height: 31px;
	background: url(images/menu.png) no-repeat;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 8px;
	margin-right: 0px;
}

#buttons a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	background: none;
}

.t {
	float: left;
	width: 71px;
	height: 31px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 8px;
	margin-right: 0px;
}

.t:hover {
	float: left;
	width: 71px;
	height: 31px;
	background: url(images/menuhoverlast.png) no-repeat;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	padding-top: 8px;
	margin-right: 0px;
}

.f:hover {
	width: 71px;
    height: 31px;
    color: #ffffff;
	background: url(images/menuhover.png) no-repeat;
}

#content
{
width: 970px;
height: auto;
background: #fafafa;
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 0px;
border:4px solid;
border-left:6px solid;
border-top:1px solid;
border-color:#FFFFFF;
float:right;
}

#left
{
width: 690px;
height: auto;
border:1px solid;
border-color:#486a00;
border-top:6px solid;
border-top-color:#486a00;
border-bottom:6px solid;
border-bottom-color:#486a00;
padding-bottom: 0px;

}
.text{
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 15px;
	
}

#lefts
{
width: 690px;
margin-top:5px; 
border:1px solid;
border-color:#993300;
border-top:6px solid;
border-bottom:6px solid;
border-bottom-color:#993300;
border-top-color:#993300;
}
.texts{
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 15px;
	
}

#left H1
{
color: #7e8901;
font-size: 24px;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

#left h2 {
color: #7e8901;
font-size: 23px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#left h5{
font-size: 18px;
padding-top: 10px;
font-family: Verdana;
}

#left pr
{
color: #406618;
}
.pred{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #406618;
	padding-left: 30px;
	padding-top: 15px;
	margin-bottom: 5px;
}

#lefts H1
{
color: #7e8901;
font-size: 24px;
padding-top: 10px;
padding-left: 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}
.pred{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #b22d00;
	padding-left: 30px;
	padding-top: 15px;
	margin-bottom: 5px;
}

#left a
{
 color: #406618;
 
}

#left a:hover{
	text-decoration: none;
	color: #353535;
}

#left a:visited {
	color: #3a7854;
}

#lefts a
{
 color: #ff4200;
 
}

#lefts a:hover{
	text-decoration: none;
	color: #353535;
}

#lefts a:visited {
	color: #3a7854;
}


#home a
{
 color: #9d9d9d;
}

#home a:hover{
	text-decoration: none;
	color: #353535;
}

#home a:visited {
	color: #9d9d9d;
}


.date {
	margin-top: 25px;
	color: #ff8d00;
	font-size: 11px;
	padding: 10px;
	margin-bottom: 10px;
	font-weight:bold;
	background: url(images/datebg.jpg) no-repeat;
}

.date a {
	color: #ff4200;
	text-decoration:none;
}

.dateleft{
	background:url(images/timeicon.gif) no-repeat left;
	padding-left: 20px;
	width:200px;
	color: #ff4200;
}

.dateright{
	float:right;
	background:url(images/tages.gif) right no-repeat;
	padding-right: 20px;
	text-align:right;
	height: 16px;
}

#post{
	padding-left: 30px;
}

#col1{
	width: 188px;
	float:left;
}

#col1 ul{
	padding: 0px;
}

#col1 ul li{
	background:url(images/bg2.gif) no-repeat;
	width: 188px;
	height: 21px;
	list-style: none;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 3px;
}

#col1 ul li a{
	color: #c17305;
	text-decoration: none;
	font-size: 11px;
}

#col2{
	padding-left: 8px;
}

#col2{
	width: 188px;
	float:left;
}

#col2 ul{
	padding: 0px;
}

#col2 ul li{
	background:url(images/bg2.gif) no-repeat;
	width: 188px;
	height: 21px;
	list-style: none;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 3px;
}

#col2 ul li a{
	color: #c17305;
	text-decoration: none;
	font-size: 11px;
}

#col3{
	padding-left: 8px;
}

#col3{
	width: 188px;
	float:left;
}

#col3 ul{
	padding: 0px;
}

#col3 ul li{
	background:url(images/bg2.gif) no-repeat;
	width: 188px;
	height: 21px;
	list-style: none;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 3px;
}

#col3 ul li a{
	color: #c17305;
	text-decoration: none;
	font-size: 11px;
}

#right
{
width: 252px;
height: 700px;
padding-right: 7px;
padding-top: 9px;
border:1px solid;
border-color:#0065b3;
border-top:6px solid;
border-top-color:#0065b3;
border-bottom:6px solid;
border-bottom-color:#0065b3;
padding:10px;
padding-bottom: 31px;
float:right;
background: url(images/bg_side.jpg);
background-repeat:repeat-x;
}
.texter{
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 15px;
	
}

#choice
{
width: 937px;
height: 202px;
padding-top: -50px;
}

#right ul 
{
	list-style: none;
	padding-top: 0px;
	padding-left:9px;
	margin: 0px;
	display:block;
	
}

#right ul li{
margin-bottom: 20px;
width: 192px;
}

#space {
padding: 4px;
}

#space2 {
padding: 4px;
}

#categories ul li {
	margin-bottom: 5px;
	background: url(images/ulbgtop.jpg) no-repeat left;
	padding-left: 15px;
	height: 18px;
}

#categories ul li a{
	color: #003300;
	font-size: 12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#partners ul li {
	margin-bottom: 5px;
	background: url(images/ulbgbot.jpg) no-repeat left;
	padding-left: 15px;
	height: 18px;
}

#partners ul li a{
	color: #464646;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}



#right h2 {
color: #7e8901;
font-size: 23px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
color: #7e8901;
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}


#right a:link {
	text-decoration: none;
}

#right a:hover {
	text-decoration: underline;
}
#right a:visited {
		text-decoration: none;
}

#right li a {
	padding-left: 10px;
	background: url(images/img09.gif) no-repeat 1px 5px;
}

#footer
{
	height: auto;
	width: auto;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

#footer a
{
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}
.padding
{
padding: 0px;
color:#FF0000;
font-weight: bold;
}
/* begin styles for RSS Feed */

.rss_box {
	 margin: 0em;
	 width: 200px;
	 /*background: url(images/back.jpg) no-repeat 0px 0px;*/
}

.rss_items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color:#000000;

}


.rss_item  {
  font-family: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss_item a {
	text-decoration : none;
	color: black;
	font-size: 12px;
	font-weight:light;
	font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	}

.rss_item a:visited {
	color:black;
}

.rss_date {
	font-size: 85%;
	font-weight : normal;
	color: #fff;
	}
	
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20;
left: 140px; /*position where enlarged image should offset horizontally */

}


.field {
-moz-opacity:0.5;
filter:Alpha(Opacity=50);
}

#rights
{
border:1px solid;
border-color:#0065b3;
border-top:6px solid;
border-top-color:#0065b3;
}
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

div.login{
width: 235px;
height: 150px;
border:0px;
background: url(images/security-back.jpg) no-repeat;
z-index:-2;
}

div.test{
width: 435px;
height: 350px;
border:0px;
padding-top:20px;
padding-left:40px;
background: url(images/findback.png) no-repeat;
z-index:-2;
}

textarea {
overflow:hidden;
}

textarea.scroller{
overflow:scroll;
}

textarea.special {
background-color: transparent;
margin-right:10px;
font-family:arial;
font-size:14px;
}

div.profile
{
margin-left: auto;
}
div.topper
{
margin-left: auto;
margin-right: auto;
width: 100%;
height: 10px;
background: url(images/topperleft.png) repeat-x;
}

div.toppercenter
{
width: 1003px;
height: 33px;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
background: url(images/topper.png) no-repeat;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20;
left: 140px; /*position where enlarged image should offset horizontally */

}

#navlist{bottom:0px;}
#navlist li{margin:15px;padding:0;list-style:none;top:0;z-index:-1;}
#navlist li, #navlist a{height:99px;display:block;}

#homes{width:99px;}
#homes{background:url('images/jchover.png') 0 0;}
#homes a:hover{background: url('images/jc.png') 0 0px;}

#homer{width:99px;}
#homer{background:url('images/ACRlogo_largehover.png') 0 0;}
#homer a:hover{background: url('images/ACRlogo_large.png') 0 0px;}

#homed{width:99px;}
#homed{background:url('images/AARClogo.png') 0 0;}
#homed a:hover{background: url('images/AARClogohover.png') 0 0px;}

#hom{width:221px;}
#hom{background:url('images/OSFhover.png') 0 0;}
#hom a:hover{background: url('images/OSF.png') 0 0px;}

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: white;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
color:#669933;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #669933;
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #E0E0E0;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

div.searchbar{
margin-left:715px;
padding-top:8px;
border:0px;
}

th.back
{
color:#FFFFFF;
background: #99cc99;

}
tr.backs
{
color:#000000;
background: #f2f1df;

}

tr.top
{
height:35px;
color:#000000;
background: #f2f1df;

}

td.middle
{
padding: 2px;
color:#000000;
background: #99cc99;

}
td.back
{
color:#FFFFFF;
background: #99cc99;

}

input
{
color: #669966;
border: 1px solid #669966;
}

select
{
color: #669966;
border: 1px solid #669966;
}

textarea
{
color: #669966;
border: 1px solid #669966;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

h3.classes
{
	text-decoration: none;
	font-size: 16px;
	color: #003300;
	font-weight: bold;
}