* { margin: 0; padding: 0; border: 0; }

/* -------------------------------------------- */
/* 				Global parameters  				*/
/* -------------------------------------------- */

body,h1,h2,h3,h4,p,ul,ol,td,input,textarea,div,select 			{ font: 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #000000; }

#header h1							{ font-size: 1px; color: #FFFFFF;}

#menu div.content p 				{ color: #FFFFFF; font-size: 11px; font-weight: bold; }
#menu div.content p a 				{ color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; }
#menu div.content p a:hover			{ color: #FFCC00; text-decoration: none; }

#main div.content h2				{ color: #790F0B; font-size: 18px; font-weight: normal; border-bottom: 1px solid #790F0B; margin-bottom: 12px; }
#main div.content h3				{ margin: 18px 0 10px 0; font-size: 13px; font-weight: bold; color: #000; text-decoration: underline; text-transform: uppercase;}
#main div.content h4				{ margin: 15px 0 -5px 0; font-size: 11px; font-weight: bold; }
#main div.content p					{ padding: 8px 0 4px 0; text-align: justify; }
#main div.content ul				{ margin: 8px 0 4px 30px;}
#main div.content li				{ margin-bottom: 6px; }
h1 span, h2 span, h3 span			{ display: none; }

div.message							{ margin: 10px 0; padding: 5px; background-color: yellow; border: 2px solid red; }
#main div.content span.labelx,
#main div.content span.label 		{ display: block;  width: 140px; margin-right: 10px; float: left; font-weight: bold; border-bottom: 1px dotted #CCCCCC}
#main div.content span.labelx 		{ border-bottom: none}
#main div.content input				{ border: 1px solid #CCCCCC; }

td									{ vertical-align: top; }
table.list td 						{ height: 22px; vertical-align: middle; border-bottom: 1px solid #CCCCCC; padding: 1px 0 1px 5px; }
table.results 						{ border: 1px solid #CCCCCC; }
table.results td					{ height: 20px; vertical-align: middle; padding: 1px 0 1px 5px; line-height: normal; border: 1px solid #CCCCCC;}
td.label							{ font-weight: bold; }
tr.head td							{ background: #A05250; color: #FFFFFF; vertical-align: middle; font-weight: bold }
img.right							{ float: right; padding-left: 5px; }
img.committee						{ padding: 5px; }

a			 		{ color:#0000FF; text-decoration:underline; }
a:hover 			{ color:#FF0000; text-decoration:none; }


a.getacrobat					{ display: block; width: 460px; height: 42px; margin: 10px 10px 10px 0px; border: 1px solid #CCCCCC; background: url(../_img/icon_getacrobat.gif) no-repeat 6px center; font-size: 9pt; color: #999999; text-decoration: none;}
a.getacrobat span				{ display: block; margin-left: 100px; padding-top: 8px}
a.getacrobat:hover 				{ background-image: url(../_img/icon_getacrobat_on.gif); }
a.getacrobat:hover span			{ color: #FF0000; }

a.pdf							{ padding-left: 30px; background:url(../_img/icon_pdf.png) left center no-repeat;}

div.left					{ width: 48%; float: left; padding-right: 2%; border-right: 1px solid #CCCCCC; }
div.right					{ width: 48%; float: right; }

a.zoom						{ float: right; width: 110px; height: 126px; margin: 0 0 10px 10px; padding: 1px; border: 1px solid #CCCCCC;   background: url(../_img/icon_enlarge.gif) no-repeat bottom right; }

a.zoom img					{ border: none; }
/* -------------------------------------------- */
/* 						LAYOUT  				*/
/* -------------------------------------------- */


body					{ background: #F6E1E1 url(../_img/bg_body.gif) repeat-y top center; text-align: center; }


#container				{ width: 760px; margin: 10px auto; text-align: left; }
#header					{ width: 760px; height: 190px; background: url(../_img/bg_header.jpg) no-repeat top left;  }
#menu					{ width: 760px; height: 50px; background: url(../_img/bg_header.jpg) no-repeat bottom left;  }
#menu div.content		{ padding-top: 27px; padding-left: 10px; }

#subnav					{ position: relative; width: 240px; margin-top: 3px; background: #790F0B url(../_img/bg_subnav_top.gif) no-repeat top left; float: left; }
#subnav div.content		{ width: 240px; padding-top: 15px; background: url(../_img/bg_subnav_bottom.gif) no-repeat bottom left; }
#subnav div.content p		{ color: #FFFFFF;}

#main					{ position: relative; width: 520px; float: left; }
#main div.content		{ width: 495px; padding: 20px 15px 0 10px; background: #FFFFFF url(../_img/bg_content_bottom.gif) no-repeat bottom right; }


/* for Internet Explorer */
* html #subnav div.content,
* html #main div.content 	{ height: 340px;}

#main div.content,
#subnav div.content			{ min-height: 340px; height:auto;}




#footer							{ margin-top: 0px; padding: 0px 0px; clear: both; }
#footer p,
#footer p a						{ font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #737373; text-decoration: none; margin: 0; }
#footer p a:hover 				{ color:#D9293E; text-decoration: underline; }			


p.right								{ text-align: right; }



/* -------------------------------------------- */
/* 					SUBNAV		  				*/
/* -------------------------------------------- */

#subnav h2						{ height: 17px; margin: 10px; border-bottom: 1px solid #FFF799; }
#subnav p				{ padding: 6px 10px; }

h2.ml							{ background: url(../_img/headings/h2_memberlogin.gif) no-repeat center left; }
h2.ln							{ background: url(../_img/headings/h2_latestnews.gif) no-repeat center left; }
h2.rnf							{ background: url(../_img/headings/h2_rssnewsfeed.gif) no-repeat center left; }


#login p span.label				{ display: block; width: 75px; height: 19px; line-height: 19px; font: bold 12px Tahoma, Arial, "Trebuchet MS", Verdana; float:left;}
#login p input.value			{ width: 138px; height: 19px; line-height: 19px; padding: 0 2px; background: url(../_img/bg_login.gif) no-repeat top left; }
* html #subnav #login p input.value 	{ background-attachment: fixed}

#subnav p						{font: 11px Tahoma, Arial, "Trebuchet MS", Verdana; }
#subnav a 						{font-weight: bold; color: #FFFFFF}
#subnav a:hover					{color: #FFF799; text-decoration: none;}

#copyright						{ padding: 8px; margin-bottom: 0; clear: both; background:#FFFFFF;}
#copyright	p					{ font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #A7A7A7; text-align: center; }
#copyright a 					{ color: #737373; }
#copyright a:hover 					{ color: #737373; }
#copyright a span				{ display: none; }

/* -------------------------------------------- */
/* 					TOOLTIP		  				*/
/* -------------------------------------------- */
.tooltip{ width: 200px; color:#000; font:lighter 11px/1.3 Arial,sans-serif; text-decoration:none;text-align:center}
.tooltip span.top{padding: 30px 8px 0; background: url(../_img/bt.gif) no-repeat top}
.tooltip b.bottom{padding:3px 8px 15px;color: #548912; background: url(../_img/bt.gif) no-repeat bottom}


/* -------------------------------------------- */
/* 					FORMS		  				*/
/* -------------------------------------------- */
form			{ clear: both; }
fieldset		{ border: 1px solid #790F0B; padding: 10px;	}
legend			{ padding: 2px 6px; font-size: 13px; color: #790F0B; font-weight: bold;}
form.contact span.label		{ display: block; width: 200px; margin-right: 0.5em; float: left; border-bottom: 1px solid #CCCCCC; }
form.contact textarea		{ width: 200px; height: 80px;  padding: 2px; border: 1px solid #CCCCCC; font-size: 11px; }

input			{ line-height: normal; }
input.sml		{ width: 50px; }
input.med		{ width: 80px; }
input.big		{ width: 200px; }
input.chk		{ border: 0; }

#formLogin input.submit 			{ width:1px; height:1px; background-color:#790F0B; }
#main div.content input.submit 		{ background-color: #FFFFFF; color: #000000; font-weight: bold; text-decoration: underline; border: none; cursor: pointer; }


/* -------------------------------------------- */
/* 				   PHOTO GALLERY	  			*/
/* -------------------------------------------- */

#select					{ padding: 1px; padding-left: 40px;  }
#select p 				{ clear: both; margin: 0; padding: 0;  }
#select p a				{ width: 64px; height: 64px; margin: 6px; float:left; border:1px solid #A9ACAA; padding:2px;  }
#select p a img			{ width: 64px; height: 64px; margin: 0; padding: 0; }
#select p a:hover			{ position:relative; }
#select p a:hover img 	{ position:absolute; width: auto; height: auto; left:-28px; top:-26px; border:1px solid #A9ACAA; padding:5px; background:#FFF; }

tr.new td,
td.new					{ background-color: #FFFFC8 }
