* {
	margin: 0;
	padding: 0;
}

body {
	background: #A9BEC7 url(../img/background.jpg) left top repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}


#container {
	width: 780px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

a img {
	border: none;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #339900;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #333;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: -5px;
	margin-bottom: 10px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: #000;
	font-weight: normal;
	margin-top: 17px;
	margin-bottom: 2px;
	
}

p {
	font-size: 75%;
	line-height: 180%;
	margin-bottom: 8px;
}

table {
	font-size: 75%;
	margin: 0 0 0 35px;
}

table th {
	background: #CFCFCF;
	border-bottom: 1px solid #000;
	font-weight: normal;
}

table th, table td {
	padding: 5px;
}

table tr.alt {
	background: #EFEFEF;
}

table tfoot td {
	font-size: 90%;
}

/* =BRANDING
------------------------------ */

#branding {
	width: 780px;
	height: 80px;
	background: url(../img/branding-bg.gif) 525px 100% no-repeat;
	position: relative;
}

#member-login {
	position: absolute;
	right: 20px;
	top: 22px;
}

#assoc-member-login {
    position: absolute;
    right: 155px;
    top: 22px;
}

/* =NAV-PRIMARY
------------------------------ */

#nav-primary {
	width: 740px;
	margin-left: 20px;
}

#nav-primary li {
	float: left;
	list-style: none;
}

#nav-primary li a {
	background: #DEE2E7 url(../img/nav.gif) 0 0 no-repeat;
	display: block;
	width: 103px;
	height: 31px;
	margin-right: 1px;
	padding: 5px 0;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
}

#nav-primary li a:hover {
	background: #A9BEC7 url(../img/nav-hover.gif) 0 0 no-repeat;
	color: #fff;
}

.homepage #nav-home, 
.members #nav-members, 
.about-us #nav-about-us,
.contact-us #nav-contact-us, 
.links #nav-links,
.news #nav-news,
.detection #nav-detection {
	background: #339900 url(../img/nav-active.gif) 0 0 no-repeat;
	color: #fff;
}

#nav-primary #nav-news {
	background: #DEE2E7 url(../img/nav-news.gif) 0 0 no-repeat;
	margin-right: 0;
}

#nav-primary #nav-news:hover {
	background: #A9BEC7 url(../img/nav-news-hover.gif) 0 0 no-repeat;
}

.news #nav-primary #nav-news {
	background: #339900 url(../img/nav-news-active.gif) 0 0 no-repeat;
}

#nav-primary #nav-links {
	background: #DEE2E7 url(../img/nav-links.gif) 0 0 no-repeat;
}

#nav-primary #nav-links:hover {
	background: #A9BEC7 url(../img/nav-links-hover.gif) 0 0 no-repeat;
}

.links #nav-primary #nav-links {
	background: #339900 url(../img/nav-links-active.gif) 0 0 no-repeat;
}

/* =CONTENT
------------------------------ */

#content {
	float: left;
	width: 780px;
	padding-top: 210px;
	padding-bottom: 16px;
	background: #ffffff url(../img/content-bg.jpg) top left no-repeat;
	position: relative; /* so that the horse has something to anchor off */
}

/**
 * To work around the ie6 non png issue I used a div and 
 * then applied the background image to it. Using CSS I can
 * give IE6 the transparent gif and any other browsers the
 * transparent png. 
 */
#content div#horse {
	background: url(../img/horse.png) 0 0 no-repeat;
	position: absolute;
	top: -59px;
	right: 170px;
	z-index: 10;
	width: 141px;
	height: 284px;
}

#content h1, #content p, #content h2, #content ul {
	margin-left: 35px;
	margin-right: 35px;
}

#content li {
	font-size: 75%;
	line-height: 180%;
	margin-bottom: 8px;
	margin-left: 30px;
}

.about-ehscl, .membership-information, .news-and-press {
	width: 236px;
	height: 330px;
	float: left;
	display: inline;
	margin: 15px 8px 0 8px;
	background: #F6F6F6 url(../img/more-information-bg.gif) bottom left no-repeat;
	position: relative;
}

.about-ehscl a, .membership-information a, .news-and-press a {
	background: url(../img/more-info.gif) top left no-repeat;
	display: block;
	width: 163px;
	height: 26px;
	margin: 0 auto 15px auto;
	padding: 12px 0 0 17px;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
}

.about-ehscl {
	margin-left: 20px;
}

/*
.about-ehscl a.button {
	margin-top: 32px;
}

.membership-information a.button{
	margin-top: 75px;
}*/

.about-ehscl a.button, .membership-information a.button, .news-and-press a.button {
	position: absolute;
	bottom: 0;
	left: 25px;
}	

#content .about-ehscl h2, #content .membership-information h2, #content .news-and-press h2 {
	margin: 0;
	height: 135px;
	padding-left: 50px;
	margin: 0;
	line-height: 30px;
	font-size: 75%;
	font-weight: bold;
	background: url(../img/about-ehscl.jpg) top left no-repeat;
}

#content .about-ehscl p, #content .membership-information p, #content .news-and-press p {
	margin: 15px;
}

#content .membership-information h2 {
	background-image: url(../img/membership-information.jpg);
}

#content .news-and-press h2 {
	background-image: url(../img/news-and-press.jpg);
}

#content .news-and-press ul {
	margin: 15px 15px 0 15px;
	padding: 0;
	list-style: none;
}

#content .news-and-press ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	font-size: 70%;
}

#content .news-and-press ul li a {
	background: url(../img/news-bullet-small.gif) 0% 50% no-repeat;
	margin: 0 0 0 -20px;
	padding: 0 0 0 20px;
	width: auto;
	height: auto;
	font-size: 115%;
	font-weight: normal;
	text-decoration: underline;
	color: #339900;
}

#content .news-and-press ul li a:hover {
	text-decoration: none;
}

#content p.quote {
	margin-left: 55px;
	margin-right: 80px;
	padding: 20px;
	border: 1px solid #bbb;
	font-size: 70%;
}


/* =SITE INFO
------------------------------ */

#site-info {
	background: #f6f6f6;
	float: left;
	display: inline;
	width: 720px;
	margin: 0 20px;
	padding: 0 10px;
	font-size: 70%;
}

#site-info p {
	float: left;
	padding: 11px 0 0px 0;
	font-size: 100%;
	font-weight: bold;
}

#site-info ul {
	float: right;
	padding: 14px 0 0px 0;
	list-style: none;
}

#site-info ul li {
	background: url(../img/site-info-divider.gif) 100% 60% no-repeat;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	
}

#site-info ul li.last-item {
	background: none;
}

#site-info ul li span {
	font-size: 90%;
}

#site-info .registered {
	padding: 11px 0 0px 0;
	font-size:8px;
	font-weight: normal;
	clear:both;	
}
#site-info .registered strong {
	font-size:7px;
}

/* =NEWS
------------------------------ */

.news-item {
	margin-left: 175px;
	margin-top: 20px;
}

.news-item p {
	margin-left: 0;
}

.news-item h2 {
	position: relative;
	margin: 0 35px;
	font-size: 75%;
	line-height: 30px;
	font-weight: bold; 
}

.news-item h2 span {
	position: absolute; 
	left: -175px;
	background: url(../img/calendar.gif) no-repeat;
	padding: 0;
	margin: 0;
	padding-left: 30px;
	display: block;
	width: 125px;
	float: left;
	color: #339900;
	font-size: 95%;
}

p.dateline {
    margin:-5px 0 10px 0;
    padding:0 0 0 5px;
    font-family: monospace;
    font-size:85%;
    text-align: right;
}


/* TABLES
---------------------------*/

table.login {

	margin:auto;
	width:300px;

}

td.mainbody{
	margin:5px;
	padding:5px;

}

body.member-details table,
table.article-list {
	margin: 10px auto;
	border-collapse: collapse;
	width: 720px;
}

body.member-details  th,
table.article-list th {
	background-color: #FFFFA5;
}

body.member-details td,
body.member-details th,
table.article-list td,
table.article-list th {
	border: 1px solid #A9BEC7;
	font-size: 70%;
	padding: 10px;
}

table.article-list  td.date {
	text-align: center;
	width:25%;
}

.meetings  td a {
	padding: 3px 0;
	padding-left: 30px;
	background: url(../img/meeting.gif) no-repeat center left;
}



body.member-details  td a  {
	color:#333;
}
body.member-details td a:hover,
body.member-details td a:active {
	color:#000;
}

body.member-details form {
	width:90%;
	margin: 10px auto 10px auto;

}

body.detection table {
	font-size: 70%;
}

/* =NAV-SECONDARY
--------------------------*/
#nav-secondary {
	width: 200px;
	float: left;
}

#nav-secondary ul {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

#nav-secondary ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#nav-secondary ul li a {
	background: #dee2e7;
	display: block;
	margin: 0 0 2px 0;
	padding: 4px 10px 4px 10px;
	width: 160px;
	text-decoration: none;
	font-size: 95%;
}

/* =CONTENT-PRIMARY
---------------------------*/
#content-primary {
	width: 510px;
	float: left;
}

/* =MEMBERSHIP
---------------------------------*/
ul#membership {
	list-style: none;
	margin: -10px 0 0 50px;
}

ul#membership li {
	margin: 0;
	padding: 0;
}

ul#membership li.name {
	margin: 20px 0 0 0;
	font-weight: bold;
	font-size: 95%;
}

ul#membership li.title {
	font-style: italic;
}

/* =CONTACT
---------------------------------*/
ul#address {
    list-style: none;
    margin: 20px 0 0 50px;
}
ul#address li {
    margin: 0;
    padding: 0;
}
ul#address li span.title {
    font-style: italic;
}

/* =SITEMAP
------------------------------*/
ul#site-map li ul li {
	font-size: 100%;
}

/* =LINKS
------------------------------- */
a.pdf {
	background: url(../img/pdf-icon.gif) 0 0 no-repeat;
	padding-left: 22px;
}