/* CSS Document */

body{
	margin:0; font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:14px; 
	line-height:20px;
	text-align: center;}
	 
a:link, a:visited, a:hover, a:active{
	color:#70852F; font-weight:bold;}

/* ------------------- Header ------------------- */		 

#header{
	background-color:#727272; 
	height:65px;}

#hdrimg{
	text-align:center;  
	width:766px; 
	margin-left: auto; 
	margin-right: auto;}


/* ------------------- Navigation ------------------- */	
#nav{
	margin-left: auto; 
	margin-right: auto; 
	width:766px;
	background:url(images/container_bg2.jpg) repeat-y;}


/* ------------------- Layout ------------------- */	
#container{
	background:url(images/container_bg2.jpg) repeat-y; 
	margin:0px auto; 
	width:766px; 
	text-align: left;}

#main{
	width:680px; 
	margin:0px auto;}

#content{
	width:460px; 
	float:right; 
	margin-right:10px; 
	margin-top:10px;}


/* ------------------- News ------------------- */	
#news{
	width:200px; 
	background-color:#F1F1EF; 
	float:left; color:#676767; 
	margin-top:10px;}

#news p{
	margin:10px;}

#news .date{
	color:#B0B0B0;}

.foot{
	color:#676767;}	


/* ------------------- Footer ------------------- */	
#footer{
	margin:0px auto; 
	width:766px;}


/* ------------------- Misc Classes ------------------- */	
.photo{
	border:1px dotted #666666; 
	padding:3px;}

.more{
	color:#7F8D95;}

.members{
	background-color:#FFFFFF;}

.textbox{
	border:1px solid #A9BCC4;}

.heading{
	font-size:14px;}

 #sponsors li{
	list-style-type:none;}	
	
.caption{
	font-size:11px;}
	
.contact{
	font-size: 11px;
}

.contact input{

}

.contact input checkbox{
}

.contact textarea{
	/*width: 200px;*/
}

.contact dl dt{
	display: block;
	float: left;
	text-align: right;
	width: 200px;
	margin-right: 10px;
	padding-top: 7px;
}

.contact dl dd{
	margin: 0;
	padding: 5px 0;
	height: 20px;
	width: 200px;
	display: block;	
	float: left;
}


/* form */

.cssform {
	margin-bottom: 25px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
font-size: 12px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color: #6B7372;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
/*width: 180px;*/
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}