/* CSS Document */
/************************************
GENERAL SELECTOR STYLES
************************************/
html{min-height:100%;}
body {color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 135%; margin: 0; padding: 0; border: 0; background: url(images/blufade.gif); text-align:left;}

a:link, a:visited, a:active {color: #99cc00; text-decoration: none;}
a:hover {color: #99cc00; text-decoration: underline;}

.anchor {border:0px; padding: 15px 15px 15px 0px; margin:0px; font-weight:bold; font-size:11px; color: #99cc00; text-align:right;}
a.anchor:link, a.anchor:visited, a.anchor:active, a.anchor:hover {text-decoration: none;}
a.anchor:hover {text-decoration: underline;}

a.tabnav:link, a.tabnav:visited, a.tabnav:active, a.tabnav:hover {
	border:0px;
	padding-right: 10px;
	margin:0px;
	font-size:12px;
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.tabnav:hover {text-decoration: underline; color:#99cc00;}

.hidden {display:none;}

td {border-bottom: 1px dotted #666666;}

img {border: 0px; margin:0px; padding:0px;}
p {text-align:left;}
h1 {font-family: helvetica, sans-serif; line-height: 115%; font-weight: 300; font-size:22px; color: #0000CC;}
h2 {font-family: helvetica, sans-serif; font-weight:lighter; font-size:18px; color: #333333;}
h3 {font-family: helvetica, sans-serif; line-height: 115%; font-weight:lighter; font-size:16px; color: #333333;}
h4 {font-family: helvetica, sans-serif; line-height: 100%; font-weight:lighter; font-size:14px; color: #333333;}


/************************************
GLOBAL WRAPPER DIV STYLES
************************************/

#backshadow {width: 1000px; margin: 0px; padding: 0px; border: 0px; background: url(images/back.gif); background-repeat:repeat-y;}

/************************************
NAVIGATION DIV STYLES
************************************/

#nav1 {width: 969px; margin: 0px; padding: 0px 0px 0px 18px; border: 0px; height: 33px; background-image:url(images/navback.gif); clear:both;}
#nav2  {width: 987px; height: 22px; background-image:url(images/zig.gif); clear:both;}/*just stripes*/
#nav3  {width: 987px; height: 33px; background-image:url(images/zig.gif); clear:both;}/*stripes plus secondary nav*/
#tabnavphev/************************************
TAB NAV DIV STYLES
************************************/

{
	padding: 9px  5px 0px 20px;
	margin-left:327px;
	background-image:url(images/blutab_long2.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	height:33px;
}

#tabnavvision/************************************
TAB NAV DIV STYLES
************************************/

{
	padding: 9px  5px 0px 20px;
	margin-left:254px;
	background-image:url(images/blutab_vision.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	height:33px;
}

#tabnavaircar/************************************
TAB NAV DIV STYLES
************************************/

{
	padding: 9px  5px 0px 20px;
	margin-left:456px;
	background-image:url(images/blutab.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	height:33px;
}


/************************************
HEADER DIV STYLES this is only on index page
************************************/

#hdrindex {
	width: 987px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 122px;
	background-image:url(images/indexHDR.PNG)
}

/* REMOVE CJM #hdrindexlogo {width: 224px; margin: 0px; padding: 0px; border: 0px; background: url(images/hdrindexlogo.gif); height: 122px; float:left;}

#hdrindexbanner {width: 563px; margin: 0px; padding: 0px; border: 0px; background: url(images/hdrindexbanner.gif);  height: 122px; float:left;}

*/

/************************************
GLOBAL CONTENT DIV STYLES
************************************/

#content {width: 987px; margin: 0px; padding: 0px; border: 0px; background: url(images/lineart2.gif); height:100%; clear:both;}

/************************************
PROGRESS GALLERY CONTENT DIV STYLES
************************************/

/* REMOVED CJM UNTIL THIS PAGE IS ACTIVE 
#contentflashgallery {width: 739px; margin: 0px; padding:  0px 30px 30px 18px; border: 0px; height:100%; clear:both;}
#galleryhdr{width: 739px;clear:both;}
#gallerylogo{float:left; border-right: 1px dotted #cccccc; padding-right:56px;}
#gallerytitle{float:left; padding-top:25px; padding-left:70px;}
#galleryflash{clear:both; padding-left:45px; padding-top:13px;}

*/

/************************************
INDEX CONTENT DIV STYLES
************************************/

/*contentcol1 can hold 299pixels sans padding and border*/
#contentcol1 {width: 349px; margin: 0px; padding: 0px 7px 30px 18px; border-right: 1px dotted #cccccc; float:left;}
#holdit {width: 341px; background-color:#333333;} /*this colors the curve box background*/
#col1curveboxtop {width: 341px; height:17px; margin: 0px; background-image:url(images/indexcurve01.gif); background-repeat:no-repeat;background-position:top;}
#col1curveboxmiddle {width: 341px; margin: 0px;}
#col1curveboxbottom {width: 341px; height:17px; margin: 0px; background-image:url(images/indexcurve03.gif); background-repeat:no-repeat; background-position:bottom;}

/*contentcol2 can hold 488pixels sans padding and border note this is where the flash piece resides*/
#contentcol2 {width: 612px; margin: 0px; padding: 0px; border: 0px; float:left; height:125%;}
	
/************************************
TEMPLATE CONTENT DIV STYLES
************************************/	

/*contentcol1 can hold 299pixels sans padding and border, this column holds the logo and and a column of copy*/
#templatecontentcol1 {width: 339px; margin: 0px; padding: 0px 17px 30px 18px; border-right: 1px dotted #cccccc; float:left;}
#templatecontentwidecol {width: 850px; margin: 0px; padding: 0px 17px 30px 18px; border: 0px; float:left;} 

/*templatecontentcol2 can hold 488pixels sans padding and border, this column holds a top gray box and copy sections below*/
#templatecontentcol2 {width: 574px; margin: 0px; padding: 0px 20px 30px 18px; border: 0px; float:left;}
#holdit2 {width: 574px; background-color:#333333;} /*this colors the curve box background*/
#templatecol2curveboxtop {width: 574px; height:17px; margin: 0px; background-image:url(images/templatecurve01.gif); background-repeat:no-repeat;background-position:top;}
#templatecol2curveboxmiddle {width: 574px; margin: 0px;}
#templatecol2curveboxbottom {width: 574px; height:17px; margin: 0px; background-image:url(images/templatecurve03.gif); background-repeat:no-repeat; background-position:bottom;}

/************************************
INDEX FOOTER CONTENT DIV STYLES
************************************/	

#footer1 {color:#CCCCCC; width: 947px; height: 300px; margin: 0px; padding: 20px 20px 50px 20px; border: 0px; clear:both; background-color:#000099;}
#footer1col1 {width:220px; height:150px; float:left; margin: 0px; padding: 10px; border: 0px;}
#footer1col2 {width:220px; height:150px; float:left; margin: 0px; padding: 10px; border: 0px;}
#footer1col3 {width:220px; height:150px; float:left; margin: 0px; padding: 10px; border: 0px;}

/************************************
TEMPLATE FOOTER CONTENT DIV STYLES
************************************/	

#footer2 {width: 787px; margin: 0px; padding: 10px; border: 0px; clear:both; font-size:9px; clear:both;}
#footer3 {width: 787px; background-image:url(images/footer.gif); clear:both; height:31px;}

/************************************
CLASS STYLES
************************************/
.caption {font-family: Arial, Helvetica, sans-serif; font-size:9px; line-height:120%; color:#333333; font-style:italic;}
.caption2 {font-family: Arial, Helvetica, sans-serif; font-size:9px; line-height:120%; color:#666666; font-style:italic;}
.transforming {font-family: Arial, Helvetica, sans-serif; font-size:28px; line-height:normal;  color:#99cc00; font-style:bold;}
.data {font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:130%; color:#cccccc; vertical-align:top;}
.data1 {font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:130%; color:#333333; vertical-align:top; background-color:#99cc00; padding-left:7px;}
.data2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:130%;
	color:#cccccc;
	vertical-align:top;
	background-color: #0033FF;
	padding-left:7px;
}
.data3 {font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:130%; color:#ffffff; vertical-align:top; background-color: #666666; padding-left:7px; padding-top:6px; padding-right:7px;}
.data4 {font-family: Arial, Helvetica, sans-serif; font-size:10px; line-height:130%; color: #000000; vertical-align:top; padding-bottom:12px; padding-top:6px; padding-right:10px; padding-left: 10px;background-color:#ffffff;}
/* .indexcol1blurb {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#cccccc; margin: 0px; border-bottom: 1px dotted #99cc00; padding: 5px 12px 5px 12px;} */
.indexcol1blurb {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#cccccc; margin: 0px; padding: 5px 12px 5px 12px;}
.indexblucols {font-family: Arial, Helvetica, sans-serif; font-size:9px; line-height:140%; color: #cccccc; margin: 0px; padding: 0px; border: 0px; text-align:justify;}
.indexdkgray {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:140%; color: #333333; margin: 0px; padding: 10px; border:0px;}
.templatedkgray {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:140%; color: #333333; margin: 0px; padding: 0px; border:0px;}
.templateleftcol{border: 0px; padding: 10px; margin: 0px; line-height:145%;}
.templatecol2blurb {font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:140%; color:#cccccc; margin: 0px; border:0px; padding: 20px 16px 20px 20px;}
.bioregion {font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:140%; color: #333333; margin-top: 20px; padding: 15px; padding-right: 30px; border: 9px solid #cccccc; background-color: #EFEFEF;}
.progresshdr {font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:140%; color:#000000; margin: 0px; padding: 5px 12px 5px 12px;}