/* CSS Document */

@charset "utf-8";



/* Container CSS Document */





/*

body  

{

	background-color: #3e3e3e;

	margin:0; 

	padding:0;	

	/*additions below from main_2.css

	FONT-SIZE: 10px;

	COLOR: black;

	FONT-FAMILY: Verdana, Helvetica, Arial;

	/*BACKGROUND-COLOR: GREY*/

	/*end of additions from main_2.css

}

*/

form 	

{

	display: inline; 

	margin-bottom: 0px;

	padding: 0;

} 



 

/*********SKIN STYLES*************/	

.skinHeight{height:0px;}

.skinFloatRight{}

/*********TOP************ */

.WhiteBackgroundColor {

	background-color : #FBF8E0; /*was #FFFBDD*/

	margin-bottom: 0px;	

}	

/*********TOP************

#logoSkipNav a{color: #44551E;}

a.FseLogoColor	{color: #44551E;} 			

.WIDBackgroundColor	{background-color: #44551E;margin-bottom: 0px;}

*/

/*********BOTTOM*************/	

.widfootertable	{
	margin-top:7px;
	border-top-width: 1px;
	border-top-color: #37719c;
	border-top-style: solid;
}

	

/**********HEIGHTS***************/	

.Height21	{height:21px}

.Height3	{height:3px}

.Height5	{height:5px}

.Height10	{height:10px}

.Height0	{height:0px}

.Height16	{height:16px}

.Height20	{height:20px}

.Height30	{height:30px}

.Height22	{height:22px}

.Height15	{height:15px}

.HeightAuto	{height:auto}

.Height12	{height:12px}

.Height37	{height:37px}

.Height25	{height:25px}

.Height70	{height:70px}

.Height19	{height: 19px}

.Height50	{height:50px}

.Height12Overflow	{height:15px;overflow:hidden;}





/**html, body{text-align:center} **/



/* Page Layout and Background Colors ========================================================== */

#wrapper {width:767px; margin:0 auto; text-align:left}

#masthead {
	background-color:#37719c;
	width:767px;
	height:122px;
	margin:0;
	padding-bottom:5px
}

#topnav {width:767px;height:21px;margin-bottom:10px; padding:0}

#contenttop {float:right;width:557px;padding:0 10px 10px 10px}

#pagetitletop {float:right;width:557px;padding:0 10px 10px 10px}

#leftcol {float:left;width:180px;margin-bottom:10px;padding-left:8px}

#centercol {float:left;width:362px;margin-bottom:10px;padding-left:10px}

#rightcol {float:left;width:185px;margin-bottom:10px;padding-left:1px}

#footer {clear:both;width:767px;}



/* global ------------------------------------------------------------------------- */

body {
	margin:10px 0;
	background-color:#37719c;
	color:#333;
	font:85% Verdana, Arial, Helvetica, sans-serif
}

#wrapper {background-color:#FAF8DF}

#leftcol, #centercol, #rightcol {overflow:hidden; position:relative}









/* Header CSS Document */



/* skip navigation hide ------------------------------------------------------------------------- */

#logoSkipNav a, #logoSkipNav a:active, #logoSkipNav a:hover, #logoSkipNav a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;} 

 

/* global navigation menu */ 

#navlist {margin:0;padding:0;width:100%;height:21px;font-family:Verdana,sans-serif;font-size:11px;font-weight:bold;background: #333 url(/wps/themes/html/FSE_WIDTheme/bkg.gif) no-repeat left top;}

#navlist ul {float: right;margin: 0;padding: 0 0px 0 0px;}

#navlist li {float: left;margin:-1px 0 0 0;padding:5px 0;text-decoration: none;}

#navlist a {padding: 4px 10px;height:21px;display:inline;font-size:11px;text-decoration:none;background: url(/wps/themes/html/FSE_WIDTheme/over.gif) no-repeat 0% 50%}

/*ZOOM: 100%;MARGIN: -6px 0px 0px; position:relative;*/

#navlist a:link, #navlist a:visited {color: #EEE;text-decoration: none;}

#navlist a:hover, #navlist a:active, #vizlink a:link, #vizlink a:visited, #vizlink a:hover, #vizlink a:active {background:url(/wps/themes/html/FSE_WIDTheme/down.gif) no-repeat 0% 50%;color:#2D1E2D;font-weight:bold;text-decoration: none;}



/* masthead and top nav ------------------------------------------------------------------------- */

/**#masthead {background:url(/wps/themes/html/FSE_WIDTheme/images/header-gila.jpg) no-repeat top left }**/

/**#topnav {background:url(/wps/themes/html/FSE_WIDTheme/images/top-nav-bkg.gif) no-repeat top left }**/









/* Footer CSS Document */



/* footer ------------------------------------------------------------------------- */

#footer {
	background:url(/wps/themes/html/FSE_WIDTheme/images/footer.gif) no-repeat bottom left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3a4f60;
}

#footer p {padding:0 10px 3px 17px;font-size:0.85em;}

#footer a {font-size:0.95em; font-weight:normal}













/* Content CSS Document */


h1,h2,h3,h4,h5,h6 {font-family:Helvetica, sans-serif}
h1 {
	color:#37719c;
	font-size:1.3em;
	font-weight:bold;
}

/* content top ------------------------------------------------------------------------- */

#contenttop h1 {margin:5px 0 0 0;padding:5px 10px; background:#F2DD9A url(/wps/themes/html/FSE_WIDTheme/images/center-h1.gif) no-repeat top right;border-left:1px solid #F9C66D;}

#contenttop p {margin:0;padding:3px 0;font-size:0.8em}

/**contenttop additional styles **/



/* page title top is same as content top :: <div> tag with id 'contenttop' includes breadcrumb portlet while <div> tag with id 'pagetitletop' includes pagetitle portlet. As these two portlets resides in two different row containers of the template, they can not be included under same <div> tag. Also, if we use the <div> tag with same id at multiple places, then xhtml error occurs.------------------------------------------------------------------------- */
#nobannerpage h1 {margin:5px 0;padding:0; clear:both}

#pagetitletop h1 {margin:5px 0 0 0;padding:5px 10px; background:#F2DD9A url(/wps/themes/html/FSE_WIDTheme/images/center-h1.gif) no-repeat top right;border-left:1px solid #F9C66D;}

#pagetitletop p {margin:0;padding:3px 0;font-size:0.8em}

/**pagetitle top additional styles **/

#pagetitletop a {font-size:1em;line-height:1.4em}





/* test styles for headings ---------------------------------------------------- */


h1.nobanner {margin:5px 0;padding:0;clear:both}
h2 { margin:20px 0 5px 0;padding:0;color:#A34000;font-size:1.2em;font-weight:bold;border-bottom:1px solid #000; clear:both}
h3 {
	margin:10px 0 5px 0;
	padding:0;
	color:#37719c;
	font-size:1em;
	font-weight:bold;
	clear:both
}
h4 {
	margin:10px 0 5px 0;
	padding:0;
	color:#37719c;
	font-size:1em;
	font-weight:bold;
	clear:both
}
h3.rec {margin:10px 0 5px 0;padding:0;color:#032E01;font-size:1em;font-weight:bold;background:url(/wps/themes/html/FSE_WIDTheme/images/line-dot.gif) bottom left repeat-x}
h4.rec {margin:10px 0 5px 0;padding:0;color:#032E01;font-size:1em;font-weight:bold;background:url(/wps/themes/html/FSE_WIDTheme/images/line-dot.gif) bottom left repeat-x}
h5 { margin:10px 0 0 0; padding:0; font-size:1em; font-weight:bold; font-style:italic; clear:both }
h6 { margin:10px 0 0 0; padding:0; font-size:1em; font-style:italic; clear:both}
h4.italic { margin:10px 0 0 0; padding:0; font-size:1em; font-style:italic; clear:both}


#centercol img {margin:5px 10px 0 0;float:left;font-size:0.7em;font-weight:normal} /* border; border:1px solid #333*/
#centercol img.border-blk {margin:5px 10px 0 0;float:left; border:1px solid #333}
#centercol img.full {margin: 10px 0} /*removed border; border:1px solid #333*/



/*

#centercol .imgcaption155  {float:left; width:155px; color:#666; font-size:0.7em}

#centercol .imgcaption155 img {margin:5px 10px 0 0}

#centercol .imgcaption180 {float:left; width:180px;color:#666; font-size:0.7em}

#centercol .imgcaption360 {float:left; width:360px;color:#666; font-size:0.7em}

*/



#centercol p {margin-top:0.5em;font-size:0.9em;line-height:1.4em}

#centercol ul {margin:10px 0;padding:0 0 0 10px; list-style:none;line-height:1.4em;clear:left}

#centercol ul li {margin:0;padding-left:10px;font-size:0.9em;background: url( /wps/themes/html/FSE_WIDTheme/images/center-col-list.gif) no-repeat}

#centercol ul li ul {margin:0;padding:0}

#centercol ul li ul li {margin:0; padding:0 0 0 10px; font-size:1em; background: url( /wps/themes/html/FSE_WIDTheme/images/center-col-list2.gif) no-repeat}



/**Following style is added as text in a <p> tag looks smaller in size when the tag is used inside <li>**/

#centercol ul  p {margin-top:0.5em;font-size:0.95em;line-height:1.4em}



#centercol ol {margin:10px 0;padding:0 0 0 30px;line-height:1.4em}

#centercol ol li {margin:0;padding-left:0px;font-size:0.9em; list-style:decimal;}

#centercol ol li ol {margin:0 10px;padding:0}

#centercol ol li ol li {margin:0; padding:0 0 0 0px; font-size:1em; }



#centercol li a{font-weight:normal}



/* Table styles */

/*default table

#centercol table {margin:10px 0; width:100%;border:1px solid #578000;font-size:0.85em;}

#centercol td,th{border:1px solid #90A644;padding:3px}

#centercol caption{padding:10px 0 0 0;font-size:1.1em;text-align:left}

#centercol thead th{text-align:left;background:#F2DD9A}

#centercol tbody th{text-align:left;border-bottom:1px dashed #9ACD32;background:#ECECC6}

#centercol tbody td{border-bottom:1px dashed #9ACD32;background:#FFF}

#centercol tbody tr.odd td{border-bottom:1px dashed #9ACD32;background:#EEE}

#centercol tfoot td{text-align:right;font-weight:bold;background:#F7F1C2}

#centercol img{margin:0;padding:0;}

#centercol a{font-weight:normal}

*/



/*colored table

#centercol .tablecolor table {margin:10px 0; width:100%;border:1px solid #578000;font-size:0.85em;}

#centercol .tablecolor td,th{border:1px solid #90A644;padding:3px}

#centercol .tablecolor caption{padding:10px 0 0 0;font-size:1.1em;text-align:left}

#centercol .tablecolor thead th{text-align:left;background:#F2DD9A}

#centercol .tablecolor tbody th{text-align:left;border-bottom:1px dashed #9ACD32;background:#ECECC6}

#centercol .tablecolor tbody td{border-bottom:1px dashed #9ACD32;background:#FFF}

#centercol .tablecolor tbody tr.odd td{border-bottom:1px dashed #9ACD32;background:#EEE}

#centercol .tablecolor tfoot td{text-align:right;font-weight:bold;background:#F7F1C2}

#centercol .tablecolor img{margin:0;padding:0;}

#centercol .tablecolor a{font-weight:normal}*/

/*colored table: FireFox Related Changes*/
#centercol .tablecolor table {
	margin:10px 0;
	width:100%;
	border:1px solid #37719c;
	font-size:0.85em;
}
#centercol .tablecolor caption{padding:10px 0 0 0;font-size:1.1em;text-align:left}
#centercol .tablecolor thead th{
	text-align:left;
	background:#37719c;
	border:1px solid #37719c;
}
#centercol .tablecolor tbody th{
	padding:3px;
	text-align:left;
	border:1px dashed #9ACD32;
	border-right:1px solid #9ACD32;
	background:#37719c
}
#centercol .tablecolor tbody td{padding:3px;border-bottom:1px dashed #9ACD32;border-left:1px solid #9ACD32;background:#FFF}
#centercol .tablecolor tbody tr.odd td{padding:3px;border-bottom:1px dashed #9ACD32;border-left:1px solid #9ACD32;background:#EEE}
#centercol .tablecolor tfoot td{
	text-align:right;
	font-weight:bold;
	background:#37719c
}
#centercol .tablecolor img{margin:0;padding:0;}
#centercol .tablecolor a{font-weight:normal}


/*no-style table*/

#centercol .tablebare table {margin:10px 0; width:100%;font-size:0.85em; border:none}

#centercol .tablebare td,th{padding:3px}

#centercol .tablebare caption{padding:10px 0 0 0;font-size:1.1em;text-align:left; border:none}

#centercol .tablebare thead th{text-align:left;font-weight:bold;border:none;border-top:1px solid #999}

#centercol .tablebare tbody th{text-align:left;font-weight:bold;border:none}

#centercol .tablebare tbody td{}

#centercol .tablebare tfoot td{text-align:right;font-weight:bold;border-bottom:1px solid #999}

#centercol .tablebare img{margin:-13px 0 0 0;padding:0;}

#centercol .tablebare a{font-weight:normal}





/*spotlight styles*/

#centercol .spotlight { margin:0 8px 0 0; padding:0; float:left; width:47%; }

#centercol .spotlight h4 {margin:5px 0 0 0;padding:0; font-size:0.95em}

/*Recarea List on Activity Page Styles (Firefox)*/

#centercol h3 span.headerbox {padding-right:100px;}

/*Photo Gallery style changes related to Printer Friendly Option*/

#centercol .photogallery {position: relative; float: left;width:362px;}

/**centercol additional styles **/

#centercol img.divider {margin: 7px 10px 0 0;float:left; max-width:95%;border:0px  }

#centercol .hline {margin:0 0 5px 0;padding:0;width:100%;background:url(/wps/themes/html/FSE_WIDTheme/images/line-dot.gif) repeat-x bottom left; clear:both}



#centercol .morefeatures {float:right;width:15%;text-align:right; margin:-25px 10px 0 0;padding:0 10px 0 0;background:url(/wps/themes/html/FSE_WIDTheme/images/center-col-more.gif) no-repeat right top}

#centercol legend,label {visibility:visible;display:inline}

#centercol div.header {position: relative; float: left; width: 260px;background:#ECECC6 }

#centercol div.show {padding-top:2px; position: relative; float: left; width: 100px;background:#ECECC6 ;border-bottom:1px solid #000}


/**Styles added for more/next/prev links**/
#centercol .more {line-height:1px;padding-left:1px;vertical-align:super;padding-bottom:1px;letter-spacing:0.8px;font-weight:bold;border-bottom:2.2px dotted #000099}

/* right col ------------------------------------------------------------------------- */

#rightcol .box {margin-bottom:10px;border:1px solid #F9C66D;background-color:#F7F1C2}

#rightcol .boxheading {margin:0;padding:2px;background:#F2DD9A url( /wps/themes/html/FSE_WIDTheme/images/line-dot.gif) repeat-x bottom left; color:#536335; font:bold 0.95em Verdana, Helvetica, sans-serif}
/*editted by J .boxheading was .box h5 */
#rightcol .box p {margin:0;padding:5px 2px;font-size:0.85em}

#rightcol .box ul {margin:5px; padding:0;font-size:0.85em}

#rightcol .box li {margin:3px 0; padding:0 0 0 10px;background:url( /wps/themes/html/FSE_WIDTheme/images/right-box-list.gif) no-repeat left top}

#rightcol .showcase {margin-bottom:10px;border:1px solid #F9C66D;background-color:#F7F1C2;text-align:center}

#rightcol .showcase a:hover{border:none}

#rightcol .showcasetxt {margin:0; padding:5px;font-size:0.85em}

#rightcol .showcasetxt a:hover{color: #000099; border-bottom:1px solid #000099}

#rightcol .showcaseimg {margin:0; padding:0}

#rightcol .showcasebot {float:left; position:relative; right:1px; bottom:-1px;  margin:-19px 0 -2px 0;padding:0; width:13px; height:19px;background: url( /wps/themes/html/FSE_WIDTheme/images/right-box-bot.gif) no-repeat bottom left;z-index:10}


/**addtional styles for rightcol*******/

#rightcol .box li.critical {margin:0 0 0 -1px;padding:0 0 0 17px;background:url(/wps/themes/html/FSE_WIDTheme/images/warning2.gif) no-repeat left top}

#rightcol .box li.critical a{color:#ff0000;font-weight: normal}



/* find an area and activity style */

#rightcol table.widrightcolumnTABLE {font-size:0.85em}

#rightcol table.widrightcolumnTABLE li {font-size:1.2em}

#rightcol table.widrightcolumnTABLE .BodyTextBlackBold {font-weight:bold}





/**Following styles are used for the right-box-top-heading of the

 related info portlet (right-box-top-heading2 is useful when the text is too long to fit in a single line)*****/

#rightcol .right-box-top-heading1 {

font-size:0.85em;

font-weight:bold;

padding:2px 0 3px 10px;

background:url(/wps/themes/html/FSE_WIDTheme/images/right-box-image-top1.gif)

repeat-x bottom left

}

#rightcol .right-box-top-heading2 {	

background:url(/wps/themes/html/FSE_WIDTheme/images/right-box-image-top2.gif)

repeat 

}

/**Styles added for more/next/prev links**/
#rightcol .more {vertical-align:super;padding-bottom:1px;letter-spacing:0.8px;font-weight:bold;border-bottom:2.2px dotted #000099}


/* Links ------------------------------------------------------------------------- */

#contenttop a, /**#leftcol a,**/ #centercol a {font-weight:bold}

#contenttop a:link,/** #leftcol a:link,**/ #centercol a:link, #rightcol a:link, #footer a:link {
	color: 3a4f60;
	text-decoration:none;
}

#contenttop a:visited, /**#leftcol a:visited,**/ #centercol a:visited, #rightcol a:visited, #footer a:visited {
	color: #3a4f60;
	text-decoration:none;
}

#contenttop a:hover, /**#leftcol a:hover,**/ #centercol a:hover, #rightcol a:hover, #footer a:hover {
	color: #3a4f60;
	border-bottom:0px solid #000099
}

#contenttop a:active,/** #leftcol a:active,**/ #centercol a:active, #rightcol a:active, #footer a:active {
	color:#3a4f60
}



/* Layout Tables */

#centercol table.themetable {margin:0; padding:0; width:100%; border:none;background-color:#FBF8E0;}

#centercol td.themetd,th.themeth{margin:0; padding:0; border:none;background-color:#FBF8E0;}

#centercol caption.themecaption{padding:0;font-size:0;text-align:left}







/* center col full width ------------------------------------------------------------------------- */

#centercolfullwidth {float:left;width:555px;margin-bottom:10px;padding-left:10px}

#centercolfullwidth h2,h3,h4 {font-family:Helvetica, sans-serif}

#centercolfullwidth h2 {
	margin:5px 0;
	padding:0;
	color:#37719c;
	font-size:1.15em;
	font-weight:bold
}

#centercolfullwidth h3 {margin:15px 0 5px 0;padding:0;color:#A34000;font-size:1.1em;font-weight:bold;border-bottom:1px solid #000}

#centercolfullwidth h4 {
	margin:15px 0 5px 0;
	padding:0;
	color:#37719c;
	font-size:1em;
	font-weight:bold;
	background:url( /wps/themes/html/FSE_WIDTheme/images/line-dot.gif) repeat-x bottom left
}

#centercolfullwidth img {margin: 7px 10px 0 0;float:left;}

#centercolfullwidth img.full {margin: 10px 0; border:1px solid #333}

#centercolfullwidth p {margin-top:0.5em;font-size:0.9em;line-height:1.4em}

#centercolfullwidth ul {margin:10px 0;padding:0 0 0 18px;font-size:0.9em}

#centercolfullwidth li {margin:3px 0;padding:0;list-style:square url( /wps/themes/html/FSE_WIDTheme/images/center-col-list.gif)}

#centercolfullwidth table {margin:0; width:100%;border:1px solid #578000;font-size:0.8em}

#centercolfullwidth td,th{border:1px solid #90A644;padding:3px}

#centercolfullwidth caption{padding:5px 0;font-size:1.1em;text-align:left}

#centercolfullwidth thead th{text-align:left;background:#F2DD9A}

#centercolfullwidth tbody th{text-align:left;border-bottom:1px dashed #9ACD32;background:#ECECC6}

#centercolfullwidth tfoot td{text-align:right;font-weight:bold;background:#F7F1C2}

#centercolfullwidth tbody td{border-bottom:1px dashed #9ACD32;background:#FFF}

#centercolfullwidth tbody tr.odd td{border-bottom:1px dashed #9ACD32;background:#EEE;border-bottom:1px dashed #9ACD32}



/**centercol additional styles **/

#centercolfullwidth img.divider {margin: 7px 10px 0 0;float:left; max-width:100%;border:0px  }

#centercolfullwidth hr {margin: 0;padding: 0;border-bottom: 1px dotted #000;}

#centercolfullwidth p.morefeatures {text-align:right; margin:5px 0;padding-right:35px;background:url(/wps/themes/html/FSE_WIDTheme/images/center-col-more.gif) no-repeat right top}



/* center col full width for filter ------------------------------------------------------------------------- */

#centercolfullwidthforfilter {float:left;width:565px;margin-bottom:10px;padding-left:10px}

#centercolfullwidthforfilter h2,h3,h4 {font-family:Helvetica, sans-serif}

#centercolfullwidthforfilter h2 {margin:5px 0;padding:0;color:#032E01;font-size:1.15em;font-weight:bold}

#centercolfullwidthforfilter h3 {margin:15px 0 5px 0;padding:0;color:#A34000;font-size:1.1em;font-weight:bold;border-bottom:1px solid #000}

#centercolfullwidthforfilter h4 {
	margin:15px 0 5px 0;
	padding:0;
	color:#37719c;
	font-size:1.05em;
	font-weight:bold;
	background:url( /wps/themes/html/FSE_WIDTheme/images/line-dot.gif) repeat-x bottom left
}

#centercolfullwidthforfilter img {margin: 7px 10px 0 0;float:left; max-width:100%; border:1px solid #333}

#centercolfullwidthforfilter img.full {margin: 10px 0; border:1px solid #333}

#centercolfullwidthforfilter p {margin-top:0.5em;font-size:0.9em;line-height:1.4em}

#centercolfullwidthforfilter ul {margin:10px 0;padding:0 0 0 18px;font-size:0.9em}

#centercolfullwidthforfilter li {margin:3px 0;padding:0;list-style:square url( /wps/themes/html/FSE_WIDTheme/images/center-col-list.gif)}



#centercolfullwidthforfilter table {margin:0; width:100%;border:1px solid #578000;font-size:0.8em}

#centercolfullwidthforfilter td,th{border:1px solid #90A644;padding:3px}

#centercolfullwidthforfilter caption{padding:5px 0;font-size:1.1em;text-align:left}

#centercolfullwidthforfilter thead th{text-align:left;background:#F2DD9A}

#centercolfullwidthforfilter tbody th{text-align:left;border-bottom:1px dashed #9ACD32;background:#ECECC6}

#centercolfullwidthforfilter tfoot td{text-align:right;font-weight:bold;background:#F7F1C2}

#centercolfullwidthforfilter tbody td{border-bottom:1px dashed #9ACD32;background:#FFF}

#centercolfullwidthforfilter tbody tr.odd td{border-bottom:1px dashed #9ACD32;background:#EEE;border-bottom:1px dashed #9ACD32}



/**********For Recarea Matrix***************/	

#link_1 {height:20px;width:125px;color:#FFFFFF; background:#8E909C; text-decoration:none;}

#link_1:visited {height:20px;width:125px;color:#000000; background:#080;text-decoration:none;}

#link_1:hover {height:20px;width:125px;color:#000000; background:#E7DE9C;text-decoration:none;}

#link_1:active {height:20px;width:125px;color:#000000; background:#cc0;text-decoration:none;}

#link_2 {height:20px;width:125px;color:#FFFFFF; background:#588000;text-decoration:none;}





.hideRow {display:none;}

.showRow {display:table-row-group;}

.Height12Overflow   {height:20px;overflow:hidden;}
