/* UNIVERSAL STYLES
================================================================================*/

body {
	font: 62.5% arial, helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #FFF url('../images1/bg_gradient.gif') repeat-x 0 0;
	padding: 50px 0;
	margin: 0;
}

.spaw_body {
	font: 12px/16px arial, helvetica, sans-serif;
 	text-align: left;
 	background-color: #FFF;
	background-image: none;
	padding: 10px;
}

body * {
	margin: 0;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

/* TYPOGRAPHY
================================================================================*/

h1 {
	font-size: 1.34em;
	line-height: 24px;
	color: #4984C3;
	padding: 16px 0 0 0;
}

div#container_home h1 {
	padding: 0;
}

h1.pagetitle {
	font-size: 1.34em;
	color: #00667C;
	padding: 0 0 15px 0;
}

div#container_assoc h1.pagetitle {
	color: #981C41;
}
/*
h1.pagetitle span {
	color: #597A9D;
}

* html h1.pagetitle {
	margin-bottom: -6px;
}
*/
h2 {
	font-size: 1.17em;
	color: #00667C;
	padding: 16px 0 0 0;
}

h3 {
	font-size: 1em;
	color: #000;
	padding: 8px 0;
}

p {
	padding: 8px 0;
}

a, a:visited, a:focus, a:active {
	color: #00667C;
	text-decoration: none;
}

a:hover {
	color: #981C41;
	text-decoration: underline;
}

div#container_assoc div#content a, div#container_assoc div#content a:visited, div#container_assoc div#content a:focus, div#container_assoc div#cotent a:hover, div#container_assoc div#content a:active {
	color: #981C41;
}

div#content ul, .spaw_body ul {
	padding: 10px 0 10px 40px;
}

div#content ul li {
/*	list-style-type: square;*/
}

div#content ol, .spaw_body ol {
	padding: 10px 30px;
}

div#content li, .spaw_body li {
	padding: 0;
}

div#content table td {
	vertical-align: top;
}

/* MAIN STRUCTURAL LAYOUT
================================================================================*/

div#container, div#container_assoc, div#container_event,div#container_green {
	width: 990px;
	text-align: left;
	background: url('../images1/wrap.gif') repeat-y 0 0;
	padding: 0;
	margin: 0 auto;
}

div#header_container {
	float: left;
	width: 923px;
	background: url('../images1/shadow_top.gif') no-repeat 0 0;
	padding: 13px 19px 0 48px;
}

div#header {
	float: left;
	width: 923px;
	height: 170px;
	background: #FFF url('../images1/header.gif') no-repeat 100% 0;
	padding: 21px 0 0 0;
}

div#header_green {
	float: left;
	width: 923px;
	height: 170px;
	background: #FFF url('../images1/header_green.gif') no-repeat 100% 0;
	padding: 21px 0 0 0;
}

div#container_assoc div#header, div#container_event div#header {
	height: 136px;
	background: #FFF url('../images1/header_assoc.gif') no-repeat 100% 0;
	padding: 55px 0 0 0;
}

div#container_event div#header {
	background: #FFF url('../images1/header_event.gif') no-repeat 100% 0;
}

div#header img { /* logo */
	float: left;
	border: none;
}

div#header img.header_btn {
	float: right;
	position: relative;
	top: 100px;
	left: -240px;
}

div#content_side {
	float: left;
	width: 960px;
	background: url('../images1/content_side.gif') no-repeat 648px 0;
	padding: 0 19px 0 11px;
}

div#container_green div#content_side {
	background: url('../images1/side_bar_green.gif') no-repeat 648px 0;
}

div#container_assoc div#content_side, div#container_event div#content_side {
	background: url('../images1/content_side_amem.gif') no-repeat 648px 0;
}

div#container_inner {
/*	float: left;*/
	width: 960px;
	background: url('../images1/decobar.gif') no-repeat 37px 0;
	padding: 9px 0 0 0;
}

div#container_assoc div#container_inner {
	background: url('../images1/decobar_assoc.gif') no-repeat 37px 0;
}

div#container_event div#container_inner {
	background: url('../images1/decobar_event.gif') no-repeat 37px 0;
}

div#nav {
	float: left;
	width: 162px;
	font-size: 1.2em;
/*	text-align: right;*/
/*	padding: 60px 2px 0 0;*/
	padding: 20px 2px 0 0;
}

div#content {
	float: left;
	width: 380px;
	font-size: 1.2em;
	padding: 55px 43px 80px 50px;
}

div#prop {
	float: right;
	width: 323px;
	height: 660px;
	padding: 0;
}

div#footer {
	float: left;
	width: 815px;
	height: 42px;
	font-size: 1.2em;
	background: url('../images1/shadow_bot.gif') no-repeat 0 100%;
	padding: 0 0 0 175px;
	position: relative;
	top: -40px;
	margin-bottom: -40px;
	clear: both;
}

div#footer p {
	width: 432px;
	font-size: 0.9em;
	text-align: center;
}

div.clear {
	clear: both;
}

/* PROFILE TEMPLATE STYLES
================================================================================*/

div#profile {
	float: left;
/*	width: 960px;*/
/*	background: url('../images1/jenny.jpg') no-repeat 500px 85%;*/
	background-repeat: no-repeat;
	background-position: 500px 85%;
	padding: 0;
}

div#profile div#content {
	width: 290px;
	padding: 55px 133px 80px 50px;
}

/* MAIN MENU NAVIGATION STYLES
================================================================================*/

div#nav ul {
	width: 162px;
	list-style-type: none;
	text-transform: lowercase;
	padding: 0;
}

div#nav li {
	float: left;
	padding: 40px 0 5px 0;
}

div#nav li a, div#nav li a:visited, div#nav li a:focus, div#nav li a:active {
	display: block;
	width: 110px;
	color: #00667C; 
	text-decoration: none;
	padding: 0 40px 0 12px;
	width: 110px;
	font-weight: bold;
	padding: 0 12px 0 40px;
}

div#container_assoc div#nav li a, div#container_assoc div#nav li a:visited, div#container_assoc div#nav li a:focus, div#container_assoc div#nav li a:active {
	color: #981C41;
}

div#nav li a:hover, div#nav li a.on, div#nav li a.on:visited, div#nav li a.on:focus, div#nav li a.on:hover, div#nav li a.on:active,
div#container_assoc div#nav li a:hover, div#container_assoc div#nav li a.on, div#container_assoc div#nav li a.on:visited, div#container_assoc div#nav li a.on:focus, div#container_assoc div#nav li a.on:hover, div#container_assoc div#nav li a.on:active {
	color: #0092DC;
}

div#nav li.tier2, div#nav li.tier3, div#nav li.tier4,
div#nav li.tier2 a, div#nav ul li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:active, 
div#nav li.tier3 a, div#nav ul li.tier3 a:visited, div#nav li.tier3 a:focus, div#nav li.tier3 a:active,
div#nav li.tier4 a, div#nav ul li.tier4 a:visited, div#nav li.tier4 a:focus, div#nav li.tier4 a:active {
	color: #00667C;
	font-weight: normal;
}

/* MAIN MENU NAVIGATION SUB TIER STYLES
--------------------------------------------------------------------------------*/

div#nav li.tier2, div#nav li.tier3, div#nav li.tier4 {
	font-size: 0.92em;
	padding: 5px 0;
}

div#nav li.tier2, div#nav li.tier3, div#nav li.tier4 {
	border: none;
}

div#nav li.tier3 {
	background: url('../images1/ul_nav.gif') no-repeat 40px 10px;
}

div#nav li.tier2.first { /* gives the FIRST tier 2 li a top border. doesn't work in IE6 */
	border-top: 1px solid #FFF;
}

div#nav li.tier2 a, div#nav ul li.tier2 a:visited, div#nav li.tier2 a:focus, div#nav li.tier2 a:active {
	width: ;
	padding: ;
}

div#nav li.tier3 a, div#nav ul li.tier3 a:visited, div#nav li.tier3 a:focus, div#nav li.tier3 a:active {
	width: 95px;
	padding: 0 12px 0 55px;
}

div#nav li.tier4 a, div#nav ul li.tier4 a:visited, div#nav li.tier4 a:focus, div#nav li.tier4 a:active {
	width: 80px;
	padding: 0 12px 0 70px;
}

div#nav ul li.tier2 a:hover, div#nav li.tier2 a.on, div#nav li.tier2 a.on:visited, div#nav li.tier2 a.on:focus, div#nav li.tier2 a.on:hover, div#nav li.tier2 a.on:active,
div#nav ul li.tier3 a:hover, div#nav li.tier3 a.on, div#nav li.tier3 a.on:visited, div#nav li.tier3 a.on:focus, div#nav li.tier3 a.on:hover, div#nav li.tier3 a.on:active,
div#nav ul li.tier4 a:hover, div#nav li.tier4 a.on, div#nav li.tier4 a.on:visited, div#nav li.tier4 a.on:focus, div#nav li.tier4 a.on:hover, div#nav li.tier4 a.on:active {
	color: #007DFF;
	background-image: none;
}


/* CONTACT FORM STYLES
================================================================================*/

form.form_contact fieldset {
	border-style: none;
	padding: 0;
	margin: 15px 0 0 0;
} 

form.form_contact legend {
	font-weight: bold;
	color: #000000;
	margin-left: 0;
} 

div#content form.form_contact fieldset ol {
	list-style: none;
	padding: 3px 3px 0 3px;
} 

form.form_contact fieldset ol li {
	padding-bottom: 10px; margin: 0 0 10px 0;
}

form.form_contact label {
/*	display: block;*/
	float: left; 
	width: 100px;
	font-weight: bold;
	color: #00667C;
}

form.form_contact input, form.form_contact select, form.form_contact textarea {
	width: 220px;
	color: #37383A;
	border: 1px solid #777;
}

form.form_contact textarea {
	width: auto;
}

form.form_contact input.submit {
	width: auto;
	margin: 0 0 0 105px;
}