@charset "UTF-8";

body {
	font-size:100%;
	font-family: "Lucida Grande", Verdana, sans-serif;
	background-color: #f7edd8;
	background-image:url(artwork/background.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
	/* border: 1px white solid; */
}
#container {
	width: 1000px;
	background: #f7edd8;
	margin: 0px auto 0px auto; 
	padding:0;
	text-align: left; 
	border: 1px black solid;
}
#content {
	color: #000000;
	padding: 0 20px; 
	font-size:13px;
}
#content a, #content a:link, #content a:active, #content a:visited {
	color: #518090;
}
#buttoncolumn	{
	float:left;
	width:128px;
	padding-top:2px;
}
#buttoncolumn	ul {
	list-style:none;
	margin:0;
	padding:0;
}
#buttoncolumn	a img {
	border:#f7edd8 2px solid;
}
#buttoncolumn	a img.selected {
	border:#518090 2px solid;
}
#contentcolumn	{
	float:right;
	width:810px;
}
#leftcolumn	{
	float:left;
	width:525px;
	padding:5px;
}
#rightcolumn	{
	float:right;
	width:225px;
	padding:5px;
}

.imageright	{
	float:right;
	margin:20px 10px 10px 10px;
}

/* header */
div#header	{ 
	height: 90px; 
	text-align: center; 
	margin: 0; 
	padding: 0; 
/*border:green solid 1px;*/
}
div#header	a	{
	font-size: 12px;
	font-weight: bold;
	color: #582b11;
	text-decoration: none;
}
div#header	a:hover	{
	color: #f7edd8;
	text-decoration: none;
	background-color: #582b11;
}
div#header	h1	{
	font-size: 30px;
	font-weight: normal;
	color: #582b11;
	text-decoration: none;
}

div#header	.loginbox	{
	padding:5px 15px 5px 5px;
}

h2	{
	font-size: 11pt;
	color: #518090;
	font-weight: bold;
 	padding: 0;
	margin: 25px 0px 10px 0px;
}

/*h2:first-letter	{
	font-size: 120%;
}
*/

h3	{
	font-size: 15pt;
	color: #003333;
 	padding:0;
	margin:10px 0px 10px 0px;
} 
h4	{
	font-size: 15pt;
	font-weight: normal;
	color: #f7edd8;
	padding:0;
	margin:10px 0px 10px 0px;
}
h5	{
	font-size: 10pt;
	font-weight: normal;
	color: #582b11;
	padding:0;
	margin:10px 0px 10px 0px;
}
h6	{
	font-size: 12pt;
	font-weight: normal;
	color: #518090;
	padding:0;
	margin:0px;
}
/* New Buttonbar */
#buttonbar	{
	height:1.45em;
	width:100%;
	margin:0 auto 5px auto;
	background-color:#003333;
/*border:red solid 1px;*/
}
#nav	{
	font-family: "Lucida Grande", Verdana, sans-serif;
	margin:0 0 10px 23px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	font-size: 14px;
}
 #nav a:link, #nav a:active, #nav a:visited{
	display:block;
	padding:0px 15px;
	border-top:1px solid #003333;
	border-bottom:1px solid #003333;
	border-left:1px solid #f7edd8;
	border-right:1px solid #f7edd8;
	color:#f7edd8;
	text-decoration:none;
	background-color:#003333;
}
 #nav li a.selected	{
 	background-color: #518090;
 }
 #nav ul a:link, #nav ul a:active, #nav ul a:visited{
	border-left:1px solid #003333;
	border-right:1px solid #003333;
}
#nav li{
	float:left;
	position:relative;
}
#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:absolute;
  line-height:1.5em;
	width:12em;
	top:1.5em;
	display:none;
}
#nav li ul a{
	width: 13em;
	float:left;
}
#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

/* Contact Form */
#formwrapper	{
/*	width:480px; set in each page */
	margin: 12px auto 0px auto;
}

#formwrapper .label	{
	text-align: right;
	color: #582b11;
	font-size: 12px;
	font-weight: normal;
}
#formwrapper .required	{
	text-align: center;
	color: #AA0000;
	font-size: 12px;
	font-weight: normal;
}
#formwrapper .input	{
	text-align: left;
}
#formwrapper input, #formwrapper textarea	{
	color: #582b11;
	font-size: 11px;
}
#formwrapper textarea	{
	margin: 10px 0px;
}
#formwrapper fieldset	{
	border: 1px #582b11 solid;
	text-align: right;
}
#formwrapper legend	{
	color: #582b11;
	font-style: italic;
	font-size: 10pt;
}
#formwrapper #responsemessage	{
	color: #AA0000;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px;
}
#formwrapper #responsemessage	.errortext{
	color: #AA0000;
}
#formwrapper #responsemessage	.successtext{
	color: #009900;
}

#rightcolumn p	{
	margin:0;
	padding:0 0 8px 0;
}
#rightcolumn .titlebox	{
	width: 100%;
	text-align: center;
	background-color:#003333;
	border-top: 0px solid #003333;
	border-left: 0px solid #003333;
	border-right: 0px solid #003333;
	border-bottom: 1px solid #003333;
	margin: 0;
	padding:5px;
	color: #f7edd8;
	font-size: 16px;
}

#rightcolumn .item	{
	width: 100%;
	margin: 0;
	background-color: white;
	border-left:0px solid #582b11;
	border-right:0px solid #582b11;
	border-bottom:3px solid #518090;
	padding: 5px;
}

#rightcolumn .item h5	{
	color: #003333;
	font-weight: bold;
}



/* Popup Form styling */
#logincontent .bigbold, #newaccountcontent .bigbold {
	font-size: 20pt;
	color: #582b11;
	font-weight: bold; 
} 
#logincontent .smallbrown, #newaccountcontent .smallbrown {
	font-size: 13pt; 
	font-weight: normal;
	color: #582b11;
}
#loginform, #newaccountform { 
	padding:5px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	text-align:left;
}
#loginform table, #newaccountform table { 
	margin-left: 0px;
}
#loginform #responsemessage, #newaccountform #newresponsemessage { 
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	margin-bottom:10px;
}
.errortext	{color:#aa0000;}
.successtext	{color:#006600;}

div#loginform fieldset, div#newaccountform fieldset {padding: 0.5em; border:1px solid #582b11; }
div#loginform legend, div#newaccountform legend {color:#582b11; font-size: 10pt; text-align:left;}
#loginform input,  #newaccountform input   { color: black; font-weight: normal; font-size: 10pt;  }
#loginform textarea, #newaccountform textarea { color: black; font-weight: normal; font-size: 10pt;  }
#loginform .label, #newaccountform .label   { 
	color: #582b11; 
	font-weight: normal; 
	font-size: 10pt; 
	text-align:right;
	margin-left:1px;
}

div#login, div#newaccount	{
	border: 4px #582b11 solid;
	display: none;
	position: absolute; 
	top: 100px;
	left: 178px; 
	width: 450px; 
	padding: 4px;
	background-color: #f7edd8;
	z-index: 10; 
}
div#loginhide	{
	border: #582b11 1px solid; 
	float: right;
	width: 30%;
	color: #582b11;
	background-color: #ffffff;
}
div#closeclear{
	clear:both;
}

/* Search Panel Styling */
div#searchpanel	{
	border: 4px #518090 solid;
	display: none;
	position: absolute; 
	top: 10px;
	left: 178px; 
	width: 700px; 
	padding: 4px;
	background-color: #ffffff;
	z-index: 10;  
	text-align: center;
}
div#searchpanel legend	{
	font-weight: bold; 
	text-align: center;
	font-size: 9pt;
	color: #582b11; 
}
.searchpanelhide	{
	float: right;
}
div#searchpanelcontent	.accheader	{
	font-weight:bold;
	color:#582b11;
	text-decoration:underline;
	font-size:14px;
}
div#searchpanelcontent	.accbox	{
	border:2px #582b11 solid;
	text-align:left;
	padding:5px;
	margin-bottom:5px;
	margin-top:3px;
}

div#searchpanelcontent	{
	font-size: 12px;
	text-align: center;
}
div#searchpaneltitle	{
	font-size: 15pt;
	color: #003333;
}

/* Map Styling */
#map	{
	width: 710px;
	height: 830px;
	border: 1px black solid;
	font-size: 12px;
}
#mapcontainer	{
	display: none;
}	

/* Accordion Styling */
div#contentcolumn h2.accheader a	{
	font-size: 11pt;
 	font-weight: bold;
	padding:0;
	margin:20px 0px 10px 0px;
	color: #518090;
}

/* Member List and Profile Styling */
ul.memberlist {
	list-style-type: none;
}
ul.memberlist li {
	margin: 5px 0px;
}
ul.memberlist li.odd {
	background-color:#ffffff;
}
ul.memberlist li img  {
	float: left;
}
ul.memberlist li span.mtitle {
	color: #518090;
	font-weight: bold;
	margin: 0px;
}
ul.memberlist li span.mdegree {
	/*color: #000000;*/
	font-style: italic;
	font-size: 12px;
	margin-left: 10px;
}
ul.memberlist li p.certification {
	font-size: 12px;
	font-style: italic;
	margin: 0;
}
ul.memberlist li p.statement {
	font-size: 12px;
	margin: 5px 0 0 0;
}
ul.memberlist li span.profilelink {
	color: #518090;
	font-size: 11px;
	font-style: italic;
	text-decoration: underline;
}
ul.memberlist li span.officelocation {
	font-size: 11px;
}
div#profile  {
	margin-top: 20px;
}
div#profile img  {
	float: left;
}
div#profile .mtitle {
	font-size: 16px;
	color: #518090;
	font-weight: bold;
	margin: 0px 0 0px 0px;
}
/* for event descriptions */
div#profileheader  {
	margin-top: 20px;
}
div#profileheader .mtitle {
	font-size: 16px;
	color: #518090;
	font-weight: bold;
	margin: 0px 0 0px 0px;
}
div#profile span.mdegree {
	color: #000000;
	font-style: italic;
	font-size: 12px;
	margin: 11px 0 10px 10px;
}
div#profile p.profiletext, div#profile table.profiletext {
	font-size: 12px;
	margin: 0;
}
div#profile td.label {
	font-weight: bold;
}
div#profile div.profileblock {
	padding: 0px 0 10px 0;
}
div#profile div.profilecolumn {
	padding: 0px 0 0 10px;
}
div#profile p#statement, div#profile p.description {
	font-size: 12px;
	margin:0;
	padding:0;
}
div#profile td.bordercell	{
	border: solid #518090 2px;
	padding:4px;
}
div#profile p.grouptitle {
	font-size: 13px;
	font-weight: bold;
	padding:0;
	margin:0;
}
/* For event description, match to taframe.css */
div #description	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}
div #description h1	{ font-size: 15pt; color: #003333; font-weight: bold; padding:0; margin:10px 0px 10px 0px; }
div #description h2 {font-size: 11pt;color: #518090; font-weight: bold; padding: 0;margin: 10px 0px 10px 0px; }
div #description h3	{ font-size: 9pt; color: #000000; font-weight: bold; padding:0; margin:10px 0px 10px 0px; }

.clear	{
	clear: both;
}

/* Footer styling */

div#footer    { 
	height: 68px;
	/*
	background-color: #582b11;
	*/
	background-color: #f7edd8;
	color: #582b11; 
	font-size: 10px; 
	text-align: center; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 0px 0px; 
	border-top:1px black solid; 
}
div#contact { 
	font-size: 10px; 
	text-align: center; 
	padding-top: 10px; 
}

div#footer  h1  { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 18pt; font-weight: normal;}
div#footer  h3  { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 9pt; font-weight: bold; margin: 0; padding: 0; }
div#credit	{ margin-bottom: 20px; padding: 0; }
div#thinline	{ width: 800px; height: 10px; text-align: center; margin: 0; padding: 0; }

div#copy a {color: #582b11; font-size: 10px; text-align: center; margin-top: 4px; text-decoration: none; background-image: none }
div#copy a:hover  {background-color: #582b11; color: #f7edd8; text-decoration: underline; background-image: none }
div#cci  { color: #582b11; font-size: 10px; text-align: center; margin-top: 4px; background-color: transparent; text-decoration: none; background-image: none }
div#cci a { color: #582b11; font-size: 10px; text-align: center; margin-top: 4px; text-decoration: none; background-image: none }
div#cci a:hover  {background-color: #582b11; color: #f7edd8; text-decoration: none; background-image: none }
#cci a:hover {color: #f7edd8; text-decoration: none;}
#cci img {
	border:none;
}
.crpoint	{ cursor: pointer; }