/*

main style sheet

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Headers
Navigation
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/backgrounds/body.gif) transparent repeat left top;
	color: #2A1A0B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: inherit;
	outline: none;
}

a.external {
	background-image: url(../images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

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

embed, object {
	display: block;
}

/*---------------

PAGE STRUCTURE

---------------*/

#wrapper {
	background: url(../images/backgrounds/wrapper.gif) transparent repeat-y top left;
	border-top: 0;
	margin: 0 auto;
	width: 763px;
}

#top {
	background: url(../images/backgrounds/top.gif) transparent repeat-y top left;
	float: left;
	height: 272px;
	padding: 21px 0 0 33px;
	width: 730px;
}

#top-left {
	float: left;
	width: 192px;
}

#header-img {
	float: left;
	padding: 38px 0 0 27px;
}

#content {
	float: left;
	padding: 0 26px;
	width: 711px;
}

#left {
	color: #374005;
	float: left;
	text-align: justify; 
	width: 471px;
}

#right {
	float: left;
	text-align: right; 
	width: 240px;
}

#right div {
	background: url(../images/backgrounds/right-div.gif) transparent no-repeat bottom left;
	color: #666666;
	float: left;
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 15px 17px 0 25px;
	width: 198px;
}

#footer {
	background: url(../images/backgrounds/footer.gif) transparent no-repeat top left;
	color: #757258;
	float: left;
	font-size: 10px;
	height: 85px;
	padding: 90px 120px 0 20px;
	position: relative;
	text-align: left;
	left: 11px;
	width: 600px;
}

div.hilight {
	background: #F4EFD3;
	padding: 20px 25px 0 0;
	margin: 0 0 0 40px;
	width: 375px;
}

/*---------------

NAVIGATION

---------------*/

#top ul {
	float: right;
	width: 160px;
}

#top li {
	float: left;
	width: 160px;
	list-style-type: none;
}

#top li a, #top li.current {
	float: left;
	height: 22px;
	text-indent: -9999px;
	width: 160px;
}

#home {background: url(../images/nav/home.gif) transparent no-repeat top left;}
#about {background: url(../images/nav/about.gif) transparent no-repeat top left;}
#vision {background: url(../images/nav/vision.gif) transparent no-repeat top left;}
#traffic {background: url(../images/nav/traffic.gif) transparent no-repeat top left;}
#media {background: url(../images/nav/media.gif) transparent no-repeat top left;}
#news {background: url(../images/nav/news.gif) transparent no-repeat top left;}
#members {background: url(../images/nav/members.gif) transparent no-repeat top left;}
#contact {background: url(../images/nav/contact.gif) transparent no-repeat top left;}

#top li a:hover,  #top li.current {background-position: 0 -22px;}

/*---------------

HEADERS

---------------*/

#top h2 {	
	background: url(../images/headers/h2/top-h2.gif) transparent no-repeat top left;
	float: left;
	height: 76px;
	text-indent: -9999px;
	width: 192px;
}

#content h1, #content h2 {
	float: left;
	height: 65px;
	text-indent: -9999px;
	width: 471px;
}

/*--h1 background images--*/
h1.about {background: url(../images/headers/h1/about.gif) transparent no-repeat top left;}
h1.index {background: url(../images/headers/h1/index.gif) transparent no-repeat top left;}
h1.contact {background: url(../images/headers/h1/contact.gif) transparent no-repeat top left;}
h1.vision {background: url(../images/headers/h1/vision.gif) transparent no-repeat top left;}
h1.traffic {background: url(../images/headers/h1/traffic.gif) transparent no-repeat top left;}
h1.media {background: url(../images/headers/h1/media.gif) transparent no-repeat top left;}
h1.members {background: url(../images/headers/h1/members.gif) transparent no-repeat top left;}
h1.news {background: url(../images/headers/h1/news.gif) transparent no-repeat top left;}
h1.error {background: url(../images/headers/h1/error.gif) transparent no-repeat top left;}
h1.tech-committee {background: url(../images/headers/h1/tech-committee.gif) transparent no-repeat top left;}
h1.member-login {background: url(../images/headers/h1/member-login.gif) transparent no-repeat top left;}

/*--h2 background images--*/
#index-1 {background: url(../images/headers/h2/index-1.gif) transparent no-repeat top left;}
#traffic-1 {background: url(../images/headers/h2/traffic-1.gif) transparent no-repeat top left;}
#about-1 {background: url(../images/headers/h2/about-1.gif) transparent no-repeat top left;}
#about-2 {background: url(../images/headers/h2/about-2.gif) transparent no-repeat top left;}
#about-3 {background: url(../images/headers/h2/about-3.gif) transparent no-repeat top left;}

#media-1 {background: url(../images/headers/h2/media-1.gif) transparent no-repeat top left;}
#media-2 {background: url(../images/headers/h2/media-2.gif) transparent no-repeat top left;}
#media-3 {background: url(../images/headers/h2/media-3.gif) transparent no-repeat top left;}
#media-4 {background: url(../images/headers/h2/media-4.gif) transparent no-repeat top left;}

#left h3 {	
	font-size: 1em;
	padding: 5px 5px 10px 10px;
}

#right h3 {
	float: left;
	height: 33px;
	text-align: left;
	text-indent: -9999px;
	width: 240px;
}

/*--#right h3 background images--*/
#action-alert {background: url(../images/headers/h3/action-alert.gif) transparent no-repeat top left;}
#fact {background: url(../images/headers/h3/fact.gif) transparent no-repeat top left;}
#join-alert {background: url(../images/headers/h3/join-alert.gif) transparent no-repeat top left;}
#webcam {background: url(../images/headers/h3/webcam.gif) transparent no-repeat top left;}
#goi70 {background: url(../images/headers/h3/go-i70.gif) transparent no-repeat top left;}


/*---------------

TEXT-TREATMENTS

---------------*/

#left p {
	line-height: 1.5em;
	padding: 0 10px 20px 25px;
}

#left ul {
	clear: left;
	padding: 0 10px 20px 38px;
	text-align: left;
}

#left ol {
	padding: 0 10px 20px 45px;
	text-align: left;
}

#left li {
	padding: 0 0 7px 0;
}

#right p {
	line-height: 1.3em;
	padding: 0 0 20px 0;
}

#right ul {
	color: #CAC6AA;
	line-height: 1.3em;
	list-style-type: square;
	padding: 0 0 20px 40px;
	text-align: left;
}

#right ul li {padding: 0 0 3px 0;}


#right span {
	color: #2A1A0B;
}

#right a {color: #666666;}

#footer a {	color: #757258;}
#footer a:hover {color: #000;}

/*---------------

TABLES

---------------*/

#meetings {
	border-bottom: 1px solid #7E7D6B;
	border-right: 1px solid #7E7D6B;
	border-collapse: collapse;
	margin: 0 0 20px 20px;
	text-align: center;
	width: 430px;
}

#meetings td {
	background: #F7F5E4;
	border-top: 1px solid #C3BFA4;
	border-left: 1px solid #C3BFA4;
	padding: 7px 0;
}

#meetings thead td {
	background: #E8E3CB;
	padding: 3px 0;
}

#meetings thead h4 {padding: 0 0 0 5px;}

#left #meetings ul {text-align: center;}