@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:.8em/1.6em Arial, Helvetica, sans-serif; background:#838383;}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:100%;margin:0 auto;}
.fltFix{float:left;width:100%;}

a{color:#696969;text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1,h2,h3,h4,h5,.PageTitleHeader,.PageSubTitleHeader{font-weight:bold;margin:0;padding:8px 5px 8px 0;line-height:1.8em;}
h1,.PageTitleHeader{color:#FF6600; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; background:url(images/indexMaindash.gif) no-repeat left bottom; line-height:18px;}
h2,.PageSubTitleHeader{font-size:1.6em;}
h3{font-size:1.1em;}
h4{font-size:1em;}
h5{font-size:0.9em;}
p{padding:0;margin:7px 0;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

/* HEAD ELEMENTS
---------------------------------------------*/
.index .structHead{ width:100%; background:url(images/headerBG.gif) repeat-x left top; height:109px;}
.index .structHeadIn{ width:800px;height:122px; margin:0 auto; padding:0;}

.index .structHead h1{padding:0;margin:19px 0 0;float:left; background:none;}
.index .structHead h1 a {display:block;text-indent:-999em; background:url(images/indexheader.gif) no-repeat left top; width:383px; *width:383px; height:90px;}

.index .structHead #ContentToplinks{float:left;margin: 40px 0 0 0px;padding:0; width:375px;}
.index .structHead #ContentSearchTN { float:right; width:42px; height:52px; margin:40px 0 0; padding:0;}
/*Chapter header code only--------------------------------*/

.chapter .structHead{ width:100%; background:url(images/headerBG.gif) repeat-x left top; height:90px;}
.chapter .structHeadIn{ width:800px;height:90px; margin:0 auto; padding:0;}

.chapter .structHead h1{padding:0;margin:19px 0 0;float:left; background:none;width:383px; height:70px;}

.chapter .structHead #ContentToplinks{float:left;margin: 28px 0 0 0px;padding:0; width:375px;}
.chapter .structHead #ContentSearchTN { float:right; width:42px; height:52px; margin:28px 0 0; padding:0;}
/*Start Headercode only -----------------------*/
.start .structHead{ width:100%; background:url(images/headerBG.gif) repeat-x left top; height:106px;}
.start .structHeadIn{ width:800px;height:122px; margin:0 auto; padding:0;s}

.start .structHead h1{padding:0;margin:27px 0 0;float:left; background:none;}
.start .structHead h1 a{display:block;text-indent:-999em; background:url(images/StartHeader.gif) no-repeat left top; width:385px; *width:380px; height:78px;}

.start .structHead #ContentToplinks{float:left;margin:33px 0 0 40px;*margin: 33px 0 0 0px;padding:0; width:375px;*width:390px;}
.start .structHead #ContentSearchTN { float:right; width:42px; height:52px; margin:40px 0 0; padding:0;}
/*------------------------------------------------*/

.structHead #ContentToplinks ul { list-style:none; padding:0; margin:0;}
.structHead #ContentToplinks ul li { float:left;margin:0; padding:0;}
.structHead #ContentToplinks ul li a { display:block; margin:0; padding:0; height:52px; text-indent:-9999px}

.structHead #ContentToplinks ul li#AboutUs a{ background:url(images/AboutUs.gif) no-repeat left top; width:55px;}
.structHead #ContentToplinks ul li#Chapters a{background:url(images/Chapters.gif) no-repeat left top; width:52px;}
.structHead #ContentToplinks ul li#CareerCenter a{background:url(images/CareerCenter.gif) no-repeat left top; width:73px;}
.structHead #ContentToplinks ul li#Resources a{background:url(images/Resources.gif) no-repeat left top; width:58px;}
.structHead #ContentToplinks ul li#SupportUs a{background:url(images/SupportUs.gif) no-repeat left top; width:62px;}
.structHead #ContentToplinks ul li#MemberLogin a{background:url(images/MemberLogin.gif) no-repeat left top; width:75px;}

.structHead #ContentToplinks ul li#AboutUs a:hover{ background:url(images/AboutUs.gif) no-repeat left bottom; width:55px;}
.structHead #ContentToplinks ul li#Chapters a:hover{background:url(images/Chapters.gif) no-repeat left bottom; width:52px;}
.structHead #ContentToplinks ul li#CareerCenter a:hover{background:url(images/CareerCenter.gif) no-repeat left bottom; width:73px;}
.structHead #ContentToplinks ul li#Resources a:hover{background:url(images/Resources.gif) no-repeat left bottom; width:58px;}
.structHead #ContentToplinks ul li#SupportUs a:hover{background:url(images/SupportUs.gif) no-repeat left bottom; width:62px;}
.structHead #ContentToplinks ul li#MemberLogin a:hover{background:url(images/MemberLogin.gif) no-repeat left bottom; width:75px;}

.structHead #ContentSearchTN ul { list-style:none; padding:0; margin:0; }
.structHead #ContentSearchTN ul li { float:left;margin:0; padding:0;}
.structHead #ContentSearchTN ul li a { display:block; margin:0; padding:0; height:52px; text-indent:-9999px}

.structHead #ContentSearchTN ul li#SearchTN a{background:url(images/SearchTopN.gif) no-repeat left top; width:42px;}
.structHead #ContentSearchTN ul li#SearchTN a:hover{background:url(images/SearchTopN.gif) no-repeat left bottom; width:42px;}


/* Second Level Groups */
.structHead #ContentToplinks li ul{ position: absolute; left: -999999px; margin:-16px 0 0 0; float:none; width:190px; border-width:1px 1px 0 1px; border-color:#a7a7a7; border-style:solid; background:#FFFFFF; z-index:999; }
.structHead #ContentToplinks li li { width: 190px; float:none;}
.structHead #ContentToplinks li li a { display:block; padding:2px 10px; width:170px; _width:170px; color:#6d6d6d; font: "Lucida Sans",Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none; border-bottom: 1px solid #a7a7a7; text-indent:0;}
.structHead #ContentToplinks li li:hover, .structHead #ContentToplinks li li.sfHover { background: #e9f2e6; position: static;}

.structHead #ContentToplinks ul li#AboutUs li a,
.structHead #ContentToplinks ul li#Chapters li a,
.structHead #ContentToplinks ul li#CareerCenter li a,
.structHead #ContentToplinks ul li#Resources li a,
.structHead #ContentToplinks ul li#SupportUs li a,
.structHead #ContentToplinks ul li#MemberLogin li a{background:none;display:block; padding:2px 10px; width:170px; _width:170px; color:#6d6d6d; font: "Lucida Sans",Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none; border-bottom: 1px solid #a7a7a7; text-indent:0; height:auto;}


.structHead #ContentToplinks ul li#AboutUs li a:hover,
.structHead #ContentToplinks ul li#Chapters li a:hover,
.structHead #ContentToplinks ul li#CareerCenter li a:hover,
.structHead #ContentToplinks ul li#Resources li a:hover,
.structHead #ContentToplinks ul li#SupportUs li a:hover,
.structHead #ContentToplinks ul li#MemberLogin li  a:hover{background:none; color:#ff6600; width:170px; _width:170px; height:auto; }


/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfhover ul ul,
.structHead #ContentToplinks li.sfhover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfhover ul,
.structHead #ContentToplinks li li.sfhover ul,
.structHead #ContentToplinks li li li.sfhover ul { left: auto;}



/* LEFT COLUMN
---------------------------------------------*/
.structLeft{ float:left; width:210px; padding:0; margin:17px 5px; background: url(images/LefNavBg.png) no-repeat left top; min-height:412px; display:inline;}
.structLeft #ContentLeftNav{width:210px; margin:0; padding:0;}
.structLeft #ContentLeftNav ul { list-style:none; margin:10px 0 0 25px; padding:0;}
.structLeft #ContentLeftNav ul li { margin:0; padding:5px 0 4px 0; background:url(images/Lfnavdash.gif) no-repeat center bottom; width:160px;}
.structLeft #ContentLeftNav ul li a { display:block;color:#6d6d6d; font: "Lucida Sans",Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; text-decoration:none;}
.structLeft #ContentLeftNav ul li a:hover { font-weight:bold; padding:0; }
.structLeft #ContentLeftNav ul li.selected a { font-weight:bold; padding:0 0 0 20px;  background:url(images/LfNavarrow.gif) no-repeat left center ;}
.structLeft #ContentLeftNav li ul { list-style:none; margin:5px 0 0 10px; padding:0;}
.structLeft #ContentLeftNav li li { margin:0; padding:5px 0 4px 0; background:none; width:160px;}



.chapter .structLeft{ float:left; width:210px; padding:0; margin:17px 5px; background: url(images/LefNavBg.png) no-repeat left top; min-height:412px; display:inline;}
.chapter .structLeft #ContentLeftNav{width:210px; margin:0; padding:0;}
.chapter .structLeft #ContentLeftNav ul { list-style:none; margin:10px 0 0 25px; padding:0;}
.chapter .structLeft #ContentLeftNav ul li { margin:0; padding:5px 0 4px 0; background:url(images/Lfnavdash.gif) no-repeat center bottom; width:160px;}
.chapter .structLeft #ContentLeftNav ul li a { color:#6d6d6d; font: "Lucida Sans",Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; text-decoration:none;}
.chapter .structLeft #ContentLeftNav ul li a:hover {font-weight:bold; padding:0;  background:none ;}
.chapter .structLeft #ContentLeftNav ul li.selected a { font-weight:bold; padding:0 0 0 20px;  background:url(images/LfNavarrow.gif) no-repeat left center ; }

.chapter .structLeft #ContentLeftNav li ul { list-style:none; margin:5px 0 0 10px; padding:0;}
.chapter .structLeft #ContentLeftNav li li { margin:0; padding:5px 0 4px 0; background:none; width:160px;}


/* BODY ELEMENTS
---------------------------------------------*/

.index .structBody{ float:left; width:100%; margin:0; padding:0; background:#FFFFFF url(images/ContentBG.gif) repeat-x left top; }

.index .structBodyIn{width:800px; margin:0 auto; padding:0;}

/*.index .structBody #ContentImgRotLg{ height:189px;margin:13px;padding:0;width:530px; }
.index .structBody #LgImgRot{ float:left; background: url(images/mainImgBG.png) no-repeat left bottom; width:555px; height:214px; margin:17px 5px; padding:0;}
*/

.index .structBody .TopMiddleLt{ float:left; height:230px; width:530px; margin:0; padding:0;}

.index .structBody #LgImgRot{ float:left; background: url(images/StartLgImgBg.png) no-repeat left bottom; width:312px; height:212px; margin:17px 5px; padding:0;}
.index .structBody #SmImgRot{ float:left; background: url(images/StartSmImgBG.png) no-repeat left bottom; width:197px; height:212px; margin:17px 5px; padding:0;}

.index .structBody #ContentImgRotLg{ margin:9px 8px; padding:0; width:297px; height:194px; }
.index .structBody #ContentImgRotSm{ margin:8px; padding:0; width:180px; height:196px;}


.index .structBody #ContentMiddle{ float:left; width:505px; margin:0; padding:10px 25px;  color:#6d6d6d; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:12px;} 
.index .structBody #ContentMiddle h2 { color:#FF6600; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; background: url(images/startMiddashline.gif) no-repeat left bottom; line-height:12px;}

.index .structBody #ContentMiddle h2#PageSubTitle {background: none;}

/*Chapter code only------------------*/

.chapter .structBody{ float:left; width:100%; margin:0; padding:0; background:#FFFFFF url(images/ChptContentBG.gif) repeat-x left top; }
.chapter .structBodyIn{width:800px; margin:0 auto; padding:0;}

.chapter .structBody .SmImgRot{ float:left; background: url(images/StartSmImgBG.png) no-repeat left bottom; width:197px; height:212px; margin:17px -2px; padding:0;}
.chapter .structBody #ContentMiddleLayoutImgRotSm1{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBody #ContentMiddleLayoutImgRotSm2{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBody #ContentMiddleLayoutImgRotSm3{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBodyIn #ContentImgRotSm1{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBodyIn #ContentImgRotSm2{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBodyIn #ContentImgRotSm3{ margin:8px; padding:0; width:180px; height:196px;}

.chapter .structBody #ContentMiddle{ float:left; width:505px; margin:0; padding:10px 25px;  color:#6d6d6d; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:12px;} 
.chapter .structBody #ContentMiddle h2 { color:#FF6600; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; background: url(images/startMiddashline.gif) no-repeat left bottom; line-height:12px;}

.chapter .structBody #ContentMiddle h2#PageSubTitle {background: none;}
/*  Washington Chapter ---------------*/
.chapter .structBodyWash{ float:left; width:100%; margin:0; padding:0; background:#FFFFFF url(images/ContentBGWash.gif) repeat-x left top; }
.chapter .structBodyWash .SmImgRot{ float:left; background: url(images/StartSmImgBG.png) no-repeat left bottom; width:197px; height:212px; margin:17px -2px; padding:0;}
.chapter .structBodyWash #ContentMiddleLayoutImgRotSm1{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBodyWash #ContentMiddleLayoutImgRotSm2{ margin:8px; padding:0; width:180px; height:196px;}
.chapter .structBodyWash #ContentMiddleLayoutImgRotSm3{ margin:8px; padding:0; width:180px; height:196px;}

.chapter .structBodyWash #ContentMiddle{ float:left; width:505px; margin:0; padding:10px 25px;  color:#6d6d6d; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:12px;} 
.chapter .structBodyWash #ContentMiddle h2 { color:#FF6600; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; background: url(images/startMiddashline.gif) no-repeat left bottom; line-height:12px;}

.chapter .structBodyWash #ContentMiddle h2#PageSubTitle {background: none;}

/* Start code only---------*/
.start .structBody{float:left; width:100%; margin:0; padding:0; background:#FFFFFF url(images/ContentBG.gif) repeat-x left top; }
.start .structBodyIn{width:800px; margin:0 auto; padding:0;}
 
.start .structBody .MiddleLeftWrap{ float:left; width:555px; margin:0; padding:0;}
        
.start .structBody .TopMiddleLt{ float:left; height:230px; width:100%; margin:0; padding:0;}

.start .structBody #LgImgRot{ float:left; background: url(images/StartLgImgBg.png) no-repeat left bottom; width:312px; height:212px; margin:17px 5px; padding:0;}
.start .structBody #SmImgRot{ float:left; background: url(images/StartSmImgBG.png) no-repeat left bottom; width:197px; height:212px; margin:17px 5px; padding:0;}

.start .structBody #ContentImgRotLg{ margin:9px 8px; padding:0; width:297px; height:194px; }
.start .structBody #ContentImgRotSm{ margin:8px 8px; padding:0; width:180px; height:196px;}
        
.start .structBody #ContentMiddle{ float:left; width:505px; margin:0; padding:10px 25px;  color:#6d6d6d; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:12px;} 
.start .structBody #ContentMiddle h2 { color:#FF6600; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; background: url(images/startMiddashline.gif) no-repeat left bottom; line-height:12px;}
   
.start .structBody .MiddleRightWrap{ float:right; width:245px; margin:0; padding:0;}
        
.start .structBody .TopMiddleRt{ width:100%; margin:17px 0; padding:0; float:left;}
.start .structBody .TopMiddleRt h1{ width:100%; margin:0; padding:0; float:left; background:none;}
.start .structBody .TopMiddleRt h1 a{display:block;text-indent:-999em; background: url(images/Search.gif) no-repeat left top; width:78px; height:49px;}

.start .structBody #ContentSearch{ float:left; width: 100%;}
.start .structBody #ContentSearch input { width:108px; *width:106px; }

.start .structBody #ContentLSearch{ float:left; width:233px; padding:5px; margin:0 0 0 -10px; font-size:11px; color:#FFFFFF;}
        
.start .structBody .LowMiddleRight{width: 100%; margin:0; padding:0;}

.start .structBody #ContentRight{ width:200px; margin:0; padding:10px; color:#6d6d6d; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:12px;}

.start .structBody #ContentRight h2 { color:#FF6600; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size:18px; background:url(images/RSidedashline.gif) no-repeat left bottom; line-height:12px;}



/* RIGHT COLUMN
---------------------------------------------*/     
.structRight{}
.structRight #ContentRight{}

/* Footer Elements 
---------------------------------------------*/
.structFooter{ float:left; width: 100%; margin:0; padding:0; background:url(images/FooterBg.gif) repeat-x left top; min-height:80px; }
.structFooterIn{ width:800px; margin:0 auto; padding:0;}

.structFooter .structFooterIn h1{ width:151px; margin:6px 0; padding:0; float:left;}
.structFooter .structFooterIn h1 a{display:block;text-indent:-999em; background:url(images/Footerlogo.gif) no-repeat left top; width:151px; height:30px;}

.chapter .structFooter .structFooterIn h1{ background:transparent none repeat scroll 0%;float:left;margin:0pt;padding:0pt;width:299px;}
.chapter .structFooter .structFooterIn h1 a{background:transparent url(images/chapterFTlogo.gif) no-repeat scroll left top;display:block;height:90px;text-indent:-999em;width:308px;}
.structFooter #ContentBottomNav{ float:right; margin:10px 0 0 0; padding:0; width:330px;}
.structFooter #ContentBottomNav ul{ list-style:none;margin:0; padding:0;}
.structFooter #ContentBottomNav li{ display:inline; border-left:1px solid #FFFFFF;margin:0; padding:0;}
.structFooter #ContentBottomNav li#AboutUs{  border-left:none;}
.structFooter #ContentBottomNav a { text-align:center;margin:0; padding:0 0 0 5px; font-size:11px; line-height:10px; text-decoration:none; color:#FFFFFF;}
.structFooter #ContentBottomNav a:hover{ text-decoration:underline;}

.structFooter #ContentFooter{ float:right; width:300px; margin:0; padding:10px; color:#FFFFFF;}

/*Other Stuff -------------------------------*/

span#cid_527_lblPageTitle.PageTitleHeader,
span#cid_40_lblPageTitle.PageTitleHeader,
span#cid_46_lblHeader.PageTitleHeader{background:none;}

/* DC Template -------------------------------*/

.index.washdc .structBody {background:#FFFFFF url(images/ContentBGWash.gif) repeat-x left top; }
.index.washdc .structHead {height:90px;}
.index.washdc .structHead h1 a {background:url(images/WashHeader.gif) no-repeat left top; width:488px; height:54px;}
.index.washdc #ContentToplinks {display:none;}
.index.washdc .structHead #ContentSearchTN {display:none;}
.index.washdc .structHeadIn {height:85px;}

.index.washdc .structBody .middle-wrap {float:left; width:578px; height:auto; margin-top:17px; display:inline;}
.index.washdc .structBody .middle {float:left; width:562px; min-height:412px; /*padding:24px 0; */ display:inline;}
.index.washdc .structBody .middle-top {float:left; height:5px; width:562px; background:url(images/MainContentBG_Tile.png) no-repeat top; display:inline;}
.index.washdc .structBody .middle #ContentMiddle {float:left; clear:left; height:auto; width:514px; min-height:412px; padding:24px; display:inline; background:#fff;}
.index.washdc .structBody .middle-left {float:left; width:8px; min-height:412px; background:url(images/MainContentBG_Left.png) no-repeat left; display:inline;}
.index.washdc .structBody .middle-right {float:left; width:8px; min-height:412px; background:url(images/MainContentBG_Right.png) no-repeat right; display:inline;}