@import 'reset.css';

body { font-size: .8em; font-family: tahoma, verdana, helvetica, sans-serif; /*background: #F4F4F4;*/ background: #EEEEEE; color: #5C5C5C; }

h1 { margin: 0px 10px 4px 0px; font-size: 2em; color: #000000; font-weight: bold; }
h2 { margin: 0px 10px 4px 0px; font-size: 1.2em; color: #767676; border-bottom: 1px solid #dcdcdc; }
h3 { margin: 0px 10px 4px 0px; font-size: 95%; color: #83B243; padding-top: 0.3em; text-align: left; }

p { line-height: 1.5em; }
p.standard { padding-bottom: 20px; }

ul { margin: 0px 0px 20px 20px; }

a, a:visited, a:active { color: #0303a9; text-decoration: underline; }
a:hover { color: #EE7D00; }


.h1Underline { width: 100%; border-bottom: #f3e5c6 1px solid; height: 29px; }

#header {  display: block; margin: 0 auto; height: 180px; width: 100%; /*background:url(images/header-back.jpg) repeat-x #94BD39;*/ background-color: #FFFFFF; }
	#headerLogo { display: block; width: 240px; }
	#featuredMember { float: right; width: 250px; }
		#featuredMember .headerFeaturedLogo {float: right; padding-left: 5px; }
			.clickDetails { font-size: 90%; padding-top: 2px; margin: 0px; }
				.clickDetails a:link, .clickDetails a:visited, .clickDetails a:active { color: #000000; text-decoration: underline;}
		#featuredMember h2 { padding-top: 10px; }
	#headerContent { display: block; margin: 0 auto; width: 984px; }
		#headerContent #menuBar { height: 41px; background: url(images/menu.jpg) no-repeat; text-align: right; /*padding-bottom: 16px;*/ }
			#headerContent #menuBar ul { list-style: none; padding: 4px 10px 0 0; }
				#headerContent #menuBar li { display: inline; margin: 0px; padding: 0px; }
				#headerContent #menuBar li img { padding-top: 6px; margin-bottom: -3px; }
					#headerContent #menuBar a { padding: 4px; font-size: 18px; color: #4e4e4e; text-decoration: none; }
					#headerContent #menuBar a:hover { text-decoration: underline; }

		#mainTabs { display: block; width: 600px; float: right; } /* Depricated */
	
#header2 { display: block; margin: 0 auto; height: 37px; width: 100%; background:url(images/header2-back.jpg); }

#titleContent { display: block; margin: 0 auto; height: 160px; width: 984px; width: 100%; background: #FFFFFF; }
	#titleContentHolder { background:url(images/block-background.jpg) no-repeat; width: 984px; margin: 0 auto; display: block; height: 160px; }
	#titleContentHolder h1 { padding: 8px 0px 0px 28px; }
	#titleContentHolder p { padding-left: 45px; font-size: 1.2em; color: #333333; }
	#titleContentHolder .newsBox { font-size: 1.1em; float: right; margin-top: 30px; width: 348px; padding: 0px; color: black; }
		#titleContentHolder .newsBox h2 { color: black; border-bottom: 1px solid black; width: 100%; }
	.headerImage { float: right; padding: 15px 80px; }
	
#contentHolder { display: block; width: 100%; background-color: #FFFFFF; }
	#content { display: block; width: 950px; margin: 0 auto; padding: 10px 20px 30px 20px; }

#footer { display: block; width: 100%; height: 90px; background-color: #EEEEEE; border-top: 3px solid #D4D4D4; }
	#footerContent { display: block; width: 980px; margin: 0 auto; padding-top: 40px; color: #696969; font-size: 100%; }
		#footerContent a, #footerContent a:visited, #footerContent a:active { color: #696969; text-decoration: underline; }
		#footerContent a:hover { color: #6A6A6A; }


/* Page Elements */

.imageLeft { float: left; padding: 28px 35px 20px 0px; }
.imageRight { float: right; padding: 28px 0px 20px 35px; }


.linkName, .newsName { width: 520px; }
.linkName a, .linkname a:visited, .linkname a:active { font-size: 1em; font-weight: bold; text-decoration: underline; }
.linkName a:hover { color: #EE7D00; }
.linkDescription { width: 520px; padding: 0px 0px 8px 0px; font-size: 100%; }

.linksImages { display: block; padding-top: 15px; text-align: right; }
.linksImages img { margin: 2px; }

.newsName a, .newsName a:visited, .newsName a:active { font-size: 1.1em; font-weight: bold; text-decoration: underline; }
.newsDescription { width: 550px; padding: 0px 0px 20px 0px; font-size: 100%; font-style: italic; }

#contactDetails { display: block; float: right; width: 300px; }
#contactForm { float: left; width: 620px; border-right: 1px #CCCCCC solid; padding-right: 10px; }


ul.membersLinks { list-style:disc; padding-left: 20px; font-size: 1em; font-weight: bold; }
	ul.membersLinks li { padding-bottom: .2em; }
	

.errorNotice { display: block; background: url(images/error.gif) 12px .6em no-repeat; width: 700px; 
	padding: 5px; border-top: 1px red solid; border-bottom: 1px solid red; margin: 0 auto; margin-bottom: 15px; margin-top: 15px;}
		.errorNotice p { margin: 0px 0px 0px 30px; padding: 0px; }

.successNotice { display: block; background: url(images/success.gif) 12px .6em no-repeat; width: 700px; 
	padding: 5px; border-top: 1px #72C868 solid; border-bottom: 1px solid #72C868; margin: 0 auto; margin-bottom: 15px; margin-top: 15px; }
		.successNotice p { padding: 0px; margin: 0px 0px 0px 30px; }

/* FORMS */

form { padding: 0px; margin: 0px; font-size: 100%; }
form label { font-size: 100%; }

form div {
	/*clear: left;*/
  	display: block;
	width: 720px;
	width: 98%;
	/* height: expression('1%'); */
	margin: 5px 0 0 0;
	padding: 1px 3px;
	line-height: 1.5;
}

form div label {
	display: block;
	float: left;
	width: 10em;
	padding: 3px 5px;
	margin: 0 0 0 0;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
}
.formText { margin-top: 3px; margin-left: 150px; width: 480px; }
.formFile { width: 300px; }

.textBox { width: 250px; /*margin-bottom: 30px;*/ }
.selectBox { width: 206px;}
.checkbox { padding: 5px 0px 0px 0px; margin: 5px 5px 5px 0px; }

.radioHolder { display: block; margin-left: 150px; width: 550px; padding-bottom: 15px; }

small { font-size: 10px; }
.errorField { border: 1px solid red; padding: 2px; }


.imgBorder { background-color: #fff; padding: 3px; border: 1px solid #D3CFC3; }