/* ACL WEBSITE STYLES */
/* Beginning of Standard Template Styles */
/* ------------------------------------------------------------------ */
/* Page Margins ---------------- */
body { margin: 0; padding: 0; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; height:100%; width: 100%; }
p, li { font-size: 12px; line-height: 140%; } /* line height must come after font size */
h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
h1 { color: #24507f; font-size: 18px; font-weight: 600; }
h2 { color: #35618f; font-size: 16px; font-weight:600; }
h3, h3 a { color: #447799; font-size: 15px; font-weight: 600; margin: 10px 0; }
h4 { color: #5588aa; font-size: 14px; }
h5 { color: #336688; font-size: 13px; }
li { line-height: 130%; margin: 7px; }
li li { margin: 2px; }
hr { color: #990000; height: 1px; }
img { border: none; }
/* Default Table Size/Color ---------------- */
table { border-spacing: 0; /* fix for IE6 and below not inheriting font size */ font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.event-table { vertical-align: top }
.event-table th { text-align: left; width: 120px; vertical-align: top; }
.event-table td { vertical-align: top; padding-bottom: 1em; padding-left: 1em; }
/* Default Link Size/Color ---------------- */
a { font-weight: bold; color: #058; text-decoration: none; }
a:visited { color: #006699; font-weight: normal; }
a:hover { text-decoration: underline; }
.printerFriendly { width: 100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .8em; padding: 0; background-color:#ffffff; margin: 0; }
/*Start of breadcrumb*/
#menuPath { width: 882px; height:10px; border:none; color: #ffffff; vertical-align: middle; background-color: Transparent; padding: 5px 0 0 0; margin: 0 0 0 15px; }
#menuPath .breadcrumb { margin-left: 10px; color: #000000; }
#menuPath .breadcrumb a { color: #000000; }
#menuPath .breadcrumb a:hover { color: #000000; text-decoration:underline; }
/*end of breadcrumb*/
a.external { padding-right: 90px; background: url(/Images/Icons/exitdisclaimer.gif) no-repeat right bottom; }
#nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 150%; font-weight: 900; text-align: left; color: #566EA8; font-style: normal; padding-left: 3px; position: relative; text-align: left; margin-left: 10px; margin-right: 0; margin-bottom: 0; margin-top: 0; vertical-align: bottom; }
#nav ul { list-style-type: none; }
#nav a { color: #566EA8; }
#nav a:hover { color: #566EA8; }
/* Black ---------------- */
.PageTitleBlack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; color: #000000; font-style: normal; }
.TextBlack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #000000; font-style: normal; }
.TextBlackBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #000000; font-style: normal; }
.TextLittleBlackBold { font-family: Courier; font-size: 10px; font-weight: 700; color: #000000; font-style: normal; }
/* White ---------------- */
.PageTitleWhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #ffffff; font-style: normal; }
.TextWhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #ffffff; font-style: normal; }
.TextWhiteBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; font-style: normal; }
/* Red ---------------- */
.PageTitleRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #FF0000; font-style: normal; }
.TextRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #FF0000; font-style: normal; }
.TextRedBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #FF0000; font-style: normal; }
/* Dark Red ---------------- */
.PageTitleDarkRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #990000; font-style: normal; }
.TextDarkRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #990000; font-style: normal; }
.TextDarkRedBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #990000; font-style: normal; }
/* Blue ---------------- */
.PageTitleBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #3366CC; font-style: normal; }
.TextBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #3366CC; font-style: normal; }
.TextBlueBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #3366CC; font-style: normal; }
/* Dark Blue ---------------- */
.PageTitleDarkBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; color: #003366; font-style: normal; }
.TextDarkBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #003366; font-style: normal; }
.TextDarkBlueBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #003366; font-style: normal; }
/* Light Blue ---------------- */
.PageTitleLightBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #006699; font-style: normal; }
.TextLightBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #006699; font-style: normal; }
.TextLightBlueBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #006699; font-style: normal; }
/* Yellow ---------------- */
.PageTitleYellow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #fdb740; font-style: normal; }
.TextYellow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #fdb740; font-style: normal; }
.TextYellowBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #fdb740; font-style: normal; }
/* Orange ---------------- */
.PageTitleOrange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #FF9900; font-style: normal; }
.TextOrange { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #FF9900; font-style: normal; }
.TextOrangeBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #FF9900; font-style: normal; }
/* Green ---------------- */
.PageTitleGreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #006633; font-style: normal; }
.TextGreen { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #006633; font-style: normal; }
.TextGreenBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #006633; font-style: normal; }
/* Gray ---------------- */
.PageTitleGray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #cccccc; font-style: normal; }
.TextGray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #cccccc; font-style: normal; }
.TextGrayBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #CCCCCC; font-style: normal; }
/* Dark Gray ---------------- */
.PageTitleDarkGray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 500; color: #333333; font-style: normal; }
.TextDarkGray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #333333; font-style: normal; }
.TextDarkGrayBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #333333; font-style: normal; }
/* DataGrid Items ---------------- */
.DataGridItemStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #FF0000; background: #000000; font-style: normal; }
.DataGridAltStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #003399; background: #efefef; font-style: normal; }
.DataGridEditStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #000000; background: #FFFF00; font-style: normal; }
.DataGridFooterStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #ffffff; background: #99CC99; font-style: normal; }
.DataGridHeaderStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; background: #99CC99; font-style: normal; }
.DataGridPagerStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #FF0000; background: #ffffff; font-style: normal; }
.DataGridSelectedItemStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; color: #000000; background: #FFFF00;font-style: normal; }
.clear { clear:both; }
/* ------------------------------------------------------------------ */
/* This Ends the Standard Template of Styles. Add Custom Styles Below */
/* ------------------------------------------------------------------ */
.insideboxes { padding: 10px; border: 1px solid #5D86AE; }
.trianglebullet { list-style-image: url(/Images/bullet_arrow_tranparent.gif); }
/* Search Box / Resize/Print/Email / Last_Modified -HL */
.ResizePrintEmailSearch, .LastModified { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; }
div#search_area { float: left; width: auto; margin-top: 3px; }
span.search_text { color: #555; font-size: 10px; vertical-align: middle; }
div#search_go { float: right; text-align: left; padding-right: 2px; margin: 3px 1px 0 2px; }
.LastModified { font-style: italic; text-align: right; }
a.ResizePrintEmailSearch:hover { color: #333; }
/* align right ------------------------- */
.right { text-align: right; }
/* image embedded in text */
img.rightjust { float: right; margin: 0 0 10px 20px; }
img.leftjust { float: left; margin: 0 20px 10px 0; }
/* list style classes (attribute "type" not allowed in HTML5) -HL */
ul.none { list-style-type: none; }
ol.upper_alpha { list-style-type: upper-alpha; }
ol.lower_alpha { list-style-type: lower-alpha; }
ol.upper_roman { list-style-type: upper-roman; }
ol.lower_roman { list-style-type: lower-roman; }
/* anchor link style (needed due to fixed header) -HL */
a.anchor { padding-top: 200px; margin-top: -200px; }
/* START PROGRAM AREA STYLES */
body.standard { background-color: #075290; background-image: url(/Images/Banners_and_Curves/bluegrad.jpg); background-repeat: repeat-x; background-attachment: fixed; }
div#main_content2 { vertical-align: top; width: 586px; float: left; padding: 0; margin: 0 30px 0 30px; }
/* right side bar */
div#side_bar { width: 224px; float: left; padding: 0; margin: 18px 30px 0 0; }
div#side_bar img.prog_logo { margin-bottom: 20px; border: 0; }
/* right side navigation for AIDD, CDAP */
ul#sidenav { width: 234px; list-style-type: none; padding: 0; margin: 0 -5px; }
ul#sidenav li a { display: block; color: #147; text-decoration: none; padding: 7px 1px 0 1px; border-top: 2px solid #FDB740; }
ul#sidenav li a.last { padding-bottom: 7px; border-bottom: 2px solid #FDB740; }
ul#sidenav li ul { width: 224px; list-style-type: none; padding: 0; margin: 6px -1px 0 -1px; }
ul#sidenav li ul li a { display: block; color: #27a; font-size: 11px; font-weight: normal; line-height: 120%; text-decoration: none; padding: 4px 10px 2px 10px; border-top: 1px dotted #FEC851; }
/* right side navigation for AoA, round 4, 2/11/2014 */
#side_bar .treeview, .treeview ul { width: 234px; list-style: none; padding: 0; margin: 0 /* -5px */; }
#side_bar .treeview .hitarea { float: left; cursor: pointer; background: url(images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; }
* html .hitarea { float:none; display: inline; } /* fix for IE6 */
#side_bar .treeview li { padding: 0 0 0 16px; margin: 0; } /* all li have a left padding of 16px for the +/- signs on the left */
#side_bar .treeview a.selected { background-color: #fff; }
#side_bar #treecontrol { margin: 0; display: none; }
#side_bar .treeview .hover { cursor: pointer; }
#side_bar .treeview li.collapsable, .treeview li.expandable { padding-left: 16px; background-position: 0 -176px; }
#side_bar .treeview .expandable-hitarea { background-position: -80px -3px; }
#side_bar .treeview li.last { background-position: 0 -1766px }
#side_bar .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }
#side_bar .treeview li.lastCollapsable { background-position: 0 -111px }
#side_bar .treeview li.lastExpandable { background-position: -32px -67px }
#side_bar .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
#side_bar .treeview ul li a.level1 { display: block; color: #147; text-decoration: none; padding: 6px 1px 6px 15px; border-top: 2px solid #FDB740; margin-left: -16px; }
#side_bar .treeview li.last a.level1 { padding-bottom: 7px; border-bottom: 2px solid #FDB740; } /*final item in AoA menu*/
#side_bar .treeview ul li.level1 { padding: 6px 0 6px 16px; border-top: 2px solid #FDB740; } /*top level expandable*/
#side_bar .treeview ul li.level1 ul { width: 218px; margin-top: 7px; }
#side_bar .treeview ul li.level1 span,
#side_bar .treeview ul li.level1 a { color: #147; font-weight: bold; } /*to make expandible li same as non-expandable*/
#side_bar .treeview ul li.level1 ul li.level2 { padding: 6px 0 6px 16px; border-top: 1px dotted #FDB740; }
#side_bar .treeview ul li.level1 ul li.level2 ul { width: 202px; margin: 5px 0 2px 0; }
#side_bar .treeview ul li.level1 ul li.level2 span,
#side_bar .treeview ul li.level1 ul li.level2 a { color: #369; padding: 0; margin: 0;}
#side_bar .treeview ul li.level1 ul li.last { padding-bottom: 0; }
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 { font-size: 12px; font-weight: normal; padding: 0 0 4px 16px; border-top: none; }
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 ul { width: 186px; margin: 3px 0 2px 0; }
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 span,
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 a { color: #258; font-size: 12px; font-weight: normal; line-height: 120%;}
#side_bar .treeview ul li.level1 ul li.level2 ul li.last { padding-bottom: 0; }
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 ul li.level4 { padding: 0 0 3px 16px; border-top: none; }
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 ul li.last { padding-bottom: 0; }
#side_bar .treeview ul li.level1 ul li.level2 ul li.level3 ul li.level4 a { color: #47a; font-size: 11px; font-weight: normal; line-height: 120%; padding: 0; margin: 0; }
/* general page styles */
p.backtop_hr { padding-bottom: 8px; border-bottom: #ccc 2px solid; }
p.section_short, p.section_short a { font-size: 11px; color: #444; font-weight: bold; text-transform: uppercase; }
p.section_short a { color: #058; font-weight: normal; }
p.ddcontents { padding: 4px 3px 6px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
p.ddcontents span { font-weight: normal; padding: 0 4px; }
#main_content2 h2, #main_content2 h3 { padding-top: 5px; }
#main_content2 img.rjust { float: right; margin: 2px 0 6px 16px; border: 0; }
#main_content2 img.ljust { float: left; margin: 2px 16px 6px 0; border: 0; }
/* tables styling */
table.aidd { text-align: center; border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; margin: 14px 80px; }
table.aidd th { background-color: #eee; }
table.aidd th, table.aidd td { width: 120px; padding: 4px; border: 1px solid #ccc;}
table.aidd caption { margin-bottom: 10px; }
table.aidd ol { padding: 0 0 0 20px; margin: 0; }
table.aidd ol li { font-size: 11px; padding: 0; margin: 0;}
/* AIDD Success Stories */
.stories_row {width: 586px; float: left; margin-bottom: 4px;}
.stories_row p { margin-top: 4px; }
.stories_row .photo_story {width: 184px; float: left; margin: 0 17px 0 0;}
.stories_row .photo_story_r {width: 184px; float: left; margin: 0;}
div#main_content2, .stories_row img { border: 0; }
/* END PROGRAMS STYLES */
/* FOIA right column ul */
ul#sidefoia { width: 199px; list-style-type: none; padding: 0; margin: 0 -5px;}
ul#sidefoia li a { display: block; color: #147; text-decoration: none; padding: 7px 1px 0 1px; border-top: 2px solid #FDB740; }
ul#sidefoia li a.first { padding-top: 0; border-top: none; }
/* NewsRoom Events_Calendar index.aspx page styles -HL */
div.month {width: 610px; float: left; padding-bottom: 20px; border-bottom: solid #aaa 1px; margin-bottom: 10px;}
h3.month {padding: 0; margin: 0 0 8px 0;}
div.event {width: 610px; float: left; padding-bottom: 10px; clear: both;}
h4.event_title {color: #900; margin: 0;}
div.eventlist_left {width: 110px; float: left; text-align: right; padding: 8px 10px 0 0; clear: both;}
div.eventlist_details {width: 480px; float: left; text-align: left; padding: 8px 0 0 0;}
/* Funding Opportunity Announcement tables -HL */
h2.fy {color: #fff; font-weight: bold; text-align: center; padding: 2px; background-color: #566ea8;}
table.fundingopp {border: solid 1px #b0bec7;}
table.fundingopp tr.title {background-color: #ffc;}
table.fundingopp tr th.leftcol {text-align: right; border-right: solid 1px #b0bec7;}
table.fundingopp tr.gray {background-color: #e5e5e5;}
table.fundingopp tr .note {color: #555; font-size: 8pt;}
/* footer classes -HL */
#footer {float: left; width: 860px; color: #fff; line-height: 11pt; padding: 16px 20px; background-color: #24507f; border-top: solid 3px #FDB740; margin: 0 auto;}
#footer a { color: #fff; font-size: 8pt;}
#footer a:hover {color: #fdb740;}
#footer .footerbox {float: left; width: 180px; text-align: left; margin: 0 14px 0 20px;}
#footer .socialmedia {float: left; width: 180px; text-align: left; padding-left: 37px;}
#footer .socialmedia div {float: left; width: 179px;}
#footer .socialmedia img {float: left; border: 0; margin: 0 4px 4px 0;}
#footer .socialmedia p {margin: 0;}
#footer .socialmedia p a {padding-top: 4px;}
#footer .contact {float: left; width: 860px; color: #fff; font-size: 8pt; text-align: center; margin: 20px 0 10px 0;}
/* START SUBNAV (WEAAD) STYLES */
/* breadcrumb */
#stalebread { line-height: 1.2em; padding: 0; margin: 8px 20px; }
#stalebread p { font-size: 11px; padding: 0; margin: 0; }
#stalebread p a { color: #000000; font-weight: bold; text-decoration: none; }
#stalebread p a:hover { text-decoration: underline; }
/* side navigation */
#sidecar { padding: 0; margin: -10px 0 0 16px; }
#sidecar li { line-height: 1.2em; }
#sidecar ul { list-style: none; padding: 0; margin: 0; }
#sidecar ul li a { display: block; color: #058; text-decoration: none; padding: 0; }
#sidecar ul li ul { list-style: none; padding: 0 0 0 14px; margin: 0; }
#sidecar ul li ul li a { display: block; color: #058; font-weight: normal; text-decoration: none; padding: 6px 0 0 0; }
#sidecar ul li ul li ul { list-style: none; padding: 0 0 0 14px; margin: 0; }
#sidecar ul li ul li ul li a { display: block; color: #058; font-weight: normal; text-decoration: none; padding: 6px 0 0 0; }
/* END SUBNAV (WEAAD) STYLES */
/* --------------------------------------------------------------------------------
* This Starts the customized border around photo images in gallery room
* 
* -------------------------------------------------------------------------------- */
img.border { display: block; padding:15px; margin-left: auto; margin-right: auto; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background: white; }
.photoborder { padding:20px 20px 20px 20px; border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background:#ffffff; }
/* --------------------------------------------------------------------------------
* This Starts the customized tabs on the homepage
*
* -------------------------------------------------------------------------------- */
#tablist { background-color: #cccccc; border-width: 0; } /* a hairline on the bottom of tablist */
#tablist ul, #tablist ul li { list-style: none; /* no bullet */ margin: 0; padding: 0; }
#tablist ul { padding: 6px 0 0 0; /* 4px pushes image over the hairline making border disapeear */ text-align: left; } /* set center to have tablist align */
#tablist ul li { display: inline; /* forces the list to be side by side */ margin-right: 0; }
#tablist ul li a { background-color:transparent; /* inactive tab color */ padding: 8px 0 4px 0 !important; /* must match padding on ul first 2 only*/ padding: 0; /* this is a fix for IE */ text-decoration: none; font-size: .9em; color: #848484; /*inactive tab text color */ font-weight:bold; }
#tablist ul li.on a { background-color:white; /* active tab color */ padding: 8px 0 4px 0 !important; /* must match padding on ul first 2 only*/ margin: 0; padding: 0; /* this is a fix for IE */ border-bottom: 0; border-top: solid medium; border-left: solid medium; border-right: solid medium; border-color:#ADC0C7; color:#006699; /* active text tab color */ font-weight:bold; }
#tablist ul li.on a:hover span { color: #006699; /* active text tab color hover */ font-weight: bold; text-decoration: none; }
#tablist ul li a span { background-color:transparent; /* background color around unactive label text */ padding: 0 15px 0 15px; text-align:center; }
#tablist ul li.on a span { background-color:transparent; padding:0px 15px 0 15px;/* allows padding around the text */ border-bottom: 0; text-align:center; }
#tablist ul li a:hover span { color: #006699; text-decoration: none; font-weight: bold; text-align: center; }
#tab0, #tab1 { background: #ffffff; /* background color for tab bodies */ border: solid medium; border-width: medium; border-color: #ADC0C7; font-size: 1.0em; }
#tab1 { padding: 20px; }
#tab0 ul { margin: 5px 0 10px 5px; padding: 0; }
#tab0 ul li { background:url('/Images/icons/Diamond_bullet.gif') no-repeat 2px -2px; padding-left: 20px; /* space between bullet and text */ list-style: none; line-height: 1.3em; margin-bottom: 1.0em; } /* line height between next bullet */
/* -------------------------------------------------- */
/* Customized Show Hide list items */
/* -------------------------------------------------- */
.hide, .inactive { display: none; }
.show, .active { display: block; }
/* ------------------------------------------------------------------ */
/* For Events Calendar */
/* ------------------------------------------------------------------ */
.dateUnderline a { text-decoration: underline; }
.dateNoUnderline { text-decoration: none; }
#RoundBox1 { float:left; width: 100%; /* previously set to 400px */ background:#fff url(/Images/Banners_and_Curves/RoundCorner_left.gif) repeat-y left top; /* left side of box */ margin-bottom: 20px; }
#RoundBox2 { float:left; width: 100%; background:#fff url(/Images/Banners_and_Curves/RoundCorner_left.gif) repeat-y left top; /* left side of box */ margin-bottom: 20px; }
.RBtop { height: 9px; /* to accomodate for graphic height */ background: url(/Images/Banners_and_Curves/RoundCorner_tl.gif) no-repeat left top; /* top left corner & top side of box */ }
.RBtop span { display: block; /* allows for makes space for right image to appear*/ height: 9px; font-size: 2px; /* eliminates 3px gap for IE */ background:url(/Images/Banners_and_Curves/RoundCorner_tr.gif) no-repeat right top; /* right corner of box */ }
.RBbottom { height: 9px; /* to accomodate for graphic height */ background:url(/Images/Banners_and_Curves/RoundCorner_bl.gif) no-repeat left bottom; /* bottom left corner & bottom side of box */ font-size:2px; }
.RBbottom span { display: block; height: 9px; background: url(/Images/Banners_and_Curves/RoundCorner_br.gif) no-repeat right top; /* bottom right corner of box */ }
.RBcontent { background: url(/Images/Banners_and_Curves/RoundCorner_right.gif) repeat-y right top; /* right side of box */ padding:0px 10px 0 15px; /* right padding stays at 0, don't interfer with adjacent float and doesn't work in IE*/ margin:-1px 0 0 -5px; /* -5px for left margin to align remove 5px gap */ font-size: 2px; }
.RBcontent span { /* background:url(/Images/Banners_and_Curves/EldersFamilies2.jpg) no-repeat left top; places elderly couple as background image */ display: block; }
.RBcontent ul { margin: 0; list-style: none; padding-left: 5px; }
.RBcontent div ul { margin-left: 0; padding-left: 5px; }
.RBcontent li { margin-bottom: 1.0em; }
.RBcontent a { font-size: 15px; }
.RBcontent a:hover { color:#0000FF; }
/* ------------------------------------------------------------------
* This Starts the customized ads on homepage
* ------------------------------------------------------------------ */
.ad_item { width: 95%; margin: 5px auto 15px auto; text-align: center; vertical-align: middle; }
.ad_item_CLASS { width: 95%; margin: 5px auto 15px auto; }
.ad-box { width: 95%; border: #B0BEC7 1px solid; margin: 5px auto 20px auto; text-align: center; vertical-align: middle; }
.ad-top { background: #3F5A9C; /*url(/Images/Banners_and_Curves/ad_top_dark.gif) repeat-x bottom*/ font-size: 10px; color: #ffffff; padding: 5px 0 5px 0; font-weight: 700; }
.ad-bottom { background: #FFF url(/Images/Banners_and_Curves/ad_bottom.gif) repeat-x bottom; padding: 10px 0 10px 0; font-size: 11px; }
.ad-bottom a { font-size: 11px; }
/* ------------------------------------------------------------------
* This Starts the customized video ads on homepage
* ------------------------------------------------------------------ */
.video-box { width: 95%; border: #B0BEC7 1px solid; margin: 5px auto 20px auto; text-align: center; vertical-align: middle; background: #3F5A9C; }
.video-top { background: #3F5A9C; /*url(/Images/Banners_and_Curves/ad_top_dark.gif) repeat-x bottom*/ font-size: 10px; color: #ffffff; padding: 5px 0 5px 0; font-weight: 700; }
.video-bottom { background: #3F5A9C; padding: 10px 0 10px 0; font-size: 11px; color: #ffffff; }
.video-bottom a { font-size: 11px; color: #ffffff; }
.video-bottom a:hover { font-size:11px; color: #ffffff; text-decoration: underline; }
/* ------------------------------------------------------------------
* This Starts the back to top icon and link
* ------------------------------------------------------------------ */
.backToTop { text-align:right; color: #cccccc; font-size: 11px; }
.backToTop a { padding: 0 20px 0 0; background: #fff url(/Images/icons/top2.gif) no-repeat right center; color: #cccccc; }
.backToTop a:hover { color:#006699; }
.QLtop { float:left; height:4px; /* to accomodate for graphic height */ background:url(/Images/Banners_and_Curves/QuickLinks_tl.gif) no-repeat left top; /* top left corner & top side of box */ margin: 20px 20px 120px 20px !important; /* to force margin bottom for firefox*/ margin: 20px 20px; /* this is fix for IE */ text-align: center; color:#ffffff; }
.QLtopR { display:block; /* allows for makes space for right image to appear*/ height:4px; font-size:2px; /* eliminates 3px gap for IE */ background:url(/Images/Banners_and_Curves/QuickLinks_tr.gif) no-repeat right top; /* right corner of box */ margin: 0 0 0 0; }
.QLtitle { font-weight:700; margin: auto; text-align: center; color:#ffffff; background:#B0BEC7; padding:0px 10px 4px 10px; }
.QLcontent {
padding:5px 0 0 10px; /* right padding stays at 0, don't interfer with adjacent float and doesn't work in IE*/
margin:0px 0 -20px 0; /* -5px for left margin to align remove 5px gap */
border: #B0BEC7 1px solid; /* draws border around except bottom */
border-bottom: 0;
text-align: left;
color: #000000; }
.QLbottom { height:12px; /* to accomodate for graphic height */ background:url(/Images/Banners_and_Curves/QuickLinks_bl.gif) no-repeat left bottom; /* bottom left corner & bottom side of box */ font-size:2px; }
.QLbottom span { display:block; height:12px; background:url(/Images/Banners_and_Curves/QuickLinks_br.gif) no-repeat right top; } /* bottom right corner of box */
#navlist a:link, #navlist a:visited { color: #fff; background: #036; text-decoration: none; }
/* ------------------------------------------------------------------ *
* Custom background colors
* ------------------------------------------------------------------ */
.LightBlueBackground { background: #E1ECF2; }
.WhiteBackground { background: White; }
/* ------------------------------------------------------------------
* Breaking Story for homepage
* ------------------------------------------------------------------ */
#BreakingStory { background:url(/Images/Banners_and_Curves/Orange_bkgrd.jpg); padding: 7px 20px 10px 20px; margin-bottom: 10px; margin-top: 4px; }
#BreakingStoryContent { margin: 5px auto; border:solid; border-color: #dddddd #bbbbbb #bbbbbb #dddddd; border-width: 1px 1px 1px 1px; background: #ffffff;
padding: 1px 15px; text-align:right; }
/* Search Box / Resize/Print/Email ---------------- */
.ResizePrintEmailSearch { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#333; }
a.ResizePrintEmailSearch:hover { color:#333; }
/* ------------------------------------------------------------------
* Skip Navigation
* ------------------------------------------------------------------ */
.SkipNav { margin-left: -100px; margin-top: -999px; color: blue; font-size: 7px; line-height: 0; position:absolute; }
a.quicklinks:link,a.quicklinks:visited { position:absolute; margin-left: -100px; margin-top: -999px; color:#ffffff; top:-100px; left:-1000px; height:1px;width:1px; overflow:hidden; text-align:left; }
a.quicklinks:active,a.quicklinks:focus { margin-left: -100px; margin-top: -999px; top:-100px; left:-1000px; background-color:#008ECE; height:auto; overflow:auto; width:100%; padding:5px; text-decoration:none; z-index:2; }
/* ------------------------------------------------------------------
* Other fonts
* ------------------------------------------------------------------ */
.courier { font-family:Courier New; }
.Tahoma_font { font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; }
/* ------------------------------------------------------------------
* centering webpage
* ------------------------------------------------------------------ */
#wrapper { width: 900px; margin: 0 auto; background-color: #fff; }
/* Notice Message ---------------- */
.notice_msg { height: 100px; width:900px; margin: 0 auto; }
.notice_msg img { margin: 0 auto; display: block; }
/* ------------------------------------------------------------------ */
/* Home Panels Area BIGGER IMAGE */
/* ------------------------------------------------------------------ */
.Home_Panel { width: 682px; background: #ffffff; float: left; padding: 0 0 2px 2px; margin: 15px 0 10px 10px; }
.Home_Panel_Img { float: left; width: 20%; border:none; padding: 0 0 0 0; margin: 0 200px 0 0; }
.HHS_Panel_Img { float:left; width: 35%; border:none; padding: 0 0 0 0; margin: 10px 0 0 0; }
.Home_Panel_FirstText { float: left; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 500; padding-right: 5px; }
.Home_Panel_Textbig { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 500; color: #000000; font-style: normal; padding: 5px 10px 5px 14px; width: 450px; }
/* ------------------------------------------------------------------ */
/* Home Intro Statement */
/* ------------------------------------------------------------------ */
#Home_Intro { width: 670px; float: left; padding: 6px 0 0 5px; margin: 0 15px 0 15px; color: #333333; }
/*Menu Navigation*/
#mainMenu { width: 882px; background: url(images/Banners_and_Curves/menu_bckgrd2.jpg) repeat-x; height: 35px; }
#mainMenu a { color: #ffffff; }
#mainMenu a:visited { color:#ffffff; }
#mainMenu a:hover { text-decoration: underline; color: #ffffff; }
/*End of Menu Navigation*/
#featuresWrapper { float:left; padding:0px 0 0 0; height:260px; width: 900px; }
.featureArrow { float: left; width: 10px; vertical-align: middle; border: none; padding: 0 0 0 0; margin: 12px 0 0 15px }
.featureOne { width: 270px; height: 40px; text-align: left; vertical-align: middle; border: none; }
.featuresStyle { width:240px; height:40px; text-align:left; vertical-align:middle; border-bottom-color: Silver; border-bottom-style:solid; border-bottom-width:thin; }
.textStyle { font-size: 12px; font-weight: 900; color: #003366; font-style:normal; border:none; float:right; text-align:left; margin: 5px 0 0 0; padding: 0 0 0 0; width:200px; overflow:hidden; }