/* CSS Document border: 1px solid #cccccc;*/


/* STRUCTURAL DIVS */
div#container{position:relative; text-align:center; width:776px; background-color:#ffffff; padding:0px; margin:0 auto; background:url(/photolibrary/vp_bg.gif); background-repeat: repeat-y;}
div#wrapper{position:relative; text-align:center; width:756px; padding:0px; margin:0 auto; border-color: #0061CE; border-top:2px solid #0061CE; border-left:0px; border-right: 0px; border-bottom:7px solid #0061CE;}
div#topnav{position:relative; width:756px; text-align:center; padding:0px; margin:0px;}
div#highlightstripe{position:relative; text-align:left; background:url(/photolibrary/enews_bg.gif); background-repeat: repeat-x; background-color:#99CC33; width:756px; height:23px; padding:0px; margin:0px;}
div#viewport{position:relative; width:756px; margin:0px; padding:0px; text-align:center;}
div#viewport_bins{position:relative; width:756px; margin:0px; padding:0px; text-align:center; background:url(/photolibrary/bins_bg.gif); background-repeat: repeat-y; background-color:#ffffff;}

div#stepbox{position:relative; float:left; width:93px; height:41px; padding:9px 0 0 50px; margin:0px; background:url(/photolibrary/wandm_ap_step.gif); background-repeat: no-repeat; font-size: 21px; font-weight: bold; color:#ffffff; font-family:Verdana,Arial,Helvetica,Sans-Serif;} 

div#content_nopad{position:relative; width:616px; margin:0px; padding:0px; text-align:left;}
div#content_int{position:relative; width:609px; margin:0px; padding-top:25px; padding-left:30px; padding-bottom:0px; padding-right:35px; text-align:left;}
div#mnav{position:relative; width:140px; margin:0px; padding:0px; text-align:left; background:url(/photolibrary/navbardark_shdw.gif); background-repeat: repeat-y;}
div#mnav_int{position:relative; width:147px; margin:0px; padding:0px; text-align:left; background:url(/photolibrary/navbardark_shdw.gif); background-repeat: repeat-y;}

div#footer{clear:both; background-color:#ffffff; margin:0 auto; text-align:center; width:776; padding-top:10px; padding-left:0px; padding-right:0px; padding-bottom:20px;}

div#wrapper_popup{position:relative; width:550px; padding:25px; text-align:left; margin:0 auto; overflow:hidden; border-color: #0061CE; border-top: 0px; border-left: 2px solid #0061CE; border-right: 2px solid #0061CE; border-bottom: 10px solid #0061CE; font-size: 12px; line-height: 15px; color: #000000; font-family:Arial,Helvetica,Sans-Serif;}
div#wrappertopbar_popup{position:relative; width:550px; padding:10px; text-align:right; margin:0 auto; overflow:hidden; background-color: #0061CE; font-size: 9px; line-height: 9px; color: #ffffff; font-family:Verdana,Arial,Helvetica,Sans-Serif;}

div#greenbox{position:relative; text-align:left; background-color:#99CC33; width:100%; padding-left:15px; padding-top:3px; padding-right:10px; padding-bottom:3px; margin:0px;}

/* LIST ELEMENTS */
div#generic{position:relative; margin:0px; padding:0px; text-align:left;}
div#generic ul {
	list-style-image: url(/photolibrary/arrow_orange.gif);
	list-style-type: square;
	margin:0px 0px 12px 18px;
	padding:0px;
}
div#generic ul li {
	margin:3px 0px 0px 0px;
	padding:0px;
}
div#generic ul li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #0061CE; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#generic ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}
div#generic ol {
	margin:0px 0px 12px 25px;
	padding:0px;
}
div#generic ol li {
	margin:6px 0px 0px 0px;
	padding:10px;
}
div#generic ol li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #0061CE; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#generic ol li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#generic ol li ul li {
	margin:5px 0px 5px 0px;
	padding:0px;
}

div#oldiv{position:relative; margin:0px; padding:0px; text-align:left;}
div#oldiv ol {
	margin:0px 0px 20px 30px;
	padding:0px;
}
div#oldiv ol li {
	margin:6px 0px 0px 0px;
	padding:10px;
	border: 1px solid #84BD11;
	background: #ffffff;
}
div#oldiv ol li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #0061CE; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#oldiv ol li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#uldiv{position:relative; margin:0px; padding:0px; text-align:left;}
div#uldiv ul {
	margin:0px 0px 20px 30px;
	padding:0px;
}
div#uldiv ul li {
	margin:6px 0px 0px 0px;
	padding:10px;
}
div#uldiv ul li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #0061CE; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#uldiv ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#genericblack{position:relative; margin:0px; padding:0px; text-align:left;}
div#genericblack ul {
	list-style-image: url(/photolibrary/bullet.gif);
	list-style-type: square;
	margin:0px 0px 12px 18px;
	padding:0px;
}
div#genericblack ul li {
	margin:3px 0px 0px 0px;
	padding:0px;
}
div#genericblack ul li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #333333; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#genericblack ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#genericwhite{position:relative; margin:0px; padding:0px; text-align:left; font-size: 12px; line-height: 15px; color: #ffffff; font-family:Arial,Helvetica,Sans-Serif;}
div#genericwhite ul {
	list-style-image: url(/photolibrary/arrow_orange.gif);
	list-style-type: square;
	margin:0px 0px 12px 18px;
	padding:0px;
}
div#genericwhite ul li {
	margin:3px 0px 0px 0px;
	padding:0px;
}
div#genericwhite ul li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #ffffff; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#genericwhite ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#generic_nofont{position:relative; margin:0px; padding:0px; text-align:left;}
div#generic_nofont ul {
	list-style-image: url(/photolibrary/arrow_orange.gif);
	list-style-type: square;
	margin:0px 0px 12px 18px;
	padding:0px;
}
div#generic_nofont ul li {
	margin:3px 0px 0px 0px;
	padding:0px;
}

div#actionplanol{position:relative; margin:0px; padding:0px; text-align:left;}
div#actionplanol ol {
	margin:0px 0px 12px 33px;
	padding:0px;
}
div#actionplanol ol li {
	font-size: 11px;
	font-weight: bold; 
	line-height: 14px; 
	color: #333333; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	margin:5px 0px 0px 0px;
	padding:0px;
} 
div#actionplanol ol li a:hover {
	color: #ffffff; 
	background: #84BD11;
}
div#actionplanol ol li.indented {
	list-style: none;
	margin:5px 0px 0px 45px !important;
	padding:0px;
}

div#appnoerror {
	background-color: #D0E29D;
	border: 0px; 
	padding:10px !important; 
	margin:0px;
}

div#apperror {
	background-color: #FDC275;
	color: #990000;
	border: 0px;
	padding:10px !important; 
	margin:0px;
}


div#mnav ul {
	/* list-style-image: url(/photolibrary/arrow_blue.gif); 
	list-style-type: square; */
	list-style-type: none;
	margin:0px 0px 12px 9px;
	padding:0px;
}
div#mnav ul li {
	margin:0px;
	padding:2px 0px 0px 0px;
}
div#mnav ul li a {
	font-size: 10px; 
	line-height: 10px; 
	color: #91D8FB; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif; 
	text-decoration: none; 
	font-weight: bold;
} 

div#mnav ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#mnav_int ul {
	/* list-style-image: url(/photolibrary/arrow_blue.gif); 
	list-style-type: square; */
	list-style-type: none;
	margin:0px 0px 12px 9px;
	padding:0px;
}
div#mnav_int ul li {
	margin:0px;
	padding:2px 0px 0px 0px;
}
div#mnav_int ul li a {
	font-size: 10px; 
	line-height: 10px; 
	color: #91D8FB; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif; 
	text-decoration: none; 
	font-weight: bold;
}

div#mnav_int ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}

div#ftrbin{position:relative; width:249px; margin:0px; padding:0 15px 15px 15px; text-align:left; margin:0px;}
div#ftrbinboxhdr{position:relative; text-align:left; background-color:#99CC33; height:23px; padding:4px 0 0 12px; margin:0px;}
div#ftrbinbox{position:relative; text-align:left; background-color:#ffffff; padding:5px 10px 0 10px; margin:0px; border-color: #99CC33; border-top:0px; border-left:1px solid #99CC33; border-right:1px solid #99CC33; border-bottom:4px solid #99CC33;}

div#ftrbin ul {
	list-style-image: url(/photolibrary/arrow_orange.gif);
	list-style-type: square;
	margin:0px 0px 12px 18px;
	padding:0px;
}
div#ftrbin ul li {
	margin:3px 0px 0px 0px;
	padding:0px;
}
div#ftrbin ul li a {
	font-size: 11px; 
	line-height: 14px; 
	color: #0061CE; 
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}
div#ftrbin ul li a:hover {
	color: #ffffff; 
	background: #84BD11;
}


/* FONT STYLES  */
body {font-size: 12px; line-height: 15px; color: #333333; font-family:Arial,Helvetica,Sans-Serif;}
.header {font-size: 20px; line-height: 20px; color: #3397E7; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.header_red {font-size: 26px; line-height: 37px; letter-spacing: -0.5px; color: #FF0000; font-family:Impact,Arial,Helvetica,Sans-Serif;}
.header_hl {font-size: 20px; line-height: 24px; letter-spacing: 1px; color: #FF0000; font-family:Arial,Helvetica,Sans-Serif;}
.header_smaller {font-size: 18px; line-height: 20px; color: #84BD11; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.subheader {font-size: 14px; line-height: 18px; color: #333333; font-family:Arial,Helvetica,Sans-Serif;}
.subheaderblue {font-size: 14px; line-height: 18px; color: #0061CE; font-family:Arial,Helvetica,Sans-Serif;}
.subheaderblue_sm {font-size: 13px; line-height: 18px; color: #0061CE; font-family:Arial,Helvetica,Sans-Serif;}
.subheaderwhite {font-size: 14px; line-height: 18px; color: #ffffff; font-family:Arial,Helvetica,Sans-Serif;}
.subheadergreen {font-size: 14px; line-height: 18px; color: #84BD11; font-family:Arial,Helvetica,Sans-Serif;}
.subheaderred {font-size: 14px; line-height: 18px; color: #990000; font-family:Arial,Helvetica,Sans-Serif;}
.body {font-size: 14px; line-height: 18px; color: #333333; font-family:Arial,Helvetica,Sans-Serif;}
.bodyblue {font-size: 12px; line-height: 15px; color: #0061CE; font-family:Arial,Helvetica,Sans-Serif;}
.bodyblack {font-size: 12px; line-height: 15px; color: #000000; font-family:Arial,Helvetica,Sans-Serif;}
.bodyltblue {font-size: 12px; line-height: 15px; color: #66CCFF; font-family:Arial,Helvetica,Sans-Serif;}
.bodywhite {font-size: 12px; line-height: 15px; color: #ffffff; font-family:Arial,Helvetica,Sans-Serif;}
.caption {font-size: 9px; line-height: 12px; color: #333333; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.captionlg {font-size: 11px; line-height: 12px; color: #333333; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.captiongreen {font-size: 9px; line-height: 12px; color: #84BD11; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.captiondkgreen {font-size: 9px; line-height: 12px; color: #446502; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.captionblue {font-size: 9px; line-height: 12px; color: #0061CE; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.captionltblue {font-size: 9px; line-height: 12px; color: #66CCFF; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.captionwhite {font-size: 9px; line-height: 12px; color: #ffffff; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
/* .topnavlink {font-size: 10px; line-height: 12px; color: #91D8FB; font-family:Verdana,Arial,Helvetica,Sans-Serif; text-decoration: none; font-weight: bold;}
.topnavlinkAT {font-size: 10px; line-height: 12px; color: #ffffff; font-family:Verdana,Arial,Helvetica,Sans-Serif; text-decoration: none; font-weight: bold;} */
.mainlink {font-size: 11px; line-height: 14px; color: #0061CE; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.mainlinkAT {font-size: 11px; line-height: 14px; color: #84BD11; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.mainlinkblack {font-size: 11px; line-height: 14px; color: #000000; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.mainlinkwhite {font-size: 11px; line-height: 14px; color: #ffffff; font-family:Verdana,Arial,Helvetica,Sans-Serif;}
.subheaderwhite1 {font-family: Arial, Helvetica; color: #ffffff; font-size: 14px; font-weight:bold;} 


div#grayline{position:relative; width:100%; margin-top:20px; height:20px; overflow:hidden; border-color: #cccccc; border-top: 1px solid #cccccc;}
div#greenline{position:relative; width:100%; margin-top:5px; height:20px; overflow:hidden; border-color: #84BD11; border-top: 2px dotted #84BD11;}

/* a.hover global hover setting conflicts with the functionality of the sliding menu on the home page, therefore it is necessary to define a hover state for all classes individually */
a.body:hover {color: #ffffff; background: #84BD11;}
a.bodyblue:hover {color: #ffffff; background: #84BD11;}
a.bodyblack:hover {color: #ffffff; background: #84BD11;}
a.bodyltblue:hover {color: #ffffff; background: #84BD11;}
a.bodywhite:hover {color: #ffffff; background: #84BD11;}
a.subheaderwhite:hover {color: #ffffff; background: #84BD11;}
a.caption:hover {color: #ffffff; background: #84BD11;}
a.captionlg:hover {color: #ffffff; background: #84BD11;}
a.captiongreen:hover {color: #ffffff; background: #84BD11;}
a.captiondkgreen:hover {color: #ffffff; background: #84BD11;}
a.captionltblue:hover {color: #ffffff; background: #84BD11;}
a.captionblue:hover {color: #ffffff; background: #84BD11;}
a.captionwhite:hover {color: #ffffff; background: #84BD11;}
a.topnavlink:hover {color: #ffffff; background: #84BD11;}
a.topnavlinkAT:hover {color: #ffffff; background: #84BD11;}
a.mainlink:hover {color: #ffffff; background: #84BD11;}
a.mainlinkblack:hover {color: #ffffff; background: #84BD11;}
a.mainlinkwhite:hover {color: #ffffff; background: #84BD11;}


div#generic a {color: #0061CE;}
div#generic a:hover {color: #ffffff; background: #84BD11;}
div#genericwhite a {color: #ffffff;}
div#genericwhite a:hover {color: #ffffff; background: #84BD11;}
div#genericblack a {color: #000000;}
div#genericblack a:hover {color: #ffffff; background: #84BD11;}


/* FORM FIELDS */
.fieldcell50 {
	width: 50px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #999999;
	padding: 2px;
	margin: 1px;
}
.fieldcell100calc {
	width: 100px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #0061CE;
	padding: 2px;
	margin: 1px;
	text-align:right;
}
.fieldcell100calcT {
	width: 100px;
	height: 26px;
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #0061CE;
	padding: 2px;
	margin: 1px;
	text-align:right;
}
.highlightstripe_field {
	width: 90px;
	height: 13px;
	font: 10px Arial, Helvetica, sans-serif;
	background-color: #99CC33;
	color: #333333;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}
.fieldcell160 {
	width: 160px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}
.fieldcell130 {
	width: 130px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}
.fieldcell60 {
	width: 60px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}
.fieldcell220 {
	width: 220px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}
.fieldcell270 {
	width: 270px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}
.fieldcell175 {
	width: 175px;
	height: 21px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #588301;
	padding: 2px;
	margin: 1px;
}