/*  MSOMC 1.0 :: Site Styles
/*  Created by Todd Yandell on 4.23.2006 */

body {
	background-color: white;
	background-image: url('../images/background.png');
	margin: 0px 0px 20px 0px;
}

* html body {
	text-align: center;
}

body, td {
	font-family: 'Georgia', 'Lucida Grande', 
		'Trebuchet MS', 'Verdana', sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

.root {
	width: 750px;
	padding: 0px;
	margin: 0px auto;
}

* html .root {
	text-align: left;
}

#header {
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	height: 152px;
}

#header h1 {
	display: none;
}

#navigation {
	padding: 0px;
	width: 750px;
	height: 22px;	
	list-style: none;
}

* html #navigation {
	margin-left: 0px;
}

#navigation li {
	float: left;
	height: 22px;
	background-image: url('../images/navigation.png');
	background-repeat: no-repeat;
}

#navigation li.home { width: 74px; background-position: 0px 0px; }
#navigation li.about { width: 114px; background-position: -74px 0px; }
#navigation li.services { width: 142px; background-position: -188px 0px; }
#navigation li.publications { width: 117px; background-position: -330px 0px; }
#navigation li.join { width: 135px; background-position: -447px 0px; }
#navigation li.resources { width: 168px; background-position: -582px 0px; }

#navigation li.home:hover { background-position: 0px -22px; }
#navigation li.about:hover { background-position: -74px -22px; }
#navigation li.services:hover { background-position: -188px -22px; }
#navigation li.publications:hover { background-position: -330px -22px; }
#navigation li.join:hover { background-position: -447px -22px; }
#navigation li.resources:hover { background-position: -582px -22px; }

* html #navigation li.hover { background-position-y: -22px; }

#navigation li a {
	display: block;
	height: 22px;
}

#navigation li a span {
	display: none;
}

#body {
	background-image: url('../images/body.png');
	background-repeat: repeat-y;
	padding: 16px;
	width: 718px;
	overflow: hidden;
	background-color: white;
}

* html #body {
	width: 750px;
}

#sidebar {
	width: 180px;
	padding-right: 16px;
	padding-bottom: 16px;
	float: left;
	text-align: center;
	border-right: 1px solid #cee7cb;
}

* html #sidebar {
	position: absolute;
}

#sidebar .block {
	margin-bottom: 22px;
}

#sidebar .seperated {
	border-bottom: 1px solid #cee7cb;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

#sidebar #subpages h3 {
	height: 16px;
	background-image: url('../images/groups.png');
	background-repeat: no-repeat;
	margin: 0px;
	margin-top: 6px;
}

#sidebar #subpages h3 a {
	display: block;
	height: 100%;
}

#sidebar #subpages h3 a span {
	display: none;
}

#sidebar #subpages h3.about { background-position: 0px -16px; }
#sidebar #subpages h3.services { background-position: 0px -32px; }
#sidebar #subpages h3.publications { background-position: 0px -48px; }
#sidebar #subpages h3.join { background-position: 0px -64px; }
#sidebar #subpages h3.resources { background-position: 0px -80px; }

#sidebar #subpages ul {
	padding-left: 15px;
	margin: 0px;
	margin-bottom: -4px;
	list-style: none;
	text-align: left;	
}

#sidebar #subpages ul li {
	margin: 8px 0px;
	line-height: 15px;
}

#sidebar #subpages ul li a {
/*	color: #763;*/
	color: #464;
}

#sidebar #subpages ul li.current a {
	font-weight: bold;
}

#sidebar .extra {
	padding-bottom: 20px;
}

#sidebar #news {
  display: none;
	width: 152px;
	height: 124px;
	background-image: url('../images/banners/events.png');
	background-repeat: no-repeat;
	padding: 30px 15px 20px 15px;
}

#sidebar #news #scroller {
	height: 124px;
	overflow: hidden;
	font-size: 9px;
	line-height: 14px;
	text-align: left;
}

#sidebar #news #scroller #feed {
	position: relative;
	width: 152px;
	top: 0px;
	font-family: Tahoma, Georgia, Sans-serif;
}

#content {
	padding-left: 212px;
	min-height: 380px;
}

* html #content {
	height: 420px;
	padding-left: 200px;
}

#content h2 {
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -2px;
	width: 380px;
	height: 33px;
	background-image: url('../images/titles.png');
	background-repeat: no-repeat;
	background-position: -2px -1px;
}

#content h2.plain {
	margin: 12px 0px;
	background: none;
	width: auto;
	height: auto;
}

#content h2 span {
	display: none;
}

#content h2.home { background-position: -2px -2px; }
#content h2.about { background-position: -2px -40px; }
#content h2.censors { background-position: -2px -78px; }
#content h2.committees { background-position: -2px -116px; }
#content h2.contact { background-position: -2px -154px; }
#content h2.services { background-position: -2px -192px; }
#content h2.mailing { background-position: -2px -230px; }
#content h2.trust { background-position: -2px -268px; }
#content h2.events { background-position: -2px -306px; }
#content h2.publications { background-position: -2px -344px; }
#content h2.join { background-position: -2px -382px; }
#content h2.membership { background-position: -2px -420px; }
#content h2.rates { background-position: -2px -458px; }
#content h2.resources { background-position: -2px -496px; }
#content h2.locator { background-position: -2px -534px; }
#content h2.ethics { background-position: -2px -572px; }
#content h2.clinics { background-position: -2px -610px; }
#content h2.links { background-position: -2px -648px; }
#content h2.thanks { background-position: -2px -686px; }
#content h2.circle { background-position: -2px -724px; }

#content h3 {
	margin-bottom: -12px;
	font-size: 14px;
}

#content h3 small {
	font-weight: normal;
	padding-left: 12px;
	font-style: italic;
}

#content h4 {
	font-weight: normal;
	font-size: 14px;
	margin-top: 12px;
	color: gray;
}

#content p.error {
	font-weight: bold;
	color: #c00;
}

#content a {
/*	color: #347;*/
	color: #464;
}

#content a.fragment {
	color: #333;
}

#content acronym {
	border-bottom: 1px dotted #696;
	cursor: help;
}

#content p.message {
	color: #696;
	font-style: italic;
}

#content input, 
#content select {
	margin: 6px 0px;
	font-family: 'Lucida Grande', 'Verdana', sans-serif;
}

#content input.primary {
	min-width: 80px;
	text-align: center;
}

#content #uploading {
	padding: 8px;
	padding-left: 30px;
	background-color: #efe;
	border: 1px solid #cdc;
	position: relative;
	margin: 8px 0px;
}

#content #uploading img {
	position: absolute;
	top: 9px; left: 8px;
}

#content table {
	border-spacing: 0px;
	border-collapse: collapse;
}

#content table#locator {
	margin: 18px 0px;
}

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

#content table#locator label {
	font-size: 13px;
	display: block;
	width: 164px;
	text-align: right;
	font-weight: bold;
	margin-top: 7px;
	margin-right: 6px;
}

#content table#locator small {
	display: block;
	color: gray;
	font-style: italic;
	margin-top: -4px;
	font-size: 11px;
}

#content table#locator #practice,
#content table#locator #name,
#content table#locator #location {
	width: 240px;
}

#content table#results {
	width: 100%;
	margin-top: 24px;
	border-collapse: collapse;
}

#content table#results td {
	border-top: 1px solid #cdc;
	border-bottom: 1px solid #cdc;
	padding: 8px 12px;
}

#content table#results tr.even td {
	background-color: #f5fff5;
}

#content table#results small {
	color: gray;
}

#content table#results .information {
	text-align: right;
	font-size: 10px;
}

#content table#listing {
	border-collapse: collapse;
	margin: 18px 0px;
}

#content table#listing td {
	border: 1px solid #cdc;
	padding: 6px;
}

#content table#listing td.label {
	font-weight: bold;
	text-align: right;
	padding-left: 22px;
	vertical-align: top;
}

#content h3.form-section {
	margin-top: 24px;
}

#content .application {
	margin-top: 18px;
}

#content .application td {
	vertical-align: top;
}

#content .application td input {
	font-size: 13px;
	margin-right: 10px;
}

#content .application td.label {
	text-align: right;
	padding-top: 9px;
	padding-right: 9px;
	width: 140px;
}

#content .application small {
	color: gray;
	font-style: italic;
}

.application #name { width: 210px; }
.application #address { width: 280px; }
.application #city { width: 160px; }
.application #state { width: 40px; text-align: center; }
.application #zip { width: 80px; text-align: center; }

#content div.error {
	padding: 8px;
	background-color: #ff9;
	border: 1px solid #cc9;
}

#content div.error h4 {
	color: #c00;
	font-weight: bold;
	margin: 0px;
}

#content div.error p {
	margin: 0px;
	font-size: 11px;
}

#footer {
	background-image: url('../images/footer.png');
	background-repeat: no-repeat;
	min-height: 15px;
	padding-top: 25px;
	text-align: center;
	font-size: 11px;
}

* html #footer {
	height: 15px;
}

#footer p {
	margin: 0px 6px;
}

#footer p a {
	color: #464;
}