/* CSS Document bg_bluestone.gif | bg_lines3.gif */
/*  LAYOUT: 
	bodyContent div sets width to 770px and contains all other div blocks. 
	container div: left_nav and right_nav are absolutely positioned - left_nav/right_nav content should be placed after main section content but inside container div block.
	footer div
*/

body { margin:0; background:url(graphics/bg_art_modified.jpg) center 25px; font-family:Verdana, Arial, Helvetica, sans-serif; }

#bodyContent { width:775px; margin:0 auto; position:relative;}
a.skip { width:0; height:0; position:absolute; overflow:hidden; }

h1 { font-size:1.8em; color:#141466; font-family:Georgia, "Times New Roman", Times, serif; text-align:left; margin-top:0; padding-top:.5em; margin-bottom:1em;  padding-bottom:4px; border-bottom:3px solid; }
h2 { font-size:1.4em; color:#000066; margin-top:1em; margin-bottom:0; }
h2.top { margin-top:0em; }
h1.print { display:none; }
h3 { font-size:1.2em; color:#3A38AD; margin-bottom:0; }
h3.top { margin-top:0; }
h4 { font-size:1.1em; color:#000066; margin-bottom:0; }
h5 { font-size:.9em; color:#000066; margin-bottom:1em; }

h2 + p, h2 + ul, h3 + p, h3 + ul { margin-top:.5em; }

img { display:block; } /* Eliminates need for break tags after images */

/*  -------  HEADER STYLES -------- */
#printer_banner { display:none; }

#blue_banner { background:#701F1F; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18pt; text-align:left; padding-top:5px; padding-bottom:4px; /* added border to create more separation between logo and navigation in Firefox */ border-bottom:3px solid #701F1F; }
#blue_banner img { display:inline; float:left; } /*  display:block;  */

#header_form { font-size:10pt; padding-top:8px; text-align:right; margin-right:10px; }
#header_form form { margin-top:8px; margin-bottom:10px; }
#header_form a:link, #header_form a:visited { text-decoration:underline; color:#ffffff; font-family:Helvetica,Arial; }
#header_form a:hover, #header_form a:active { text-decoration:underline; color:#ffffff; font-family:Helvetica,Arial; }
#header_form p { margin-top:.3em; margin-bottom:.1em; font-weight:bold; }/* text-align:left;  margin-bottom:.5em */

#top_nav {  background:#A6A6B9 url(graphics/nav_graygradient2.gif) top repeat-x; border-top:3px solid #ffffff; border-bottom:2px solid #ffffff; padding-top:2px; padding-bottom:2px; text-align:left; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#top_nav p { display:inline; text-align:center; border-right:2px solid #ffffff;  padding:3px 22px 2px 20px; }

#top_nav p.last { border-right:none; } /*  display:inline; text-align:center; padding:3px 14px 2px 12px; border-right:none; */
#top_nav p a.ec { color:#0D0D48; font-weight:bold; }
/*  -------  end header styles  -------- 
*/
#container { position:relative; width:775px; margin:0 auto; padding-top:25px; background:#f1f1f3 url(graphics/gradient1.gif) top repeat-x;}

/* #ec_main_home { position:relative; left:170px; width:405px; margin:0; font-size:.8em; background:transparent; } */
#ec_main_home { margin:0; font-size:.8em; background:transparent; }
#ec_main_home table.main { margin:0 auto; width:405px; } 

#ec_main_home p { margin-left:14px; margin-top:0; margin-bottom:25px; }

#ec_main { position:relative; left:200px; width:400px; margin:0; font-size:.8em;  background-color:#f1f1f3; } /* 3 column layout */
#ec_main p { margin-left:10px; margin-right:10px; }

#ec_sub { position:relative; left:200px; width:552px; margin:0; font-size:.8em; background-color:#f1f1f3; padding-left:10px; padding-right:10px;} /* 2 column layout */
#ec_main p, #ec_sub p { margin-top:.2em; margin-bottom:.8em; }

#ec_simple { position:relative; margin:0; font-size:.8em; background:#f1f1f3; border-top:1px solid #f1f1f3; padding-left:10px; padding-right:10px;}

/*  ----  LEFT COLUMN NAVIGATION STYLES  ----  */
/*  --- Home Page ---  */
#left_nav_home { position:absolute; top:25px; left:3px; width:186px; 
 border:1px solid #000033; }
#left_nav_home p { margin:0em; padding:3px 0px 2px 20px; background:#FFEEC8 url(graphics/bg_home_leftgradient.gif) bottom left repeat-x; border-bottom:1px solid #484872; }

#left_nav_home p a.ec { font-size:12pt; font-weight:bold; }

/* #home_quote { position:absolute; top:25px; left:3px; width:157px; } */
#home_quote { float:left; width:157px; margin-left:3px; }

#home_quote p { color:#000033; font-size:9pt; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin:0 2px 0 5px; line-height:1.3; }

/*  --- Subsection pages ---  */
#left_nav { position:absolute; top:17px; left:3px; width:186px; font-family: Helvetica,Arial; }
#left_nav p { margin:0em; padding:2px 4px 3px 6px; border-top:1px solid #cccccc; background:#CBCBD6 url(/graphics/bg_subnav_gradient.gif) top left repeat-x; }
/*  ----  end left column styles  ----  */

/*  ----  RIGHT COLUMN NAVIGATION STYLES  ----  */
/* #right_nav, #right_nav_home { position:absolute; top:25px; right:2px; margin-bottom:2em; width:150px; } */
#right_nav { position:absolute; top:25px; right:2px; margin-bottom:2em; width:150px; }

#right_nav_home { float:right; margin-top:5px; margin-bottom:2em; width:160px; }


#right_nav img { margin:0 auto 15px; }
#right_nav p { margin:0 auto 15px; }

#right_nav_home table { border-bottom:1px solid #000033; background:#8F8FAF url(graphics/bg_white_bluegray_gradient.gif) bottom left repeat-x; margin-bottom:.8em; }
#right_nav_home p { margin:0 0 .5em; }
#right_nav_home p.names { margin:0 0 .5em; font-size:10pt; text-align:left; }
/*  ----  end right column styles  ----  */

a.ec:link { text-decoration: none; color: #000033; font-family: Helvetica,Arial; }
a.ec:visited { text-decoration: none; color: #333366; font-family: Helvetica,Arial; }
a.ec:hover { text-decoration: underline; color: #000099; font-family: Helvetica,Arial; }
a.ec:active { text-decoration: underline; color: #000099; font-family: Helvetica,Arial; }

div.quote { background:#40406C; color:#ffffff; border:1px solid #000066; padding:10px; padding-right:8px; line-height:1.7; font-style:italic; }
div.quote p { font-style:normal; }

.new { background-color: #F4D763; color: #000000; font-size:8pt; font-weight: bold; padding-left:3px; padding-right:2px; }
ol.extraline li { margin-bottom:.5em; }
ul.extraline li { margin-bottom:.5em; }
.emphasize { background-color:#C8C9DC; padding:3px; }
.emphasizered { color: #ff0000; font-family: Verdana,Helvetica,Arial; font-size: 1.1em; font-weight: bold; }
.largefile { background-color: #ad0000; color: #ffffc6; font-family: Helvetica,Arial; font-size: .8em; font-weight: bold; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px; white-space:nowrap; }
img.main_photo { border-top:1px solid; border-bottom:10px solid; margin-bottom:1em; }

div.datagrid_title { background:#0D0D45; color:#ffffff; font-weight:bold; font-size:1.1em; text-align:center; padding:5px; }

td.sortable a, td.sorted a { color:#ffffff; text-decoration:none; }

tr.header a { color:#ffffff; text-decoration:none; }
tr.header a:hover, td.sortable a:hover { color:#ffffff; text-decoration:underline; }
caption { background:#0D0D45; color:#ffffff; font-weight:bold; font-size:1.1em; padding:5px; }
tr.alt1, td.alt1 { background:#ffffff; }
tr.alt2, td.alt2 { background:#C8C9DC; }



/*  ---- FOOTER STYLES ----  */
#footer_nav { text-align:center; background-color:#623E6F; color:#ffffff; padding:4px; }
a.footermain { font-size:8pt; font-family:Verdana,Helvetica,Arial; font-weight:bold; }
a.footermain:link { text-decoration:none; color:#ffffff; } /* 0a5151 */
a.footermain:visited { text-decoration:none; color:#ffffff; }
a.footermain:hover { text-decoration:underline; color:#ffffff; }
a.footermain:active { text-decoration:underline; color:#ffffff; }
.footer_pipe { color:#ffae00; font-size:10pt; font-family:Helvetica,Arial; padding:0 6px 0 8px; }

#footer { background:#822323 url(graphics/footer_gradient.gif) top left repeat-x; padding-top:5px; margin:0 auto; border-bottom:1px solid #701F1F; font-size:8pt; }
#footer table td { font-size:8pt; }
.contentupdated { color: #ffffff; font-family: Verdana,Helvetica,Arial; }
.footer_count { color: #f9c7c2; }

#pnlForm ul { margin-top:0; }
form { margin:0; }
tr.form, td.form, div.form { background-color:#e2e2f7; }
div.form { padding:10px; }
fieldset { margin:0; margin-bottom:1em; }
legend { color:#330066; font-weight:bold; }
label { color:#330066; font-weight:bold; }
fieldset label { font-weight:normal; }
label.hide { position:absolute; top:-9999px; }
table.radlist { margin-top:0; }
.radlist label { padding-left:2px; padding-right:10px; } /* for ASP.NET RadioButtonLists */

input.submit2 { background:#008080; color:#ffffff; font-weight:bold; }
input.submit { background:#5c3e90; color:#ffffff; font-weight:bold; }
input.reset2 { background:#ffffff; color:#008080; font-weight:bold; }
input.reset { background:#ffffff; color:#9c2c86; font-weight:bold; }
input.navbtn { background:#debdde; color:#000000; }

/* add by jm 13 Mar 2006 */
acronym { border-bottom:dashed 1px gray; }

/* added 20 Mar 2006 mathc content from government site*/
td.picture_cc { font-size: 8pt; background-color: #2E4B77; text-align: center; color: #ffffff; font-family: Verdana,Helvetica,Arial; font-weight: bold; padding-bottom:3px; padding-top:3px; }

.required { color: #FF0000; font-weight:normal; }

 
/* add for lists that are descendents of lists 5/10/2006 jm */
ul li ul li, ol li ul li { list-style-type:square; }
ul.xxextraline li { margin-bottom:2em; }
ul.xxextraline li ul li { margin-bottom:.5em; }

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

/*  *************************************************************************** *
 *  Styles for a FAQ pages 5/10/2006  jm
 *	
 *	The outer containing block is an ol element
 *	The faq question is contained in a p element,
 *	The faq question text that is high-lighted is in a span element
 *	The faq answer is contained in a div element. This div element is used to
 *     override the margins set by the containing block ol element. 
 *  *************************************************************************** */
#ec_sub p.faq { color:#000099; font-weight:bold; line-height:1.1}
#ec_sub div.faq_answer { margin:1em 0 2em 0; } 
#ec_sub span.faq_hilite { background:#F8F79E; padding:0 2px;}

/* Style for the nonhtmlpages_inc.htm file. Note background color and border should be set in the appropriate style_sub.css 5/12/2006 jm */
div.nonhtmlStyle { margin:1em; padding:1em 1em 1.75em 1em; }

/* Style added so right side bar links won't have a blue border 6/9/06 jm */ 
#right_nav a img { border : none; }

/* 
*****************************************************
styles for Press Releases gridview
*/
img.prImage { border:1px solid #000; margin:.5em 0 1em; }


/*  --------------------------------------------------------------
	Photo gallery display with optional captions
	<div class="figure"><img src=""... class="photo" /><p>[caption]</p></div>
*/	
img.photo { border:solid 1px #666; background:#fff; padding:5px; }
.figure { float:left; width:262px; margin:0 6px 10px 6px; }
.figure p { font-size:.8em; text-align:center; margin:.2em 0 .2em; height:2em; } 
/* 	Note: p height set to maintain grid-like layout - if some photos have very long captions, may need to tweak this value, here or in the page code. 
	Note: use .clear class (see above) for tag following photo gallery
	---------------------------------------------------------------  */
	
/* Google translator styles */
select { visibility: visible; }

.goog_translate {
  display: inline-block;
}
.goog-te-gadget {
  color: transparent !important;
  font-size: 0px !important;
}
.goog-logo-link {
  display: none;
}