/*site-wide grid layout position statements*/

body {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	background-color:#FFF;
}

#masthead { /*site banner: everywhere except homepage*/
	border-bottom: 1px solid #005353;
	padding-bottom: 2px;
	width: 100%;
}

#main { /*page container below the masthead, inside the body*/
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 1em;
}

#content { /*main content pane*/
	margin: 0 0 0 200px;
	width: 560px;
}

#menu { /*meeting matcher menu*/
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 178px;
}

#menu div {
	width: 100%;
}

#menu a {
	font-size: 0.8em;
}

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

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

#menu a:hover {
	color: #005353; 
	text-decoration: underline;
}

#menu a:active {
	color: #005353; 
	text-decoration: underline;
}

#mmlist{
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	padding-bottom: 10px;
	background-color: #cdd;
	border: 1px solid #005353;
}

#mmlist div{
	width: 100%;
}

#mmlist p{
	margin: 0.5em 0.5em 0 0.5em;
	padding: 0.5em 0.5em 0 0.5em;
}

#mmlist div.header {
	line-height:24px;
	text-align:center;
	color: #fff;
	font-weight:bold;
	background-color: #005353;
}

#mmlist a {
	font-size: 1em;
}
#mmlist a:link {
	color: #000; 
	text-decoration: underline;
}

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

#mmlist a:hover {
	color: #005353; 
	text-decoration: underline;
}

#mmlist a:active {
	color: #005353; 
	text-decoration: underline;
}

#mmlist div.manage {
	width: 168px;
	font-size: 0.8em;
	text-align:right;
}

#mmlist div.manage a:link {
	color: #005353; 
	text-decoration: none;
}

#mmlist div.manage a:visited {
	color: #005353; 
	text-decoration: none;
}

#mmlist div.manage a:hover {
	color: #598f8f; 
	text-decoration: none;
}

#mmlist div.manage a:active {
	color: #598f8f; 
	text-decoration: none;
}

#mmlist form{
	margin-left:1em;
}


#search { /*search form area*/
	margin: 0 auto;
	width: 540px;
	padding: 10px;
	background-color: #f7f2dc;
	border: 1px solid #5a3d1c;
	text-align:left;
}

#search h2 {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.2em;
	font-size: 1em;
	color: #005353;
	font-style: italic;
	font-weight: normal;
}

#search p {
	margin: 0;
	padding-top: 0.5em;
	clear: left;
}

#search hr { 
	color: #5a3d1c;	
	background-color: #5a3d1c;
}

#search div.divider {
	margin: 1em 0 0 0;
	padding: 0 ;
	border-top: 1px solid #5a3d1c;
	width: 100%;
	height: 1px;
}

.searchset {
	position: relative;
	width: 100%;
}


/*these 2 selectors are for positioning the 
checkbox lists in two columns on the search form*/
.colone {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
}

.coltwo {
	margin-left: 50%;
	width: 50%;
}

#result {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding-bottom: 1em;
	border-bottom: 1px solid #005353;
	clear:both;
}

#result table{
	border-width: 0;
	border-style: none;
	border-collapse: collapse;
	padding: 0;
	font-size: 1em;
	width: 100%;
}

#result th{
	vertical-align: bottom;
	text-align: left;
	color: #000;
	font-weight:bold;
}

#result th.ctr {
	text-align:center;
}

#result tr{
	vertical-align: baseline;
}

#result td{
	vertical-align: baseline;
	padding: 0.2em;
}

#result td.eventdate {
	font-weight:bold;
	color: #000; 
	white-space:nowrap;
}

#result td.eventsummary {
	font-weight: normal;
	color: #000;
}

#result td.membership {
	font-weight: normal;
	color: #000;
	text-align:center;
}

#result a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}

#result a:link {
	color: #005353;
}

#result a:visited {
	color: #005353;
}

#result a:hover {
	color: #598f8f;
}

#result a:active {
	color: #598f8f;
}

#result .urlstring{
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	color: #888;
}

#result a.urlstring{
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
}

#result a.urlstring:link {
	color: #888;
}

#result a.urlstring:visited {
	color: #888;
}

#result a.urlstring:hover {
	color: #666;
}

#result a.urlstring:active {
	color: #666;
}

#result a.search {
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}

#result a.search:link {
	color: #005353;
}

#result a.search:visited {
	color: #005353;
}

#result a.search:hover {
	color: #598f8f; 
}

#result a.search:active {
	color: #005353;
}

#result .flag {
	font-size:9px;
	color:#303;
	text-align:center;
}

/*search results flag selectors*/
.new { color:#C00;}
.updt { color:#009; }

/*align something on the right across from the page header*/
.headleft {
	width: 54%;
	text-align: left;
	float: left;
}

.headright {
	width: 44%;
	text-align:right;
	float:right;
}

.headright a{
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}

.small {
	font-size: 10px;
	font-weight: normal;
}

#detail {
	padding-bottom: 1em;
	border-bottom: 1px solid #005353;
}

#detail h1 {
	color: #005353;
}

#detail p{
	margin: 0;
}

#detail a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: underline;
}

#detail a:link {
	color: #005353;
}

#detail a:visited {
	color: #005353;
}

#detail a:hover {
	color: #598f8f;
}

#detail a:active {
	color: #598f8f;
}

#detail div.divider { 
	margin: 1em 0 0 0;
	padding: 0;
	border-top: 1px solid #005353;
	width: 100%;
	height: 1px;
}

/*these are for links on the detail page
  - can't seem to get the link to not be bold
  - it is inheriting from detail above...*/
.sitelink{
	padding-top: 1em;
	font-size: 0.9em;
	font-weight: normal;
}

.sitelink a { 
	font-weight: normal;
}

.sitelink a:link {
	color: #005353;
	font-weight: normal;
}

.sitelink a:visited {
	color: #005353;
	font-weight: normal;
}

.sitelink a:hover {
	color: #598f8f;
	font-weight: normal;
}

.sitelink a:active {
	color: #598f8f;
	font-weight: normal;
}

/*these are all for the event detail page*/
.date {
	padding-bottom: 1em;
	font-weight:bold;
}

.location {
	margin-top: 0;
}

.label {
	padding-top: 0.7em;
	font-size: 0.9em;
}

.value {
	padding-right: 1.5em;
	font-style:italic;
	color: #005353;
}

.abstract {
	font-size: 0.9em;
	color: #666;
}

.cancellation {
	color: #F30;
	font-weight: bold;
	font-size: 0.8em;
}


/*navigation*/
#nav {
	position: relative;
	bottom: 0px;
	margin: 1em 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	height:16px; 
	text-align:left;
}

#nav a:link {
	color: #000; 
	text-decoration: none;
}

#nav a:visited {
	color: #000; 
	text-decoration: none;
}

#nav a:hover {
	color: #005353; 
	text-decoration: none;
}

#nav a:active {
	color: #005353; 
	text-decoration: none;
}

#nav p {
	color: #000;
}

/*these last 2 selectors are to position the menu items 
above the bar across from each other*/
.nav1 {
	/*width: 69%;*/
	float:left;
}

.nav2 {
	/*width: 29%;*/
	text-align:right;
	float:right;
}

#sitefooter {
	text-align:center;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2em;
}

#footer {
	position: relative;
	margin: 0 auto;
	padding-top: 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #005353;
	height:16px; 
	text-align:left;
	width: 562px;
}

#footer a:link {
	color: #005353; 
	text-decoration: none;
}

#footer a:visited {
	color: #005353; 
	text-decoration: none;
}

#footer a:hover {
	color: #598f8f; 
	text-decoration: none;
}

#footer a:active {
	color: #598f8f; 
	text-decoration: none;
}

#footer p {
	color: #005353;
}

#helpcontent { /*main content pane*/
	margin: 0 0 0 270px;
	width: 490px;
}

#helpcontent .regmark {
	text-decoration:none;
	font-size:0.6em;
	vertical-align:text-top;
}

#helplist{
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0;
	width: 228px;
	font-size: 10px;
	padding: 10px;
	background-color: #cdd;
	border: 1px solid #005353;
}

#helplist dt {
	font-size: 1em;
	font-weight: bold;
	padding-top: 0.7em;
}

#helplist dd {
	font-size: 1em;
	font-weight:normal;
	line-height:1.3em;
	margin-left:.8em;/*1.7em;*/
}

#helplist dd ul{
	list-style-type:none;
	margin-left:1em;
	padding-left:0em;
	padding-bottom:0.1em;
}
#helplist dd li{
	list-style-type:none;
	margin-left:0em;
}

#helplist p{
	margin: 0.5em 0.5em 0 0.5em;
	padding: 0.5em 0.5em 0 0.5em;
}

#help {
}

#def{
	display:none;
	position:absolute; 
	left:400px; 
	top:75px; 
	width:250px; 
	height:150px; 
	z-index:1; 
	background-color: #cdd; 
	layer-background-color: #cdd; 
	border: 1px solid #005353;
	padding: 3px;

}

#def dl{
	margin:0;
	padding:0;
}

#help h1 {
	color: #005353;
}

#help p{
	margin: 0;
}

#help img{
	margin: .5em 0;
	display: block;
	text-align:center;
}

#help dt {
	font-weight: bold;
	color: #005353;
}

#help dd, #help ol li {
	padding-top: 0.7em;
	font-weight:normal;
	}
	
#help div.divider { 
	margin: 1em 0 0 0;
	padding: 0;
	border-top: 1px solid #005353;
	width: 100%;
	height: 1px;
}

#help a {
	font-size: 1.1em;
	text-decoration:underline;
}

#notice {
	padding-bottom: 1em;
	border-bottom: 1px solid #005353;
}
#notice h1 {
	color: #005353;
}

#notice p{
	margin: 0;
}

#notice dt {
	font-size: 1em;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 0.5em;
	clear: both;
}

#notice dd {
	font-size: 1em;
	font-weight:normal;
	line-height:1.3em;
	margin-left:0em;
	padding-bottom: 0.5em;
}

#contact dt {
	clear: both;
	float: left;
	padding-top: 1em;
    padding-bottom: 0;
}

#contact dd {
	margin-left: 7em;
	padding-top: 1em;
    padding-bottom: 0;
}

#notice ul li, #help ul li{
	list-style-type:circle;
	padding-top: 0.2em;
}

#notice div.divider { 
	margin: 1em 0 0 0;
	padding: 0;
	border-top: 1px solid #005353;
	width: 100%;
	height: 1px;
}

#notice a {
	font-size: 1.1em;
	text-decoration:underline;
}

#notice .regmark {
	text-decoration:none;
	font-size:0.6em;
	vertical-align:text-top;
}

#notice a:link {
	color: #005353;
}

#notice a:visited {
	color: #005353;
}

#notice a:hover {
	color: #598f8f;
}

#notice a:active {
	color: #598f8f;
}



/*these last 2 selectors are to position the results navigators 
below the bar across from the regular footer links*/
.foot1 {
	width: 39%;
	text-align: left;
	float: left;
}

.foot2 {
	width: 59%;
	text-align:right;
	float:right;
}


/* generic selectors */
h1 {
	font-size:1.2em;
	line-height:1.2em;
	margin: 0 0 0.5em 0;
}

form {
	margin: 0;
	padding: 0;
}

label {
	color: #000;
	font-size: 0.9em;
	margin: 0 0.5em 0 0.5em;
}

.reqd {
	color:#900;
	font-size: 0.8em;
	font-weight:bold;
}

input, select, textarea, submit, button {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	font-size:1em;
}

/*a class for submit button*/
input.submit {
	background-color:#005353;
	color: #fff;
	font-weight:bold;
	border:0;
	font-size:12px;
	margin: 0 0 0 4px;
	padding: 1px;
}

fieldset {
	border: 0;
}

legend {
	margin: 0.5em 0 0 0;
	padding: 0;
	text-indent: 0;
}

/*small form elements*/
.smallform input, .smallform select, .smallform textarea, .smallform submit {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	font-size:0.8em;
}

.smallform select {
	width: 150px;
}

input.smallsubmit {
	background-color:#005353;
	color: #fff;
	font-weight:bold;
	border:0;
	font-size:10px;
	margin: 0 0 0 3px;
	padding: 1px;
}

/*elements for noscript browsers*/
input.noscript {
	background-color: white;
	border: none;
	color: #005353;
}

input.noscript:hover {
	color: #598f8f; 
	text-decoration: underline;
}

button.noscript {
	background-color:#005353;
	color:#fff;
	font-weight:bold;
	border:0;
	margin: 0 0 0 3px;
	padding: 1px;
	text-decoration:none;
}

a.noscriptbutton {
	background-color:#005353;
	color:#fff;
	font-weight:bold;
	border=0;
	margin: 0 0 0 epx;
	padding: 3px;
	text-decoration: none;
}

a.noscriptbutton:link {
	background-color:#005353;
	color:#fff;
	font-weight:bold;
	border=0;
	margin: 0 0 0 epx;
	padding: 3px;
	text-decoration: none;
}

a.noscriptbutton:visited {
	background-color:#005353;
	color:#fff;
	font-weight:bold;
	border=0;
	margin: 0 0 0 epx;
	padding: 3px;
	text-decoration: none;
}

a.noscriptbutton:hover {
	background-color:#005353;
	color:#fff;
	font-weight:bold;
	border=0;
	margin: 0 0 0 epx;
	padding: 3px;
	text-decoration: none;
}

a.noscriptbutton:active {
	background-color:#005353;
	color:#fff;
	font-weight:bold;
	border=0;
	margin: 0 0 0 epx;
	padding: 3px;
	text-decoration: none;
}



a.noUnderline {
	color:#005353;
	font-weight:bold;
	text-decoration: none;
}

a.noUnderline:link {
	color:#005353;
	font-weight:bold;
	text-decoration: none;
}

a.noUnderline:visited {
	color:#005353;
	font-weight:bold;
	text-decoration: none;
}

a.noUnderline:hover {
	color:#598f8f;
	font-weight:bold;
	text-decoration: none;
}

a.noUnderline:active {
	color:#598f8f;
	font-weight:bold;
	text-decoration: none;
}


/*alignment generics*/
.leftalign { float:left; }

.rightalign { float:right; }

/*link handling*/
a:link {
	color: #005353; 
	text-decoration: underline;
}

a:visited {
	color: #005353; 
	text-decoration: underline;
}

a:hover {
	color: #598f8f; 
	text-decoration: underline;
}

a:active {
	color: #598f8f; 
	text-decoration: none;
}

/*selectors for the marketing blurb
  that occasionally appears when not logged-in*/
.marketing {
	margin: 0 auto;
	text-align: left;
	width:560px;
	/*margin: 0 0 0 0;*/
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #005353;
	font-size: 12px;
}

.marketing p {
	margin: 0.5em 0 0 0;
}

.markethead{
	font-size: 12px;
	font-weight: bold;
	display: inline;
	color: #005353;
}

.marketing a {
	font-weight: bold;
	font-size: 1em;
	text-decoration: underline;
}

.marketing a:link {
	color: #005353; 
}

.marketing a:visited {
	color: #005353; 
}

.marketing a:hover {
	color: #598f8f; 
}

.marketing a:active {
	color: #598f8f; 
}

/*error handling stuff*/
.errortext{ 
	color: #C00;
	font-size: 10px;
}

input.error {
	border: 2px solid #c00;
	font-size:1em;

}

select.error {
	color: #c00;
}

fieldset.error {
	border: 2px solid #c00;
}

textarea.error {
	border: 2px solid #c00;
}

/*special-case classes*/
.instruction {
	color: #005353;
	font-size: 10px;
	font-style:normal;
}

.regmark {
	font-size:0.6em;
	vertical-align:text-top;
}

.changeflag {
	background-color:#d8ebeb;
}

.hashits {
	color: #990000;
}

.searchhead {
	color:#005353;
	font-style:italic;
}

/*stack the label over the field it describes
  and allow other stacked labels/fields to reside nextdoor*/
.stackedfield {
	float:left;
	padding-top: 0.5em;
	margin: 0 0.3em 0 0; 
	vertical-align:baseline;
}

div.stackedfield label{
	margin: 0 0 0 0;
}

.newline {
	clear:both;
}
/*a functional class for handling floating elements*/
div.spacer {
	clear: both;
}

/*emulate a horizontal rule*/
div.divider {
	margin: 1em 0 1em 0;
	padding: 1em 0 1em 0;
	border-top: 1px solid #5a3d1c;
	width: 100%;
	height: 1px;
}