/* general navigation */
/*Link styles (see style.cfm and colorPage.cfm for additional link styles)*/
#center a.white,a.white:link,a.white:hover{
	color:#FFF;
	display:inline;
}
#center a.white:hover{
	color:#FFF;
	text-decoration:underline;
}
/*End Link styles*/

/*Horizontal Nav*/
ul.navHorizontal{
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.navHorizontal li{
	display:inline-block;
	padding-right:.5em;
	text-align:left;
}
ul.navHorizontal li a.ShowDocType{
	display:block;
}

/* footer text display */
#footertext {
	text-align:center;
	font-size:85%;
}

/*
Other styling (non layout related)
*/

a.offsite, a.ShowDocType, ul.DocumentsList a.offsite, ul.DocumentsList a.ShowDocType {
background-position:right;
background-repeat:no-repeat;
padding-right:2em;
padding-bottom:.25em;
text-align:left;
border:0;
}
a.offsiteImg, a.ShowDocTypeImg, ul.DocumentsList a.offsiteImg, ul.DocumentsList a.ShowDocTypeImg, 
a.pdf,
a.doc, a.docx,
a.xls, a.xlsx,
a.ppt, a.pptx,
a.zip,
none{
background-position:right;
background-position:top;
background-repeat:no-repeat;
}

/*Document icons, use in conjunction with .ShowDocType*/
a.pdf{
background-image:url(pdf_small.gif);
}
a.doc, a.docx{
background-image:url(doc_small.gif);
}
a.xls, a.xlsx{
background-image:url(xls_small.gif);
}
a.ppt, a.pptx{
background-image:url(ppt_small.gif);
}
a.zip{
background-image:url(zip_small.gif);
}




ul.Links li{
text-align:left;
}

.JobOppPosted{
font-style:italic;
float:right;
font-size:85%;
}

.source {
	font: 85%;
	/*border-top: thin dotted;
	border-bottom: thin dotted;
	border-color: #9BAABF;*/
	margin-left: 15px;
	margin-right: 15px;
}

.footnote {
	font: 85%;
	border-top: thin dotted;
	border-bottom: thin dotted;
	border-color: #9BAABF;
	margin-left: 15px;
	margin-right: 15px;
}

/*
.note {
	border-top: thin dotted;
	border-bottom: thin dotted;
	border-left: thin dotted;
	border-right: thin dotted;
	border-color: #999999;
	background-color: #9BAABF;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-style: italic; 
}
*/

.ModifyNote{
	padding:.25em;
	border:#F00 thin dotted;
	color:#F00;
	background-color:#FFC;
}

#ClearNav{
width:auto;float:none;
}

table{
	font-size: 100%;
}
table.form{
	background-color:#EEE;
}

caption{
	color: #79893D;
	font-weight: bold;
	font-size: 135%;
	margin-top:.5em;
}

th {
	background-color: #9BAABF;
}

/* h1 is page title, so can be safely excluded from below */
h2, h3, h4, h5, h6 {
text-align:left;
overflow:auto;/* mozilla bug which makes margins apply from float - which is what we want +++test if this is needed+++*/
font-style: normal;
}

/* h1 is page title, so can be safely excluded from below */
h2{
	font-size:150%;
	overflow:hidden;
}
h3 {
	font-size: 135%;
	margin-top:.25em;
	margin-bottom:.25em;
}
h4 {
	font-size: 125%;
}
h5 {
	font-style: italic;
	font-size: 110%;
}
h6 {
	font-size: 100%;
}
/*Modifications to admin heading styles*/
#admin h2 {
	margin-top:0;
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

.big115{
	font-size: 115%;
}
.big125{
	font-size: 125%;
}
.big150{
	font-size: 150%;
}
.bulletlead{
	margin-top: 6px;
}
.graphicborder {
	background-color: #669999;
	font-size: 75%;
}
.green {
	color:#0C0;
}

.hlight_cen, .hlight_left, .hlight_right {
	font-size: 120%;
	color: #188442;
	font-weight: bold;
	font-style: italic;
	padding-left: 2em;
	padding-right: 2em;
	margin:auto;
}
.hlight_cen{
	text-align: center;
}
.hlight_left {
	text-align: left;
}
.hlight_right {
	text-align: right;
}

/*Image and illustration text*/
div.Image{
/* background-image:url(bg_h1.png); */
text-align:center;
background-color:none;
clear:none;
}

/* Image styles, used for both Images and Gallery images */
div.Image div{
padding:0 4px 4px 4px; /* modify "variables.ImagePad" (set in this web site's Settings.cfm file) as needed (currently set to 16px greater than image) */
text-align:center;
}
div.Image p{
text-align:left;
padding:.75em; */
}
div.Image img{
/*width:100%;*/
border:1px solid #999;
}
.illus_text {
	font-style: italic;

	font-size: 85%;
}
.ImageTitle{ /* This is the ImageCaption DB field */
font-weight:bold;
font-size:110%;
}
.ImageCaption{ /* This is the ImageSubcaption DB field */
font-weight:bold;
font-size:85%;
margin-top:-1em;
}
.ImageDescription{
background-color:#FFFFFF;
font-size:85%;
}
.illus {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000066;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000066;
}
.illus_left{
	text-align: Left;
}
.illus_right {
	text-align: Right;
}
/*End Image and illustration text*/

.info{
	font-style: italic;
	text-align: left;
}
.notice{
	background-color: #006699;
	text-align: Center;
	color: #FFFFFF;
	padding-right: 5;
	padding-left: 5;
}
.ConfDocs div{
	padding-bottom:.5em;
}
.small25, .small25 p {
	font-size: 25%;
}
.small50, .small50 p {
	font-size: 50%;
}
.small65, .small65 p {
	font-size: 65%;
}
.small75, .small75 p {
	font-size: 75%;
}
.small85, .small85 p {
	font-size: 85%;
}
.image .small85 {
	text-align:left;
}
.textnav {
	font-weight: bold;
}
.left {
	text-align: left;
}
.center,.Center,FloatCenter {
	/* selector FloatCenter is added here for Images; it isn't really a float, but it saves on coding */
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.right {
	text-align: right;
}

.FloatLeft, .FloatClearLeft{
	float: left;
	margin-right:1em;
}
.FloatRight, .FloatClearRight{
	float: right;
	margin-left:1em;
}
.FloatNone{
float:none;
}

hr {
	border: 3px solid #ddd;
}

li {
	text-align: left;
	margin-bottom: 5;
	margin-top: 5;
}

p{
	text-align: left;
}
#InnerLeft, InnerRight,
#InnerLeft div, InnerRight div,
#InnerLeft p, InnerRight p,
#InnerLeft li, InnerRight li{
	text-align:left;
}
#InnerLeft li{
	font-size:115%;
	margin-bottom:1em;
}
#InnerLeft a, #InnerLeft a.link, #InnerLeft a:link, #InnerLeft a:link.link,
#InnerLeft li a, #InnerLeft li a.link, #InnerLeft li a:link, #InnerLeft li a:link.link
{
	text-decoration:none;
}

body#admin{
	background-color: #ffffff; 
	margin-top: 10px; 
	margin-left: 10px; 
	margin-right: 10px;
}
body#admin div.admin{
	margin-left: -10em; 
}
body#admin strong{
font-weight:bold;
}
body#admin em{
font-style:italic;
}
#admin #nav{
display:block;
margin-top:1.5em;
}
#admin p, #admin li{
	text-align:left;
}

.red, .Alert{
	color: Red;
}
.required{
	color:#045;
}
tr.required{
	background-color:#FFD;
}
tr.required input, tr.required textarea, tr.required select{
	background-color:#FFC;
	border-color:#045;
	color:#045;
}
input, textarea, select{
	display:block;
	border:#CCC thin solid;
}
input.wrap/* For radio butons and checkboxes */{
	display:inline;
}
.indent20, .ListIndent, .ListIndent ul {
	margin-left: 20px;
}
.debug {
	background-color: #A0A6C9;
}
.MyNote	{ 
	color: Fuchsia; 
	background: White; 
	font-weight: bold; 
}

.FloatLeft,
.FloatRight{
margin-top:.5em;
margin-bottom:.5em;
clear:none;
}
.FloatClearLeft{
clear:left;
}
.FloatClearRight{
clear:right;
}

.li_clearboth li,.clearboth{
clear:both;
}
.ClearLeft, .FloatClearLeft{
clear:left;
}
.ClearRight, .FloatClearRight{
clear:right;
}

.clearnone{
clear:none;
}
img.listpad{
margin-right:3em;
}
ul.nolist{
list-style-type:none;
padding:0;
margin:0;
}
.border{
border:1px dotted black;
}
.callout2white{
border:4px solid #9BAABF;
padding:.5em;
}
ul.GraphicPad{
display:inline;
}

.ListItemPad li{
padding-bottom:1em;
}

.PlainList, .PlainListNoClear{
list-style-type:none;
width:100%;
margin-left:0;
padding-left:0;
}
.PlainList{
display:inline-block;
}
.PlainListNoClear{
clear:none;
line-height:1.5em;
}

.block{
clear:both;
display:block;
}

.em{
font-style:italic;
}
.strong{
font-weight:bold;
}

.inline, .InlineBorderLeft, ul.InlineList li{
display:inline;
}
.InlineBorderLeft{
border-left:thin solid #999;
padding-left:.25em;
}

.blockclearnone{
display:block;
clear:none;
}

.disabled,
a.disabled,
#PageContent #center a.disabled,
none{
	color:#999;
	cursor:default;
	text-decoration:none;
}
a.disabled:hover,
#PageContent #center a.disabled:hover,
none{
	background-color:transparent;
	cursor:default;
	text-decoration:none;
}

/* ==================
Navigation buttons */
/* See style.css for main Google search styling */

/* Comment settings */
td.gsc-search-button input.gsc-search-button /* Google search button */, 
input.NavButtonPlain, a.NavButtonPlain, span.NavButtonPlain, 
a.NavButtonPlainAlert, 
.NavButtonDisabled, a.NavButtonDisabled, span.NavButtonDisabled,

td.gsc-search-button input.gsc-search-button:visited /* Google search button */, 
input.NavButtonPlain:visited, a.NavButtonPlain:visited, span.NavButtonPlain:visited, 
a.NavButtonPlainAlert:visited, 
.NavButtonDisabled:visited, a.NavButtonDisabled:visited, span.NavButtonDisabled:visited,

div#PageContent div#center input.NavButtonPlain, div#PageContent div#center a.NavButtonPlain, div#PageContent div#center span.NavButtonPlain, 
div#PageContent div#center a.NavButtonPlainAlert, 
div#PageContent div#center .NavButtonDisabled, div#PageContent div#center a.NavButtonDisabled, div#PageContent div#center span.NavButtonDisabled,
none{
padding:.125em .5em .125em .5em;
border:1px solid;
text-decoration:none;
display:inline-block;
}

/* Normal (active) buttons */
td.gsc-search-button input.gsc-search-button /* Google search button */, 
form input.NavButtonPlain, 
a.NavButtonPlain, span.NavButtonPlain, 
a.NavButtonPlainAlert, 

td.gsc-search-button input.gsc-search-button:visited /* Google search button */, 
a.NavButtonPlain:visited, span.NavButtonPlain:visited, 
a.NavButtonPlainAlert:visited, 

div#PageContent div#center input.NavButtonPlain, div#PageContent div#center a.NavButtonPlain, div#PageContent div#center span.NavButtonPlain, 
div#PageContent div#center a.NavButtonPlainAlert, 
none{
background-color:#ddd;
border-color:#eee #666 #666 #eee;
color:#000000;
margin-bottom:2px;
}
#center span.NavButtonPlain a{
	text-decoration:none;
	background-color:transparent;
	color:#000;
}
/* Normal (active) buttons:hover */
td.gsc-search-button input.gsc-search-button:hover /* Google search button */, 
form input.NavButtonPlainHover, 
a.NavButtonPlain:hover, span.NavButtonPlain:hover, 
a.NavButtonPlainAlert:hover, 

div#PageContent div#center input.NavButtonPlain:hover, div#PageContent div#center a.NavButtonPlain:hover, div#PageContent div#center span.NavButtonPlain:hover, 
div#PageContent div#center a.NavButtonPlainAlert:hover, 
none{
border-color:#666 #eee #eee #666;
cursor:pointer;
background-color:#ddd;
color:#000000;
}

form input.NavButtonPlainHover, 
div#PageContent form input.NavButtonPlainHover, 
div#PageContent div#center form input.NavButtonPlainHover, 
none{
text-align:center;
display:inline;
}

.NavButtonPlainAlert, a.NavButtonPlainAlert,
a.NavButtonPlainAlert,
a.NavButtonPlainAlert{
background-color:#FF9900;
color:#000000;
text-decoration:none;
}

/* Disabled buttons */
.NavButtonDisabled, a.NavButtonDisabled, span.NavButtonDisabled,
.NavButtonDisabled:visited, a.NavButtonDisabled:visited, span.NavButtonDisabled:visited,
.NavButtonDisabled:hover, a.NavButtonDisabled:hover, span.NavButtonDisabled:hover,

div#PageContent div#center .NavButtonDisabled, div#PageContent div#center a.NavButtonDisabled, div#PageContent div#center span.NavButtonDisabled,
div#PageContent div#center .NavButtonDisabled:visited, div#PageContent div#center a.NavButtonDisabled:visited, div#PageContent div#center span.NavButtonDisabled:visited,
div#PageContent div#center .NavButtonDisabled:hover, div#PageContent div#center a.NavButtonDisabled:hover, div#PageContent div#center span.NavButtonDisabled:hover,

none{
background-color:#eee;
color:#999;
cursor:default;
text-decoration:none;
}
/* END Navigation buttons */

/* ==================================
Internal (page content) navigation */
#ContentNavLeft, #ContentNavCenter, #ContentNavRight{
font-size:85%;
}
#ContentNavLeft div, #ContentNavCenter div, #ContentNavRight div{
font-style:italic;
margin-bottom:.5em;
}
#ContentNavCenter ul{
display:inline-block;
line-height:1.25em;
margin:0 0 1em 0;
padding:0;
}
#ContentNavCenter li{
padding-right:.5em;
display:inline;
}
#ContentNavCenter a{
border-left:.25em solid #9BAABF;
padding-left:.5em;
}
#ContentNavCenter a:link{
text-decoration:underline;
}
#ContentNavCenter a:hover{
color:#000;
border-left:.25em solid #999;
background-color:#ddd;
text-decoration:underline;
}

#ContentNavLeft ul, ContentNavRight ul{
background-color:#ddd;
padding:.75em;
margin-left:1em;
margin-right:-1em;
width:14em;
list-style-type:none;
margin-top:-10px;
}
#ContentNavLeft ul{
float:left;
}
#ContentNavRight ul{
float:right;
}
#ContentNavLeft ul li, #ContentNavRight ul li{
}
#ContentNavLeft ul a, #ContentNavRight ul a{
padding:.25em;
border:1px dotted #666;
background-color:#eee;
/* color:#666; */
display:block;
margin-top:-.25em;
text-align:left;
}
#ContentNavLeft ul a:link, #ContentNavRight ul a:link{
text-decoration:underline;
}
#ContentNavLeft ul a:hover, #ContentNavRight ul a:hover{
text-decoration:underline;
}
/* END Internal (page content) navigation */

div.BackToTop, li div.BackToTop{
float:right;
margin-left:.5em;
margin-top:-4.25em;
font-size:85%;
}
li div.BackToTop{
margin-top:1em;
}
div.ContentNav div.BackToTop{
margin-top:.5em;
}
div.BackToTop a, li div.BackToTop a{
border:1px dotted #666;
background-color:#eee;
color:#666;
padding:.25em;
}
div.BackToTop a:link, li div.BackToTop a:link{
text-decoration:none;
}
#ContentNavLeft ul a:hover, #ContentNavRight ul a:hover, .BackToTop a:hover{
border-style:solid;
color:#000;
text-decoration:underline;
}
ul .ListEnd{
/*BackToTop link at the end of a list (AFTER final </li>)*/
float:none;
position:relative;
left:-4em;
top:4em;
margin-bottom:6em;
}

/* provide space under left nav (in case needed); margin-top and padding-top don't work */
#EndOfPage{
	height:3em;
	float:none;
	margin-top:0;
}
#EndOfPage a{
margin-top:0;
margin-bottom:.5em;
float:left;
margin-left:160px;
}

.cfdebug{
clear:both;
}

.AdminLinks, table.AdminLinks td{
padding-bottom:.5em;
}

.reviewed{
	background-color:#DDD;
}
.accepted{
	background-color:#FF9;
}

.BottomBorder, .BottomBorderNoClear{
	border-bottom: thick solid #D8DBAC;
}
.BottomBorder:after, .border2pxSolid:after, br.clearfloat{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
li.ColorHighlight:after {
	/*
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	*/
}

.LineSpace1-5{
line-height:1.5em;
}
.LineSpace2{
line-height:2em;
}
.space1em{
margin:0 .5em 0 .5em;
}
.space2em{
margin:0 1em 0 1em;
}

.CearBoth{
clear:both;
}

.hidden, #SiteNav #nav ul.hidden, #SiteNav #nav li.hidden{
	visibility:hidden/* This causes the element to not display, but it remains in the flow. */;
	display:none/* This removes the element from the flow. */;
}

/* Miscelaneous background styles */
.border2pxSolid, .bg_cccccc, .bg_eeeeee, .NoDelete, .bg_ffcccc, .bg_ffeeee{
overflow:visible;
}

.border2pxSolid{
border:2px solid #9BAABF;
}
.bg_cccccc{
background-color:#CCC;
border-color:#999;
}
.bg_eeeeee, .NoDelete{
background-color:#EEE;
border-color:#CCC;
}
.bg_ffcccc{
background-color:#FCC;
border-color:#F99;
}
.bg_ffeeee{
background-color:#FEE;
border-color:#FCC;
}
#ClearwatersHome{
}
#ClearwatersHome ul{
	list-style-type:none;
	margin:-.25em;
	padding:0;
	font-size:75%;
}
#ClearwatersHome li{
	display:inline-block;
	width:80px;
	vertical-align:top;
	text-align:left;
	padding-left:1em;
}
#ClearwatersHome li#first{
	padding-left:0;
}
#ClearwatersHome img{
	width:80px;
	padding:0;
	margin:0;
}

/* Gallery styles */
/*===============================================
styling for gallery list table 
and gallery list nav in GalleryList.cfm
*/
#GalleryNav{
margin-left:0;
width:200px;
float:left;
}
p.GalleryLinks{
text-align:center;
}
.GalleryLinks strong {
border:1px solid #9BAABF;
color:#9BAABF;
padding: 5px;
font-weight:bold;
}
.GalleryLinks a {
border:1px solid black;
padding: 5px;
font-weight:bold;
background-color:#eeeeee;
color:#000000;
}
.GalleryLinks a:link {
text-decoration:underline;
}
.GalleryLinks a:hover {
text-decoration:underline;
font-weight:bold;
background-color:#9BAABF;
color:#FFFFFF;
}
/*Basic table styles (colors set in colorPages.cfm)*/
/*======================================*/
table.DefaultTableBorders td, table.DefaultTableBorders th,
table td, table th{
border-left-width:1px;
border-top-width:1px;
border-left-style:solid;
border-top-style:solid;
padding:2px;
}
table,
table.DefaultTableBorders{
background-color:#FFF;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:1px;/* This gets added to the 1px td border set above */
border-top-width:1px;/* This gets added to the 1px td border set above */
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;/* This gets added to the 1px td border set above */
border-top-style:solid;/* This gets added to the 1px td border set above */
}

.clearboth {
clear: both;
}

/*callout boxes*/
.CalloutsFullWidth .callout2{
display:block;
}

.callout, .callout2, .callout2white, .callout2alert {
border: medium solid; 
padding: 1em; 
font-weight: bold; 
color: #000; 
background-color:#FFC; 
}
.callout2alert2{
	border: 1px solid red; 
	background-color:#ffc;
	padding:.25em;
	font-size:85%;
}
.callout a, .callout2alert a {
color:#ff0000; 
}
.callout {
border-color:#79893D;
}
.callout2 {
border-color: #cccccc; 
background-color: #eeeeee;
color:#000;
font-weight:normal;
}
.callout2white {
border-color: #cccccc; 
background-color: #ffffff;
}
.callout2alert {
border-color: #ff0000; 
background-color: #eeeeee;
}
.callout, .callout2, .callout2white, .callout2alert {display: inline-block;}

.callout:after, .callout2:after, .callout2white:after, .callout2alert:after, br.clearfloat {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.countAlert{
	visibility:hidden;
	display:none;
}

/*Modification to list display, not just for clearwaters*/
ul.clearwaters{
	font-weight:bold;
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
ul.clearwaters ul{
	list-style-type:none;
	font-weight:normal;
	margin-left:1em;
	padding-left:0;
}

.req{
	color:#F00;
	font-weight:bold;
}

.Print{
display:none;
}