﻿/* CSS Document */

html, body, form, img {margin:0; padding:0; border:0}
html {font-size:100%}
body {
	font:.8em/1.5 arial,sans-serif;
	background:#eddf67;
	color:#000}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h2, h3 {margin:0 12px 1em; padding:0}

abbr, acronym {cursor:help}

h1 {
	margin:0 0 0 12px;
	padding:16px 0 0 0;
	font-size:1.7em;
	line-height:1em;
	color:#750000;
	font-weight:normal}
h2 {
	font-size:1.26em;
	color:#006352;
	margin:5px 0 5px 10px}
h3 {
	font-size:1.1em;
	color:#5d6a40;
	margin-left:12px;
	margin-bottom:.01em}

hr {
	color:#750000;
	height:1px;
	width:95%;
	text-align:center;
	background-color:#750000}

/* ---- container ---- */
#container {
	margin:0 auto;
	width:740px;
	border:16px solid #FFF;
	display:block;
	background:#f0f4d2}

/* ---- header ---- */
#header {
	width:740px;
	height:24px;
	overflow:hidden;
	border-bottom:1px solid #FFF;
	color:#273705;
	font-size:.9em;
	font-weight:bold;
	background:#cee1a5}

#header a {color:#273705}
#header a:hover {text-decoration:none}

#headerleft {
	margin:0 0 0 12px;
	padding:6px 0 0;
	width:450px;
	height:18px;
	float:left}

/* headerright, text sizer */
#headerright {float:right}
#headerright p {
	margin:0 7px 0 0;
	padding:5px 0 0;
	float:left}

#headerright ul {margin:0; padding:0; list-style:none; float:left}
#headerright li {margin:0; padding:0; float:left}
#headerright li a {
	padding:6px 0;
	display:block;
	width:22px;
	height:12px;
	background:#cee1a5;
	font-size:.95em;
	text-decoration:none;
	text-align:center;
	border-left:1px solid #FFF}
#headerright li a:hover {background:#FCF6C6}

li#text-medium a, li#text-medium a:hover {background:#b2cb7b}

/* ---- top ---- */
#top {
	width:740px;
	height:192px}

#top_left {
	width:251px;
	height:191px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	float:left}

#top_center {
	width:309px;
	height:191px;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	float:left}

#navigation {
	width:178px;
	height:192px;
	float:right}

/* ---- middle ---- */
#title {
	width:740px;
	height:42px;
	border-bottom:1px solid #FFF;
	background:#fcf6c6}

#content ul {margin-left:35px}
#content li {margin-right:0}
#content ul li ul {margin-top:10px}

#content{
	width:530px;
	min-height:280px;
	height:auto !important;
	height:280px;
	padding-top:12px;
	background:#f0f4d2;
	float:left}

#content_gutter {
	width:210px;
	min-height:280px;
	height:auto !important;
	height:280px;
	padding-top:12px;
	background:#f0f4d2;
	float:right}
	
#content_gutter.leftborder {width:209px; border-left:1px solid #FFF}

#content_gutter p.quote{
	margin:190px 10px 0 35px;
	color:#5d6a40;}

#content_gutter img.pic2 {
	float:right;
	margin:4px 10px 0 0;
	padding:0}

#content a {color:#750000}

#content a:hover {text-decoration:none}

#content_gutter a {color:#750000}

#content_gutter a:hover {text-decoration:none}

.top {
	text-align:right;
	font-size:.8em}

/* ---- highlights ---- */
#highlights {
	width:160px;
	float:right;
	margin:20px 0;
	padding:10px;
	border:1px solid #b8cd82;
	color:#273705;
	font-weight:bold;
	background:#fdfef4}

#highlights h2 {
	font-size:1.26em;
	color:#006352;
	margin:0 0 5px 5px;
	border-bottom:1px solid #abd17c}

#allitems{
	font-size:.85em;
	text-align:center;
	background:#097361;
	margin:20px 0 0 0; 
	padding:3px 0;
}

#allitems a {color:#FFF; text-decoration:underline}
#allitems a:hover {text-decoration:none}

/* ---- bottom ---- */
#footer {
	width:740px;
	height:20px;
	background:#cee1a5;
	text-align:center;
	color:#273705;
	padding-top:4px;
	font-size:.9em;
	border-top:1px solid #FFF;
	clear:both;
}

#footer a {color:#273705}

#footer a:hover {text-decoration:none}

/* ---- ADxMenu: ---- */
.menu, .menu ul, .menu li {margin:0; padding:0; border:0; list-style:none}

.menu {
	width:178px;
	height:193px}

.menu li {
	position:relative;
	float:left;
	width:100%}
.menu a {
	display:block;
	margin:0;
	padding:2px 25px;
	width:128px;
	height:19px;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	background:#35a894 url(../images/navbutton_up.gif) no-repeat 0 0}

/* selected, hover */
.menu li.selected a, .menu a:hover {background:#097361 url(../images/navbutton_over.gif) no-repeat 0 0; color:#FFF}

/* ---- form ---- */
fieldset {border:0; margin:0; padding:0 0 0 10px; width:500px}
legend {
	margin:0;
	padding:0;
	color:#400;
	font:bold 1.2em/1.5em verdana,sans-serif}
html>body legend {margin:0}

fieldset span {color:#F00; font-weight:bold}
fieldsetdl {margin:0; padding:0}
fieldset dt {margin:17px 0 2px; padding:0}
fieldset dd {margin:0; padding:0}

textarea.validation-failed {
	border:1px solid #097361;
	color:#F00}

input.validation-failed {
	border:1px solid #097361;
	color:#F00}

.validation-advice {
	margin:-1px 0 5px;
	padding:4px;
	background:#097361;
	color:#FFF;
	width:352px}
	
	
/* ---- What's New ---- */
h2.news {background:transparent}
body.members h2.news {
	margin-bottom:.5em;
	background:0;
	font:bold 1.1em/1.6 georgia,"Times New Roman",serif;
	color:#a31e39}
p.date {
	margin-bottom:0;
	padding:1em 0 0;
	color:#777;
	font-size:.9em}

#news{
	background-color:#FFFFFF;
  	border:1px #000;
  	width:180px;
  	margin:195px 0 0 20px;
  	border-collapse: collapse
}

.newstitle {
	color: #FFFFFF;
	text-align: center;
	background-color: #097361;
	padding:5px;
}

.newsfooter {
	color: #FFFFFF;
	text-align: center;
	background-color: #097361;
	padding:5px;
	font-size:.75em;
}

#news .newsfooter a {color:#FFF; text-decoration:none}
#news .newsfooter a:hover {text-decoration:underline}




/* ---- News Plugins ---- */

#news{
	margin:0;
	padding:0;
	width:500px;
	background:#f0f4d2;
}


p.date{
	font-style:italic;
	color:#555555;
	margin:5px 0 0 20px !important;
	padding:0;
}

p.date2{
	font-style:italic;
	color:#555555;
	margin:5px 0 0 0 !important;
	padding:0;
}

p.detailsdate{
	font-style:italic;
	color:#555555;
	margin:10px 0 0 30px !important;
	padding:0;
}

ul.details{
	margin:0 40px 10px 30px !important;
	padding:0;
}

li.details{
	margin-left:30px;	
	padding:0 0 10px 5px;
	list-style-image:url(../images/bullet.gif);	
}

h2.news{
	margin-left:20px;
}

h3.details{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1.1em;
	text-transform:none;
}

p.newsdescription{
	margin:5px 0 0 0 !important;
	padding:0;	
}

dd{
	margin:0;
	padding:0;
	font-size:.9em;
}

ul.highlights{
	line-height:1.5em;
	margin:10px 5px;
	padding:0;
	list-style:disc;
}

ul.highlights li{
	margin-bottom:-6px;
	padding:0 0 -3px -5px;
	list-style-image:url(../images/hcallout-greenbullet.gif);
}
	


/* Details */
div#details {margin:0 14px 1em}
div#details  p {margin:0 0 1em}