html {overflow: -moz-scrollbars-vertical;}

img {border: 0;}
.red {
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom : -12px;
}

H3 {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top : 16px;
}


H6 {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style : italic;
	margin-bottom : -12px;
}

.bcrumb, a.bcrumb, a.bcrumb:visited, a.bcrumb:hover {
color: white;
font-size: 10px;
}
.environment {
font-size: 12px; 
font-weight: bold; 
background:#060;
color: #fff;
}
.pageTitle {
font-size: 18px; 
font-weight: bold; 
background:#006;
color: #fff;
}


/* Home Page Styles */
.search
	{
		text-align: right;
		background: #006;
		color: #fff;
	}

	table.home_top
	{
		width: 100%;
		background: #e6f0f8;
		padding-bottom: 15px;
		padding-top: 20px;
	}

	table.home_top td
	{
		vertical-align: top;
		padding-bottom: 15px;
		padding-top: 20px;
	}

	table.home_top td.home_top_left
	{
		width: 35%;
		padding: 15px 5px 0 25px;
		vertical-align: top;
	}

	table.home_top td.home_top_middle
	{
		width: 28%;
		text-align: center;
	}

	table.home_top td.home_top_right
	{
		width: 33%;
	}

	table.home_bottom
	{
		width: 100%;
		margin-top: 0;
		background: #e6f0f8;
	}

	table.home_bottom th
	{
		font-size: 11px;
	}

	table.home_bottom td
	{
		vertical-align: top;
		width: 16%;
	}

	table.home_bottom th.menuhead
	{
		background: url(../images/homeMenuHeadBG.gif) top left repeat-x;
		font-size: 11px;
		text-align: center;
		height: 27px;
		border: 1px solid green;
	}
	
	table.home_bottom th.menuhead a, table.home_bottom th.menuhead a:visited
	{
	color: black;
	text-decoration: none;
	}

	table.home_bottom td.menubg
	{
		background: url(../images/homeMenuBG.gif) top center repeat-x;
		border: 2px solid #b1d0ea;
		padding: 10px;
		font-size: 11px;
	}

	table.home_bottom ul
	{
		margin-left: 0;
		padding-left: 0;
		margin-top: 5px;
	}

	table.home_bottom ul li
	{
		font-size: 11px;
		line-height: 12px;
		list-style-type: none;
		background: url(../images/bullet.gif) top left no-repeat;
		padding-left: 12px;
	}

	.newsbox
	{
		
		background: #edf5dd url(../images/newsboxBG.gif) repeat-x 0 0;
		width: 95%;

		border: 1px solid #060;
	}
	
	.newsbox .newshead
	{
	

		background: #060 url(../images/news_bg.gif) top left repeat-x;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		text-align: center;
		padding: 2px;
		height: 18px;
	}

	.newsbox ul
	{
		margin-left: 0;
		padding-left: 22px;
		margin-top: 3%;
		margin-bottom: 5px;
		list-style-type: square;
		
	}

	.newsbox li
	{
	list-style-type: square;
	font-size: 12px;
	padding-bottom: 12px;
	}
	
	.newsbox li a, .newsbox li a:visited, .newsbox li a:hover
	{
	font-size: 12px;
	}
	
	.nobrk
	{
	white-space: nowrap;
	}
	
	p.largertxt {
	font-size: 14px;
	}
	
	.tagline
	{
	background: #006; 
	vertical-align: middle;
	margin-left : 20px;
	margin-top : 0px;
	font-size: 11px; 
	font-weight: normal;
	color: #b2d0eb;
	width: 100%;
	}
/* End Home Page Styles */

.tblcaption {
   color: #000066;
   
   font-size:  16px;
   font-weight:  bold;
}

/* spacer nav to replace empty div tags to meet FHWA requirements */
.navspacer
{

}


.navtop {
	font-family: tahoma, arial, helvetica;
	font-size: 11px; 
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.navtop_on {
	font-family: tahoma, arial, helvetica;
	font-size: 11px; 
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
.navtop:hover {
   font-family:  tahoma, arial, helvetica;
   font-size: 11px; 
   color: #333;
   font-weight: bold;
   text-decoration: underline;
}
.navtop:visited {
   font-family:  tahoma, arial, helvetica;
   font-size: 11px; 
   color: #333;
   font-weight: bold;
}

.navleft {
	font-family: arial, helvetica;
	font-size: 11px; 
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}
.navleft:hover {
   font-family:  arial, helvetica;
   font-size: 11px; 
   color: #660000;
   font-weight: bold;
   text-decoration: none;
}

.navleft2 {
    padding-left: 8px;
    font-weight: 500;
    font-size: 0.80em;
    color: #000066;
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.navleft2:hover {
    padding-left: 8px;
    font-weight: 500;
    font-size: 0.80em;
    color: #660000;
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.navleft2red {
    padding-left: 8px;
    font-weight: 500;
    font-size: 0.80em;
    color: #660000;
    line-height: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.navDots 
{
	margin-bottom: 5px;
	margin-top: 0;
	padding: 0;
	font-size: 10px;
}

.headline {
    FONT-SIZE: 16px;
    COLOR: #fff;
    FONT-FAMILY: Arial, Helvetica;
	font-weight: bold;
    TEXT-DECORATION: none;
	line-height: 28px;
	letter-spacing: 4px;
	word-spacing: .5em; 
}
.whitesmall {
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: none;
}
.whitesmallu {
    FONT-SIZE: 11px;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, Helvetica;
	TEXT-DECORATION: underline;
}
.whitenorm {
   
   font-size: 12px; 
   color: #FFFFFF;
}
.white10px {
   
   font-size: 11px; 
   color: #FFFFFF;
}
.whitebold {
   
   font-size: 12px; 
   font-weight: bold;
   color: #FFFFFF;
}
P.small {
   
   font-size: 11px; }

.small {
   
   font-size: 11px; 
 }
.smaller {
   
   font-size: 10px; 
 }

.bluetiny {
   
   font-size: 11px; 
   font-weight:  bold;
   color: #000066;
}

.bluesm {
   
   font-size: 12px; 
   font-weight:  bold;
   color: #000066;
}
.blue14 {
   
   font-size: 14px; 
   font-weight:  bold;
   color: #000066;
}

 .uline {
	text-decoration: underline;
}

.lit {
	margin-left : 20px;
	margin-top : 0px;
	
	font-size: 11px; 
	font-weight: normal;
}

.lit2 {
	margin-left : 30px;
	margin-top : 0px;
	
	font-size: 11px; 
	font-weight: normal;
}

.litmed {
	margin-left : -10px;
	margin-top : 0px;
	
	font-size: 12px; 
	font-weight: normal;
}

.new {
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt; 
	color: #333399;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFF99;
}

.capUI {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
.big  {
   color: #000066;
   
   font-size:  14px;
   font-weight:  bold;
 }
ul li
{
list-style: square;
padding-bottom: 6px;
}
li li
{
list-style: circle;
}

#box
{
	border: 1px solid #000066;
	padding: 7px;
	width: 88%;
}

.box_25percent
{
	border: 1px solid #000066;
	padding: 7px;
	width: 25%;
	float: right;
}

#entryBox
{
	border: 1px solid #000066;
	background: #DDF3F8; 
	width: 80%;
}

p.mission
{
font-family: helvetica, arial, sans-serif;
font-size: 11px;
font-style: italic;
margin-top: 0;
margin-bottom: 8px;
text-align: center; 

}

h2.lineunder
{
border-bottom: 1px solid #000066;
width: 95%;
}
td.border
{
	background: #000066;
	width: 1px;
	height: 1px;
}
td.borderLite
{
	background: #B4CBDD;
	width: 1px;
	height: 1px;
}
td.spacer
{
	width: 5px;
}


/* home page styles */





h2.lineunder
{
border-bottom: 1px solid #000066;
}
.bold
{
font-weight: bold;
color: #006;
}
.crumb
{
font-size: 11px;
color: #006;
}
a.crumb, a.crumb:hover, a.crumb:visited
{
text-decoration: none;
color: #006;
}
.v {
text-decoration: underline
}

#gallup
{
margin: 10px;
}

.sitemapHead
{
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
text-decoration: none;
color: #000099;
}
.sitemapHead:hover
{
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #660000;
}
a.siteHead, a.siteHead:hover, a.siteHead:visited
{
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #000;
text-decoration: none;
}
.sitemap {
margin-bottom: 8px;
} 
.sitemapOne {
margin-bottom: 8px;
margin-top: 8px;
} 
.sitemapSub
{
margin-left: 8px;
padding-top: 3px;
padding-bottom: 8px;
}

a.menuFeedbk, a.menuFeedbk:visited
{
font-size: 11px; 
color: #006;
font-weight: normal;
}
a.menuFeedbk:hover
{ 
color: #660000;
}

.red {color: #c30;}
.redSmall {color: #c30; font-size: 11px; text-decoration: none;}

.redSmall:hover {color: #C30; font-size: 11px; text-decoration: underline;}

a.menuSub, a.menuSub:visited
{
	color: #006;
	font-size: 11px; 
	line-height: 13px; 
}
a.menuSub:hover
{
	color: #660000; 
}

table.layout {
border-left: 1px solid black;
border-top: 1px solid black;
}
table.layout th
{
border-right: 1px solid black;
border-bottom: 1px solid black;
}
table.layout td
{
border-right: 1px solid black;
border-bottom: 1px solid black;
vertical-align: top;
}

ul.no_indent
{
margin-left: 0;
padding-left: 20px;
margin-top: 0;
}

ul.no_indent li
{
padding-bottom: 7px;
}

ul.no_indent a, ul.no_indent a:visited
{
line-height: 16px;
}

/* Editing Styles for Rachael */

.comment
{
font-size: 11px;
color: red;
} 

.red_bg
{
background: red;
color: white;
padding: 5px;
}

.right_box
{
float: right;
padding: 7px;
margin-left: 8px;
background: #ffffcd;
border: 1px solid #f5f5bc;
}



.right_box ul
{
margin-left: 0;
padding-left: 22px;
}

.hilite
{
background: yellow;
border: 0;
font-weight: normal;
font-size: 12px;
}

/* NEWSLETTERS */
a.newsletter, a.newsletter:hover, a.newsletter:visited
{
color: white;
font-size: 12px;
font-weight: bold;
line-height: 13px;
text-decoration: none;
}

table#newsletter_header
{
width: 100%;
background: #03c;
margin: 0 auto;
}

table#newsletter_header td.successes
{
background: #006500;
text-align: center;
}

table#newsletter_header td.monthly
{
background: #006;
text-align: center;
}

table#contacts
{
margin-top: 0;
margin-left: 0;
padding: 6px;
}

table#contacts td
{
vertical-align: top;
}

table#contacts caption
{font-size: 14px; color: #006; font-weight: bold; text-align: left}

.bluebox {background: #dce3f1; color: #000; margin: 8px; border: 1px solid #b6c4df; padding: 8px;
} 


.bluebox h2 {margin-top: 5px; margin-left: 10px;}
.bluebox a, bluebox a:visited
{
color: #006;
}
.bluebox li
{
font-size: 12px;
padding-right: 12px;
}
.bluebox p
{
font-size: 12px;
padding: 1px 12px 1px 12px;
}

.darkblue
{background: #003366; color: #fff; margin: 8px; border: 1px solid #b6c4df; padding: 8px;
}

.darkblue a, darkblue a:visited
{color: #fff; 
}

.bluebox_fancy {
background: #dce3f1; 
color: #000; 
border: 1px solid #a8b7d6;
padding: 7px;
} 

.bluebox_fancy p, .bluebox_fancy li
{
font-size: 12px;
}

.bluebox_fancy ul
{
margin-top: 5px;
margin-bottom: 5px;
margin-left: 0;
padding-left: 22px;
}

.bluebox_fancy .hd
{
font-size: 13px;
text-align: center;
font-weight: bold;
color: #006;
}


.box {
background: #f5f5cc; 
padding: 8px; 
color: #000; 
margin-top: 8px;
border: 1px solid #006; 
}

.contactbox
{
border: 1px solid #ffa500;
padding: 5px;
}

.contactbox h2.minor
{
color: #008380;
margin-top: 5px;
padding-top: 0;
}

.photo_container {
background: #fff; 
padding: 0px 0px 0px 12px; 
color: #000; 
}
.lightbluebox {
background: #c7d6fd; 
padding: 8px; 
color: #000; 
margin-left: 8px;
}

.lightbluebox ul {
margin-left: 0;
padding-left: 20px;
padding-bottom: 0;
margin-bottom: 0;
}

.lightblueboxhdr{
font-weight: bold;}

.lightbluebox .boxtext
{
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}

.lightbluebox li
{
font-size: 12px;
}

a.whitelink, a.whitelink:visited  
{
color: white;
}
a.whitelink:hover
{
color: white;
}
h3.whiteh3 {
color: white;
text-align: center;
margin-top: 0;
padding-top: 7px;
}

.pdf
{
margin-top: 7px;
font-size: 11px;
}

.verysmall
{
font-size: 9px;
}

h2.newsltr {
font-size: 16px;
}

h3.newsltr
{
font-size: 14px;

}

h4.newsltr
{
font-size: 13px;
color: #006;
}

h5.newsltr
{
font-size: 12px;
color: #006;
}


table.news_contact
{
border-left: 1px solid black;
border-top: 1px solid black;
}

table.news_contact th
{
border-right: 1px solid black;
border-bottom: 1px solid black;
font-size: 11px;
text-decoration: underline;
text-align: left;
}



table.news_contact td
{
border-right: 1px solid black;
border-bottom: 1px solid black;
vertical-align: top;
font-size: 11px;
}

table.newsltr_page
{
width: 95%;
margin: 0 auto;
border: 1px solid black;
}



/* Styles for When FHWA's Server is down ONLY */

/*p, li, td {font-size: 12px;}

h1 {font-size: 20px; color: #006;}
h2 {font-size: 18px; color: #006;}
h2.minor {font-size: 16px; color: #006;}
h3 {font-size: 16px; color: #006;}
h3.minor {font-size: 14px; color: #006;}


.footer
{
color: black;
font-size: 11px;
}*/

.hilite
{
background: yellow;
}


li.abc
{
list-style-type: lower-alpha;
padding-bottom: 5px;
}


li.roman
{
list-style-type: upper-roman;
padding-bottom: 5px;
}

li {padding-bottom: 5px;}

.centered
{
text-align: center;
}


/* Features */

table.features
{
width: 98%;
border-top: 1px solid black;
border-left: 1px solid black;
margin-top: 35px;
}

table.features td
{
vertical-align: top;
text-align: center;
width: 33%;
border-bottom: 1px solid black;
border-right: 1px solid black;
}

table.features td.valignmid
{
vertical-align: middle;
}

table.lined
{
border-top: 1px solid black;
border-left: 1px solid black;
}

table.lined td, table.lined th
{
border-bottom: 1px solid black;
border-right: 1px solid black;
}

table.lined td
{
vertical-align: top;
}

table.lined td.ctr
{
text-align: center;
}

table.lined td.sm, table.lined th.sm
{
font-size: .85em;
}

table.lined th.leftnobold
{
text-align: left;
font-weight: normal;
}

table.lined td.smaller, table.lined th.smaller
{
font-size: .85em;
}

table.lined th.bg
{
background: #d56e59;
}

table.lined th.bggray
{
background: #ccc;
}

table.lined tr.tan
{background: #f6f2dd;}

table.lined ul
{
margin-top: 0;
margin-left: 0;
padding-left: 20px;
margin-bottom: 0;
}

table.lined caption
{
font-size: 13px;
text-align: center;
margin-bottom: 7px;
margin-top: 7px;
}

.floatright
{
float: right;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0;
}

.floatleft
{
float: left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
}

ul ul
{
margin-top: 7px;
}

.paddingunder
{
padding-bottom: 5px;
}

table.generic
{

}
table.generic td
{
vertical-align: top;
}

table.pelboxes
{
width: 40%;
clear: both;
float: right;
background: #88c987;
}

table.pelboxes2
{
width: 29%;
clear: both;
float: right;
background: #88c987;
margin: 10px 20px;
}

table.pelboxes2 li
{
font-size: .9em;
}
table.pelboxes2 h3
{
text-align: center;
margin: 0;
font-size: small;
}

table.pelboxes td, table.pelboxes2 td
{
vertical-align: top;
background: #25286d;
font-size: .88em;
border: 4px solid #fff;
color: #fff;
}

table.pelboxes td a, table.pelboxes td a:visited, table.pelboxes2 td a, table.pelboxes2 td a:visited
{
color: #d7e3f5;
}

table.pelboxes td.alt, table.pelboxes2 td.alt
{
background: #88c987;
 border: 4px solid #fff;
 color: #000;
}

table.pelboxes ul, table.pelboxes2 ul
{
margin-top: 5px;
margin-left: 0;
padding-left: 20px;
}

table.pelboxes li
{
font-size: .88em;
}

.pelboxoutline
{
border: 4px solid #fff;
padding: 3px;
}

#logo_edc
{
margin: -12px 0 0 5px;
}

/* Wildlife Vehicle Training Styles */
#pagecontent
{font-family: tahoma, sans serif; 
font-size: 13px;}

#train_outline
{
border: 1px solid #006;
width: 850px;
height: 100%;
padding: 0;

}

#train_outline h2
{
margin: 5px 0 15px 0;
padding:0;
}

#train_outline .head
{
background: #88c987;
padding: 0;
border-bottom: 1px solid #006;
}

#train_outline .head h1
{
color: #006;
padding: 4px;
margin: 0;
}

#content_pad
{
padding: 8px;
line-height: 18px;
}
#content_pad p
{
font-family: tahoma;
}
#content_pad li
{
font-family: tahoma
}

table#navboxtrain
{
width: 190px;
float: right;
margin-right: 0;
margin-left: 10px;
margin-bottom: 8px;
padding-right: 0;
padding-left: 0;
border: 1px solid black;

}

table#navboxtrain td
{
vertical-align: top;
}

table#navboxtrain td.bg
{
background: url(training/images/navbox.gif) top left repeat-y; 
height: 11px; 
width: 190px;
}

table#navboxtrain .trainpad
{
margin: 0 8px 0 12px;
}

table.arrows
{
width: 100%;
}

table.arrows a, table.arrows a:visited
{
color: #006;
font-size: 12px;
}

table.arrows a.smallmenu, table.arrows a.smallmenu:visited
{
font-size: 11px;
color: blue;
font-weight: normal;
}

table.arrows td.prev
{
width: 35%; 
vertical-align: top; 
text-align: center;
}

table.arrows td.num
{
padding-top: 10px; 
width: 30%;
color: #60897d;
font-weight: bold;

}

table.arrows td.next
{
width: 35%; 
vertical-align: top;
 }
 
table.arrows td.links
{
 text-align: right;
 color: #60897d;
 }
 
table.arrows td.links a, table.arrows td.links a:visited
{
font-size: 11px;
}

.slide_title
{
color: #391300;
font-weight: bold;
font-size: 14px;
padding: 0;
margin-bottom: 8px;
text-align: center;
}


.nav_box_head
{
color: #748476;
font-size: 14px;
padding: 7px 7px 7px 5px;
font-weight: bold;
width: 95%;
border-bottom: 1px solid #dfd9b2;
}

.cover_container
{
width: 700px;
}

table#logo_table
{
width: 98%;
}

table#logo_table td.logobg
{
background: url(training/images/wvc_logo_bg.gif) top left repeat-x;
 }

table#logo_table td.bg_image
{
height: 58px;
width: 100%;
vertical-align: top;
}

table#logo_table td.logo_image
{
width: 690px;
vertical-align: top;
}

.module_bg
{
background: #88c987;
}

h1.module_icon
{
background: url(images/module_icon.gif) top right no-repeat;
height: 15px;
}

.indent_nav
{
margin-left: 7px;
}

.h1_bg_box
{
padding-bottom: 7px;
border: 1px solid #dfd9b2; 
width: 550px;
height: 35px;
background: #faf8e2 url(training/images/mod3_module_icon.gif) top left no-repeat; 
}

.h1_bg_box h1
{
font-size: 15px;
font-family: Tahoma;
color: #006;
font-weight: bold;
padding-top: 0;
margin-top: 4px;
}

.menu
{
margin-bottom: 3px;
padding-bottom: 3px;
}

.navleft_training {
	font-family: arial, helvetica;
	font-size: 11px; 
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	min-width: 200px;
	width: 170px;
}

ul.crossbrowser {
float:left;
margin:0;
padding:0 0 0 20px;
list-style: square;
position: relative;
}


ul.nobullet
{
list-style-type: none;
}

ul.nobullet li
{
list-style-type: none;
}

.short_width
{
width: 95%;
}

table.photo_layout
{
width: 80%;
}

table.photo_layout td
{
vertical-align: top;
}

table.glossary
{
width: 100%;
}

table.glossary td
{
vertical-align: top;
background: #f7f7f7;
}

table.glossary th
{
background: #cecfce;
}

/*style used to replace <br> tags per FHWA requirements */
.break
{
}

/* alignment styles */
.ctr
{
text-align: center;
}

.left
{text-align: left;}

.right
{text-align: right;}

/* margin and clear styles */

.margintop_zero
{
margin-top: 0;
}

.clearboth
{
clear: both;
}

/* Margin Styles */
.marginbottom_zero {margin-bottom: 0;}
.marginbottom_14px {margin-bottom: 14px;}
.marginbottom_5px {margin-bottom: 5px;}
.marginbottom_10px {margin-bottom: 10px;}
.marginbottom_15px {margin-bottom: 15px;}
.marginbottom_20px {margin-bottom: 20px;}
.margintop_zero {margin-top: 0;}
.margintop_neg10px {margin-top: -10px;}
.margintop_2px {margin-top: 2px;}
.margintop_3px {margin-top: 3px;}
.margintop_4px {margin-top: 4px;}
.margintop_5px {margin-top: 5px;}
.margintop_8px {margin-top: 8px;}
.margintop_14px {margin-top: 14px;}
.margintop_20px {margin-top: 20px;}
.margintop_40px {margin-top: 40px;}
.marginright_20px {margin-right: 20px;}
.marginright_10percent {margin-right: 10%;}
.marginright_25pct {margin-right: 25%;}
.marginright_40pct {margin-right: 40%;}
.marginright_50pct {margin-right: 50%;}
.marginleft_50pct {margin-left: 50%;}
.marginleft_20px {margin-left: 20px;}
/* .What Is Livability? {margin-left: 75px;} This line fails validation, so commenting out. */

/* Padding Styles */
.paddingtop_zero {padding-top: 0;}
.paddingtop_5px {padding-top: 5px;}
.paddingtop_12px {padding-top: 12px;}
.paddingtop_20px {padding-top: 20px;}
.paddingbottom_zero {padding-bottom: 0;}
.paddingbottom_three {padding-bottom: 3px;}
.paddingbottom_15px {padding-bottom: 15px;}
.paddingright_50pct {padding-right: 50%;}
.paddingleft_5px {padding-left: 5px;}

/* width styles */
.eight {width: 8%;}
.fifteen {width: 15%;}
.sixteen {width: 16%;}
.twenty {width: 20%;}
.twenty-four {width: 24%;}
.twenty-eight {width: 28%;}
.thirty {width: 30%;}
.thirty-three {width: 33%;}
.thirty-five {width: 35%;}
.forty {width: 40%;}
.fifty {width: 50%;}
.sixty {width: 60%;}
.sixty-five {width: 65%;}
.eighty-three {width: 83%;}
.ninety-eight {width: 98%;}
.ninety-nine {width: 99%;}
.one-hundredpx {width: 100px;}
.onetenpx {width: 110px;}
.one-twenty-fivepx {width: 125px;}
.one-thirty-fivepx {width: 135px;}
.one-fiftypx {width: 150px;}
.one-sixtypx {width: 160px;}
.one-sixtyfivepx {width: 165px;}
.one-seventy-fivepx {width: 175px;}
.one-eighty-fivepx {width: 185px;}
.two-hundredpx {width: 200px;}
.two_tenpx {width: 210px;}
.two-twentypx {width: 220px;}
.two-twenty-fivepx {width: 225px;}
.two-fortypx {width: 240px;}
.two-fiftypx {width: 250px;}
.two-fifty-fivepx {width: 255px;}
.two-sixtypx {width: 260px;}
.two-seventy-fivepx {width: 275px;}
.two-eighty-fivepx {width: 285px;}
.two-ninety-threepx {width: 293px;}
.three-hundredpx {width: 300px;}
.three-tenpx {width: 310px;}
.three-fifteenpx {width: 315px;}
.three-thirtyfivepx {width: 335px;}
.three-fifty {width: 350px;}
.three-fiftyninepx {width: 359px;}
.three-sixtyfivepx {width: 365px;}
.four-hundredpx {width: 400px;}
.four-fiftypx {width: 450px;}
.four-eightypx {width: 480px;}
.eight-hundredpx {width: 800px;}

/* prevent bullet problem when next to a floated image/table */
ul.bullet_problem, ol.bullet_problem {
float:left;
margin:0;
padding:0 0 0 20px;
position: relative;
}

.border1px
{border: 1px solid #006;}

hr.forty
{
width: 40%;
text-align: left;
}

.border_bottom2px
{
border-bottom: 2px solid black;
}

.yellowbg
{
background: #fcfca9;
}

ul.noleftmargin
{
margin-left: 0;
padding-left: 0;
}

ol ol {margin-top: 7px;}

ol ul li {list-style: disc;}

ol.abc li {list-style-type: lower-alpha; padding-bottom: 5px;}

ol.numbered li {list-style-type: decimal;}

ol.numbered li ul li {list-style: disc;}

ol.numbered li ol.abc li {list-style-type: lower-alpha;}

ol.roman li {list-style-type: upper-roman;}

dd {padding-bottom: 7px;}

.darkgreenbg {background: #060;}

.nobrk {white-space: nowrap;}



.border1px {border: 1px solid black;}

.bg_ffffcd
{background: #ffffcd;}

.whitebg {background: #fff;}

/* WVC Guidebook */

P, td
{
    FONT-SIZE: 13px;
}

H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: #000066;
    
}

H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000066;
}

H3
{
    margin-bottom: -8px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
	COLOR: #000000;
}


H4
{
    MARGIN-TOP: 16px;
	margin-bottom: 6px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #3333cc;
}

.title
{
    font-size: 18px;
	FONT-WEIGHT: bold;
    COLOR: #006;
}

.indent {
margin-left: 25px;
}
.indent2 {
margin-left: 45px;
}

.figure {
text-align: center;
margin: 24px 0px 8px 0px;
font-weight: bold;
line-height: 1.5em;}

.slogan
{
    MARGIN-TOP: 0em;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    MARGIN-BOTTOM: 10px;
    COLOR: #3333cc;
}
.checkmark
{
list-style:none;
background: url("ecosystems/wvc/images/checkmark.gif") top left no-repeat;
padding-left: 16px;
margin: 8px 8px 6px -12px;
}

/*---------------------------   Section 6009 report and appendixes   ----------------------------------*/

.compare
{
text-align: right;
}
.compare td, .open td
{
padding-right: 5px;
}
.sched
{
text-align: left;
}
.sched, .compare
{
border-top: 1px solid black;
border-left: 1px solid black;
margin: 0 0 10px 0;
}
.sched td, .compare td
{
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.sched td.ctr, .compare td.ctr, open td.ctr
{
text-align: center;
}
.sched td.gray, .compare td.gray
{
background: #ccc;
}
.sched td.blue, .compare td.blue
{
background: #005daa;
}
.sched td.black, .compare td.black
{
background: #000;
}
.sched td.violet, .compare td.violet
{
background: #f1f0f0;
}
.key
{
width: 50px;
}
.study
{
text-align: center;
border-top: 1px solid #d0d7e5;
border-right: 1px solid #d0d7e5;
border-left: 1px solid #d0d7e5;
margin: 0 auto;
}
.study td
{
padding: 2px;
border-bottom: 1px solid #d0d7e5;
border-right: 1px solid #000;
}
.study td.rght
{
text-align: right;
padding-right: 5px;
}
.study td.rdkbrdr, .open td.rdkbrdr, .compare td.rdkbrdr
{
border-right: 2px solid black;
}
.study td.bdkbrdr, .open td.bdkbrdr, .compare td.bdkbrdr
{
border-bottom: 2px solid black;
}
.compare td.tdkbrdr
{
border-top: 2px solid black;
}
.compare td.norbrdr
{
border-right: none;
}
.compare td.nobbrdr
{
border-bottom: none;
}
.study td.lghtbrdr
{
border-right: 1px solid #d0d7e5;
}
.open
{
text-align: right;
margin: 10px auto;
}
.open td
{
border-right: 1px solid #000;
}
.open td.nobrdr
{
border-right: none;
}
.open td.btmalign
{
vertical-align: bottom;
}
.open td.rxdkbrdr
{
border-right: 3px solid black;
}
.open td.bxdkbrdr
{
border-bottom: 3px solid black;
}
.flowchart, .flowchart2
{
margin: 0 auto;
}
.flowchart td
{
border: none;
text-align: center;
padding: 0 0 0 0;
}
.flowchart2 td
{
border: none;
text-align: center;
padding: 0 0 0 0;
vertical-align: top;
}
.flowchart .bordered, .flowchart2 .bordered
{
padding: 5px 10px;
border: 2px solid #000;
}
.flowchart .grybox
{
width: 70%;
background: #c6c6c6;
margin: 0 auto;
}
.flowchart .emph
{
font-size: 13px;
font-weight: bold;
}
.flowchart .lpad
{
padding-left: 10px;
}
.flowchart .arrows, .flowchart2 .arrows
{
font-size: 30px;
font-weight: lighter;
}
.itemno
{
width: 3%;
float: left;
margin: 0;
padding: 0;
vertical-align: top;
}
.itemtxt
{
width: 97%;
float: left;
margin: 0;
padding: 0;
vertical-align: top;
}
.itemno p, .itemtxt p
{
margin: 0 0 8px 0;
padding: 0;
}
.questnaire td
{
vertical-align: top;
}
.questnaire td.btmalign
{
vertical-align: bottom;
}
.questnaire td div.bordered
{
border: solid 1px #000;
padding: 5px 5px 5px 15px;
margin: 5px 0;
}
.ratings
{
padding: 0 10px 10px;
vertical-align: top;
}
.matrix
{
width: 90%;
border: 1px solid #000;
margin: 0 auto;
}
.matrix td
{
vertical-align: middle;
text-align: center;
padding: 14px;
}
.matrix .yel
{
background: #ffffcc;
}
.matrix .grn
{
background: #ccffcc;
}
.matrix .red
{
background: #ff9999;
}
.matrix .btmbrdr
{
border-bottom: 1px solid #000;
}
.matrix .rgtbrdr
{
border-right: 1px solid #000;
}

/*---------------------------   Invasive Species Report tables   ----------------------------------*/
.open2, .open3{width: 95%; margin: 0 0 0 20px; border-top: 1px solid #000;}
.open2 td, .open3 td {border-bottom: 1px solid #000; padding: 3px 10px;}
.open2 td {vertical-align: bottom;}
.open3 td {vertical-align: top;}
.open3 td.btm {vertical-align: bottom;}
.open3 ul, .open3 li{margin: 0 0 0 6px; padding: 0;}
.open2 td.nobrder {border-bottom: none;}

/*---------------------------   sidebars   ----------------------------------*/
.sidebar_blue {padding: 20px 15px 15px 15px; background-color: #f6f6f6; border: solid 1px #c1c0c0; text-align: justify;}
.sidebar_gold {padding: 20px 15px 15px 15px; background-color: #fff600; border: solid 1px #fcc400; text-align: justify;}
.sidebar_yellow {padding: 15px 10px 15px 10px; background-color: #ffff99; border: solid 1px #d3d30b; text-align: justify;}
.less_padding {padding: 5px 10px 5px 10px;}

/*---------------------------   general styles   ----------------------------------*/
.vatop {vertical-align: top;}
.vamiddle {vertical-align: middle;}
.vabot {vertical-align: bottom;}
/*a:visited {color: #0000aa;}*/

/*---------------------------   This class prevents lengthy text (used here for especially-long URLs) from extending beyond the width of a div or other block element   ----------------------------------*/
.long_wrap {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: normal !important;  /* Mozilla, since 1999 */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    break-word: break-all;      /* IE 7 */
    width: 99%;
}

/*---------------------------   footnote table styles   ----------------------------------*/
.footnotes {font-size: 11px; vertical-align: top;}

/*---------------------------   lists with images       ----------------------------------*/
li.checkbox {list-style-image: url("../images/checkbox.jpg");}
li.dashed {list-style-image: url("../images/dash.jpg");}

/*---------------------------   to fix vertical spacing with superscript/subscript   ----------------------------------*/
sub, sup {vertical-align: baseline; position: relative; font-size: 80%;} /* 80% size of its parent element font-size */
sub {bottom: -0.6em;} /* use em because they adapt to parent font-size */
sup {top: -0.6em;} /* use em because they adapt to parent font-size */

/*--------------------------    class to put border around a document div    ------------*/
.doc_wrap{padding: 0 10px 20px 15px; border: solid 1px #000;}