@charset "utf-8";
/* CSS Reset Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, submit, select, textarea {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* CSS styles */
html, body {height: 100%;}
body {height:100%; background-color:#FFF; background-image:url(http://familymattersdc.org/images/common/mainBG.jpg); background-repeat:repeat-x; background-position:0 0;}
strong, b {font-weight:bold; color:#5165ab;}
em, i {font-style:italic; color:#5165ab;}
u, span.underline {text-decoration:underline; color:#5165ab;}
.clear {clear:both; height:4px; margin:0 0 4px 0; padding:0;}
.clear2 {clear:both; height:8px; margin:0 0 4px 0; padding:0;}
.clear3 {clear:both; height:1px; margin:0; padding:4px 0 12px 0; border-top:1px dashed #868fc8;}
div.break {height:0px; margin:5px 0 5px 0; border-top:1px dashed #868fc8;}
div.share {margin:0 0 25px 0;}
div.title {margin:0 0 4px 0;}
div.rss {background-image:url(http://familymattersdc.org/images/common/rss.jpg); background-repeat:no-repeat; background-position:0 1px; float:left; margin:0 20px 0 0; padding:0 0 0 21px;}


#contentWrapper {background-image:url(http://familymattersdc.org/images/common/topBG.jpg); background-repeat:repeat-x; background-position:top center; margin:0 0 20px 0;}
#head {width:936px; background:#none; margin:0 auto;}


/* left side of things */
#headLeft {width:311px; float:left; background-image:url(http://familymattersdc.org/images/common/leftLinksBGb.png); width:311px; height:420px;}

ul#bigNavigation {list-style-type:none; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF; margin:178px 0 0 23px;}
ul#bigNavigation .bigText {font-weight:bold; text-transform:uppercase;}
ul#bigNavigation li {line-height:60px; padding:0 0 0 50px; background-image:url(http://familymattersdc.org/images/common/arrowBig.png); background-repeat:no-repeat; background-position:30px 22px;}
ul#bigNavigation a {color:#FFF; text-decoration:none; padding:6px; text-shadow: 0 -1px 1px rgba(0, 0, 0, .4);}
ul#bigNavigation a:hover {color:#FFF; text-decoration:underline;}


/* right side of things */
#headRight {width:625px; float:right; background-image:url(http://familymattersdc.org/images/common/logoCornerBGb.png); background-repeat:no-repeat; background-position:0 0;}

#topNavigation {height:75px; float:right; width:625px; margin:0 0 0 0;}
#topNavigation ul {list-style-type:none; float:right; padding:0;}
#topNavigation ul li {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:right; width:250px; padding:5px 32px 5px 0; margin:4px 25px 4px 0;}
#topNavigation ul li.search {background-image:url(http://familymattersdc.org/images/common/magnify.gif); background-repeat:no-repeat; background-position:right;}
#topNavigation ul li.rss {background-image:url(http://familymattersdc.org/images/common/rss.gif); background-repeat:no-repeat; background-position:right;}
#topNavigation ul li a {text-decoration:none; color:#FFF;}
#topNavigation ul li a:hover {text-decoration:underline; color:#efefef;}

input.search {background-color:#e5e7f3; width:175px; height:17px; text-align:right; text-transform:lowercase; font-style:italic; font-weight:normal; font-size:13px; color:#032b82; padding:1px 3px 1px 3px;}
input.submit {background-color:#e5e7f3; height:22px; text-align:center; text-transform:capitalize; font-weight:bold; font-size:13px; color:#032b82; padding:1px 3px 1px 3px;}
input.submit:hover {background-color:#868fc8; cursor:pointer;}

ul#mainNavigation {float:right; list-style-type:none; margin:1px 24px 1px 0;}
ul#mainNavigation li.first {border-left:1px solid #1e3e8e;}
ul#mainNavigation li {float:left; border-right:1px solid #1e3e8e; padding:7px 0 6px 0;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFF;}
ul#mainNavigation li:hover {background-image:url(http://familymattersdc.org/images/common/mainLinksBG.png); background-repeat:repeat-x; background-position:0 0;}
ul#mainNavigation li a {color:#fff; text-decoration:none; padding:7px 18px 5px 18px;}
ul#mainNavigation li a:hover {color:#1e3e8e; text-decoration:none; background-image:url(http://familymattersdc.org/images/common/mainLinksBG.png); background-repeat:repeat-x; background-position:0 0;}

#slideShow {clear:both; width:625px; height:314px; background-image:url(http://familymattersdc.org/images/common/fillerSlide.jpg); background-repeat:no-repeat; background-position:0 0;}

/* start main content (left and right) */
#mainContent {background-image:url(http://familymattersdc.org/images/common/contentBG.gif); background-repeat:repeat-y; background-position:0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
#mainContent p {line-height:20px; padding:5px 0 15px 0;}
#mainContent a {color:#f47202;}
#mainContent a:hover {color:#566ab1;}

#mainContentLeft {width:258px; margin:0 0 0 23px; float:left; padding:15px 0 15px 0; color:#666;}
#mainContentLeft h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#f47202; line-height:22px; padding:5px 0 10px 32px; font-weight:normal; }
#mainContentLeft h1.link {background-image:url(http://familymattersdc.org/images/common/h1Link.gif); background-repeat:no-repeat; background-position:0 4px;}
#mainContentLeft h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#f47202; line-height:22px; padding:5px 0 10px 32px; font-weight:normal;}
#mainContentLeft h1.info {background-image:url(http://familymattersdc.org/images/common/h1info.gif); background-repeat:no-repeat; background-position:0 4px;}
#mainContentLeft h1.tellafriend {background-image:url(http://familymattersdc.org/images/common/h1tellafriend.gif); background-repeat:no-repeat; background-position:0 7px; margin:15px 0 15px 0;}
#mainContentLeft h1.contact {background-image:url(http://familymattersdc.org/images/common/h1contact.gif); background-repeat:no-repeat; background-position:0 4px;}
#mainContentLeft h1 a {color:#f47202; text-decoration:none;}
#mainContentLeft h1 a:hover {color:#566ab1; text-decoration:none;}
#mainContentLeft ul.secondaryNav {width:288px; list-style-type:none; margin:0 0 20px 0;}
#mainContentLeft ul.secondaryNav li {padding:4px 0 4px 23px; margin:0 0 1px 0;}
#mainContentLeft ul.secondaryNav a {color:#333; text-decoration:none;}
#mainContentLeft ul.secondaryNav a:hover {color:#666; text-decoration:underline;}
#mainContentLeft ul.secondaryNav li.on {background-color:#cfd2e9;}
#mainContentLeft ul.secondaryNav li.off {background-color:#e5e7f3;}
#mainContentLeft ul.secondaryNav li.arrow {background-image:url(http://familymattersdc.org/images/common/subArrow.png); background-repeat:no-repeat; background-position:5px 6px;}

#mainContentRight {width:570px; margin:0 24px 0 0; float:right;  padding:15px 15px 15px 15px; color:#333; line-height:20px; }
#mainContentRight h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#566ab1; line-height:25px; padding:5px 0 10px 0; font-weight:normal; border:none;}
#mainContentRight h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; color:#032b82; line-height:22px; margin:0 0 5px 0; padding:5px 0 5px 0; font-weight:normal;}
#mainContentRight h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#f47202; line-height:20px; margin:0 5px 5px 0; padding:5px 0 5px 0; font-weight:bold;}
#mainContentRight h4 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f47202; line-height:18px; padding:5px 0 5px 0; font-weight:bold;}
#mainContentRight h5 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; line-height:22px; padding:5px 0 5px 0; font-weight:normal; font-style:italic;}
#mainContentRight h6 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333; line-height:22px; padding:0 0 10px 0; font-weight:normal;}
span.bullet {font-weight:bold; color:#566ab1; font-size:14px;}

#mainContentRight table.1column td {padding:8px;}
#mainContentRight table.2column td {padding:8px;}
#mainContentRight table.3column td { padding:8px;}
#mainContentRight table.4column td {padding:8px;}

#mainContentRight span.lefty {float:left; margin:6px 8px 6px 0px;}
#mainContentRight span.righty {float:right; margin:6px 0px 6px 8px;}
 
/* start footer info */
#footer {width:920px; margin:0 auto; padding:0 0 0 10px;}
#footer ul#bottomNavigation {list-style-type:none; color:#FFF; text-align:center; padding:0 0 0 2px;}
#footer ul#bottomNavigation li {float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-right:1px solid #FFF; text-align:center; padding:4px 0 4px 0;}
#footer ul#bottomNavigation li.last {border:none;}
#footer ul#bottomNavigation li a {color:#FFF; text-decoration:none; padding:4px 9px 4px 9px; background-color:#566ab1;}
#footer ul#bottomNavigation li a:hover {color:#fff; text-decoration:none; background-color:#032b82;}
#logos {width:888px; margin:0 auto; padding:5px 5px 5px 10px;}
#logos p {text-align:center; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#032b82; font-weight:normal;}
#logos img {float:left; padding:10px 15px 10px 15px;}

/* form styles */
#mainContentRight form.tafForm label {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#333;}
#mainContentRight input.nameField, #mainContentRight input.emailField, #mainContentRight textarea.messageField
{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:2px 2px 0 2px; background:none; border:1px solid #5165ab; width:300px; display:block; margin:0 0 10px 0; color:#666;}

#mainContentRight textarea.messageField {height:80px;}
#mainContentRight input.submit {background-color:#e5e7f3; height:22px; text-align:center; text-transform:capitalize; font-weight:bold; font-size:13px; color:#032b82; padding:3px 8px 3px 8px; border:1px solid #5165ab;}
#mainContentRight input.submit:hover {background-color:#868fc8; cursor:pointer;}

/* employee directory table */
table.directory {width:570px;}
table.directory td.leftCol {width:41%; padding:0; margin:0;}
table.directory td.midCol {width:8%; padding:0; margin:0;} 
table.directory td.rightCol {width:41%; padding:0; margin:0;}

/* search results style */
#mainContentRight table.searchResultsTable {width:570px;}
#mainContentRight .searchResultsTable td {border-bottom:1px dashed #cfcab8; border-top:1px dashed #cfcab8; background-color:#fff; padding:1px 4px 1px 4px;}
#mainContentRight .searchResultsTable td.resultHead {font-weight:bold;}

/* new slideshow */
#theslideshow {
clear:both; width:625px; height:314px; background-image:url(../../images/fillerSlide.jpg); background-repeat:no-repeat; background-position:0 0;
position:relative;
overflow:hidden;
}

#theslideshow IMG {
position:absolute;
top:0px;
left:0px;
z-index:8;
}

#theslideshow IMG.active {
z-index:10;
}

#theslideshow IMG.last-active {
z-index:9;
}