/* Set default cursor types for navigation */
a{
cursor:default;
}
a:link, a:active, a:visited, a:hover{
cursor:pointer;
}
a.offsite{
background-image:url(icon_offsite.gif);
}
a.offsite,a.ShowDocType{
background-position:right;
background-repeat:no-repeat;
padding-right:1.75em;
padding-bottom:.25em;
text-align:left;
}

/* general navigation */
/*Link styles*/
a,a:link,a.NoLink:hover{
color: #7B8038;
}
a:link{
cursor:pointer;
}
a:active {
color: #ffcc99;
}
a:visited{
color: #65692E;
}
a:hover{
color: #B9BF6F;
}
a img{
border:none;
}
a.NoLink,a.NoLink:hover{
cursor:default;
}
/*End Link styles*/

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

/*
Other styling (non layout related)
*/

ul.PlainList, 
ul.DocumentsList li{
margin-left:0;
padding-left:0;
}
ul.DocumentsList{
margin-top:1em;
list-style:none;
}
ul.PlainList ul.DocumentsList{
margin-top:0;
}

label{
cursor:pointer;
}

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: #cccccc;*/
margin-left: 15px;
margin-right: 15px;
}

.footnote {
font: 85%;
border-top: thin dotted;
border-bottom: thin dotted;
border-color: #cccccc;
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: #cccccc;
margin-left: 15px;
margin-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-style: italic; 
}
*/

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

table{
font-size: 100%;
}

caption{
color: #996633 ;
font-style: normal;
font-size: 135%;
}

th {
background-color: #cccccc;
}

/* h1 is page title, so can be safely excluded from below */
h2, h3, h4, h5, h6 {
text-align:left;
overflow:hidden;/* mozilla bug which makes margins apply from float - which is what we want +++test if this is needed+++*/
font-style: normal;
font-weight: bold;
color: #999;
}
h1/*Set in main style sheet*/{
}
h2 {
font-size: 150%;
margin-top:0;
margin-bottom:0;
text-align:left;
border-bottom: 3px solid #ddd;
}
li h2, li h3, li h4, li h5, li h6 {
padding-bottom:.3em;
margin-bottom:0;
margin-top:1em;
}
h3 {
font-size: 130%;
margin-top:.5em;
padding-bottom:.5em;
margin-bottom:-.5em;
}
h4 {
font-size: 120%;
font-style: italic;
}
h5 {
font-size: 110%;
}
h6 {
font-size: 100%;
font-style: italic;
}
/*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: #336666;
}

.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;
}
.small25 {
font-size: 25%;
}
.small50 {
font-size: 50%;
}
.small65 {
font-size: 65%;
}
.small75 {
font-size: 75%;
}
.small85 {
font-size: 85%;
}
.image .small85 {
text-align:left;
}
.textnav {
font-weight: bold;
}
.left {
text-align: left;
}
div ul .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: Justify;
margin-bottom: 5;
margin-top: 5;
line-height:1.25em;
}

p{
text-align: justify;
line-height:1.25em;
}

body#admin{
background-color: #ffffff; 
margin-top: 10px; 
margin-left: 10px; 
margin-right: 10px;
}
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;
}

#admin table{
border:2px solid #ccc;
border-bottom:1px solid #ccc;
}
#admin tr.required{
background-color:#CCFFFF;
color:#FF0000;
}
#admin td{
padding:.125em;
border-bottom:1px solid #ccc;
}

input, textarea, select{
border:1px solid #ccc;
background-color:transparent;
background-image:url(white-opaque-33.png);
background-repeat:repeat;
}
.red, .Alert {
color: Red;
}

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

.indent20 {
margin-left: 20px;
}
.debug {
background-color: #A0A6C9;
}
.MyNote	{ 
color: Fuchsia; 
background: White; 
font-weight: bold; 
}

/*===========================================================
New as of update 2008-05
===========================================================*/

.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;
}
.calloutGrayborderPlain, .calloutGrayborderPlain2{
border:2px solid #ccc;
padding:.5em;
text-align:left;
}
.calloutGrayborderPlain2{
display:inline-block;
}
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;
}

/* ==================
Navigation buttons */
a.NavButtonPlain, a.NavButtonPlainAlert, .NavButtonDisabled, a.NavButtonDisabled, input.NavButtonPlain {
padding:.125em .5em .125em .5em;
background-color:#ddd;
border:1px solid;
border-color:#eee #666 #666 #eee;
color:#000000;
text-decoration:none;
display:inline-block;
}
a.NavButtonPlain:hover, a.NavButtonPlainAlert:hover, input.NavButtonPlainHover {
color:#000000;
border-color:#666 #eee #eee #666;
padding:.125em .5em .125em .5em;
background-color:#ddd;
cursor:pointer;
}
a.NavButtonPlainAlert {
background-color:#FF9900;
}
.NavButtonDisabled, a.NavButtonDisabled {
background-color:#eee;
color:#999;
cursor:default;
}
/* 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;
line-height:1.5em;
}
#ContentNavCenter li{
padding-right:.5em;
display:inline;
}
#ContentNavCenter a{
text-decoration:none;
border-left:.25em solid #ccc;
padding:.125em;
}
#ContentNavCenter a:hover{
color:#000;
border-left:.25em solid #999;
background-color:#ddd;
}

#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-decoration:none;
text-align:left;
}
#ContentNavLeft ul a:hover, #ContentNavRight ul a:hover, .BackToTop a:hover{
border-style:solid;
color:#000;
}
/* 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:2em;
}
div.ContentNav div.BackToTop{
margin-top:.5em;
}
p.BackToTop a, div.BackToTop a, li div.BackToTop a{
text-decoration:none;
border:1px dotted #666;
background-color:#eee;
color:#666;
padding:.25em;
}
p.BackToTop{
margin-top:0;
float:none;
}
#footer p.BackToTop{
float:left;
}
#footer p.BackToTop a{
font-size:85%;
background-image:none;
padding-right:.25em;
}
#footer p.BackToTop a:hover{
color:#000000;
}

/* 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;
}

.BottomBorder{
border-bottom: medium solid #DDD;
}
.BottomBorder h3{
margin-bottom:0;
}
.BottomBorder .DocumentsList{
margin-bottom:.5em;
}
.BottomBorder .DocumentsList p{
margin-bottom:0;
}
.BottomBorder:after, /*.border2pxSolid:after,*/ br.clearfloat, ul.DocumentsList li:after {
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;
}

.LineSpace1-5 {
line-height:1.5em;
}
.LineSpace2 {
line-height:2em;
}

.CearBoth{
clear:both;
}

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

.border2pxSolid{
border:2px solid #cccccc;
}
a.border2pxSolid{
display:block;
}
.bg_cccccc{
background-color:#cccccc;
border-color:#999999;
}
.bg_eeeeee, .NoDelete{
background-color:#eeeeee;
border-color:#cccccc;
}
.bg_ffcccc{
background-color:#ffcccc;
border-color:#ff9999;
}
.bg_ffeeee{
background-color:#ffeeee;
border-color:#ffcccc;
}


/* 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 #cccccc;
color:#cccccc;
padding: 5px;
font-weight:bold;
}
.GalleryLinks a {
border:1px solid black;
padding: 5px;
text-decoration:none;
font-weight:bold;
background-color:#eeeeee;
color:#000000;
}
.GalleryLinks a:hover {
text-decoration:none;
font-weight:bold;
background-color:#cccccc;
color:#FFFFFF;
}
/*======================================*/