a { color: #0a1273; text-decoration: none;}
a:hover { text-decoration: underline;}

html, input, select { font: normal 11px Verdana, Helvetica, Arial, sans-serif; color: #666666;}
h1 { color: #0a1273; font: bold 20px Verdana, Helvetica, Arial, sans-serif; margin: 10px 0px 0px 0px;}
h2 { color: #0a1273; font: bold 15px Verdana, Helvetica, Arial, sans-serif; margin: 0px 0px 10px 0px;}
body { font: normal 12px Verdana, Arial, sans-serif; color: #000;}

img { border: 0;}
.black { color: #000000;}
.red { color: red;}

#page {
 background: url('graphics/body_bg_int.jpg') repeat-x #fff;
 margin: 0 auto; padding: 0px; text-align: center;}
#header { margin: 0 auto; width: 960px; height: 132px; padding: 0px; }

#menuAndSearch { width: 960px; height: 38px; margin: 0 auto; padding: 0px;}
.bannerTop { float: left; padding: 10px 10px 0px 5px; width: 300px; text-align: left; } 

#search { float: right; margin: 7px 0px 0px 0px;
 background: url('graphics/search_bg.jpg') no-repeat bottom;
 width: 143px; height: 26px; padding-right: 5px;}
#searchText { float: right; padding: 15px 5px 0px 10px; color: #ffffff;}
#menuTop { float: right; padding: 15px 0px 0px 0px;}

#search .searchBoxInput { background: #595fae; border: none; color: #ffffff;}
#search td { padding: 0px 0px 0px 4px;}
.searchBox { margin: 0px 0px -5px 0px; padding: 5px 0px 0px 0px;}

#homeNav { margin: 0 auto; width: 950px; height: 44px; padding: 5px 5px 0px 5px; background: #fff;}
#homeNav div { float: left; padding: 0px; margin: 0 auto;}
#homeTaglines { margin: 0 auto; width: 950px; height: 66px; padding: 0px 5px; background: #fff;}

#homeMiddle { margin: 0 auto; width: 950px; padding: 5px; background: #fff;}

#homeLeft { width: 316px; float: left;}
#homeFlash { float: right; width: 625px;}
#homeLeft .wrapImage { font-size: 0px; line-height: 0px;}
.homeLeftContent { border-left: 1px solid #d9dfee; 
 border-right: 1px solid #d9dfee; text-align: left; padding: 0px 10px;}

#homeTrainings { margin: 0px 0px 5px 0px;}

#fourPanels { margin: 0 auto; width: 950px; background: #ffffff; height: 130px;}
#fourPanels div { height: 130px; text-align: left;}
#panel1 { padding: 0px 5px 0px 0px; float: left; width: 234px;}
#panel2 { padding: 0px 0px 0px 0px; float: left; width: 233px;}
#panel3 { padding: 0px 4px 0px 0px; float: right; width: 234px;}
#panel4 { float: right; width: 233px;}

#homeHeadlines { margin: 0 auto; width: 950px; padding: 5px 0px; background: #ffffff;}
#headlineHeadline { background: url('graphics/home_headline_bg.jpg') repeat-y #fff;
 width: 950px; padding: 0px 20px; text-align: left;}
#headlineTop { font-size: 1px; line-height: 6px; height: 6px;}
#headlineBot { font-size: 1px; line-height: 8px; height: 8px;}

#subNav { margin: 0 auto; width: 950px; height: 31px; padding: 5px 5px; background: #fff; z-index: 10;}

#blue { background: url('graphics/nav_blue_on_bg.jpg') no-repeat top left; float: left;
 padding: 0px 5px 0px 0px; width: 604px; height: 31px;}
#blue div { padding: 5px 0px 0px 20px; color: #fff; font: 16px bold Verdana, Helvetica, Arial, sans-serif;
 font-style: bold; text-align: left;}
#blue div a { color: #fff; text-decoration: none;}

#give, #advocate { float: left; padding: 0px 5px 0px 0px; width: 110px; height: 31px;}
#volunteer { float: left; padding: 0px; width: 110px; height: 31px;}
#content {

 width: 950px;
 min-height: 400px;
 padding: 0px 5px;
 background: #fff;
 text-align: left;
 vertical-align: top;
}
#left {
 width: 193px;
 vertical-align: top;
 margin: 0 auto;
 padding: 10px 10px 10px 0px;
 float: left;
}
#content .middle {
 width: 737px;
 vertical-align: top;
 text-align: left;
 padding: 10px 0px;
 float: left;
}
#content .right {
 width: 196px;
 vertical-align: top;
 margin: 0 auto;
 padding: 10px 0px 10px 10px;
 float: right;
}
#content .middleForm {
 width: 950px;
 vertical-align: top;
 text-align: left;
 padding: 10px 0px;
}
#leftMenu {
 margin: 0px 0px 20px 0px;
 width: 170px;
}
#leftMenuTop, #leftMenuBot {
 line-height: 6px;
 font-size: 0px;
 height: 6px;
}
.footerBox {
 padding: 0px 0px 5px 0px;
}
.footerBoxHead {
 text-align: left;
 background: url('graphics/footer_box_top.jpg') repeat-y #fff;
 width: 950px;
 height: 30px;
 color: #666666;
 margin: 0 auto;
}
.footerBoxHead div {
 font: 14px bold Verdana, Helvetica, Arial, sans-serif;
 padding: 5px 15px;
}
.footerBoxText {
 text-align: left;
 background: url('graphics/footer_box_bg.jpg') repeat-y #fff top left;
 width: 950px;
 color: #666666;
 margin: 0 auto;
 min-height: 20px;
}
.footerBoxText div {
 padding: 2px 20px 0px 20px;
}
.footerBoxText div .vidDesc { padding: 0px;}

.footerBoxbot {
 font-size: 1px;
 height: 8px;
 line-height: 0px;
 margin: 0px 0px 5px 0px;
}
.footerBoxLeft {
 border-left: 1px solid #d9dae1;
 padding: 15px;
}
.footerBoxRight {
 border-right: 1px solid #d9dae1;
}
.footerBox td {
 vertical-align: top;
 width: 33%;
}
.footerBoxLeft, .footerBoxCenter, .footerBoxRight {
 padding: 15px;
}
#footer {
 background: url('graphics/footer_bg.jpg') repeat-x #fff;
 width: 950px;
 height: 50px;
 color: #666666;
 margin: 0 auto;
}
#donate {
 float: left;
 padding: 5px 20px 5px 0px;
}
#copyright_int {
 float: left;
 padding: 5px 20px;
}
#copyright {
 float: left;
 padding: 5px 0px 5px 50px;
}
#navFooter {
 float: right;
 padding: 5px 20px;
}
#empowered {
 font-size: 10px;
 height: 25px;
 margin: 0px auto;
 padding: 10px 0px;
 width: 135px;
}
#empowered a {
}
.canvas {
 clear: both;
 margin: 0 auto;
}
.canvas:after, .footerBoxText:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.rightBlock {
 width: 196px;
 margin: 0 auto;
 padding: 0px 0px 5px 0px;
}
.rightBlockHeader {
 background: url('graphics/right_header_bg.jpg') no-repeat #fff;
 width: 196px;
 height: 28px;
 margin: 0 auto;
}
.rightBlockHeader div {
 padding: 5px 5px;
 color: #fff;
 font: 14px bold Verdana, Helvetica, Arial, sans-serif;
}
.rightBlockText {
 margin: 0 auto;
 border: 1px solid #d9dae1;
}
.rightBlockText div {
 color: #666666;
 padding: 5px;
 font: bold;
 border: 1px solid #d9dae1 Verdana, Helvetica, Arial, sans-serif;
}
.rightBotItems {
/* background: url('graphics/right_bot_bg.jpg') bottom no-repeat */
 #e7e7ea: ;
}
.rightBotItems div {
 background: #e7e7ea;
 padding: 3px 5px;
 border-top: 1px solid #fff;
 border-left: 1px solid #d9dae1;
 border-right: 1px solid #d9dae1;
 color: #666666;
}
.menuPipe, .menuPipeLink {
 color: #666666;
}
#menuTop .menuPipe, #menuTop .menuPipeLink, #searchText {
 color: #ffffff;
}
.newsListHeadlineTD {
}
#homeHeadlines .newsListHeadline {
 color: #666666;
}
.newsListHeadline a {
 text-decoration: none;
}
.newsListHeadline a:hover {
 text-decoration: underline;
}
.newsListPublishline {
 font: normal 9px Verdana, Helvetica, Arial, sans-serif;
 color: #666666;
}
.newsListBlurb {
}
#homeHeadlines .newsListMoreLink {
 color: #666666;
}
.eventHeadlineTD {
}
.eventHeadline {

}
.eventDetail {
}
.eventMoreLink {
}
.eventDateHeader {
 border-top: 1px solid #666666; 
}
.datebox {
 font-weight: bold;
}
#search .queryLabel {
 float: left;
 font: bold 11px Verdana, Helvetica, Arial, sans-serif;
 color: #ffffff;
 margin: 5px 3px 0px 0px;
}
#search .searchInput {
 float: left;
 margin: 3px 0px;
 color: #ffffff;
}
#search .submit {
 float: left;
 margin: 5px 0px 0px 2px;
}
.sendpageBody {
 background: #fff;
 font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}
.sendpageHeader {
 color: #0a1273;
 font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}
.sendpageFormTextRequired {
 color: #0a1273;
 font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}
.sendpageFormText {
 color: #0a1273;
 font: normal 12px Verdana, Helvetica, Arial, sans-serif;
}
/* Month at a Glance */ #calendarDetail table {
 width: 100%;
 table-layout: fixed;
}
#calendarDetail .calendarMonths {
 background-color: #0a1273;
 text-align: center;
 vertical-align: middle;
}
#calendarDetail .calendarMonths a {
 display: block;
 color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 text-decoration: none;
 padding: 5px 0px 5px 0px;
}
#calendarDetail .calendarMonths a:hover {
 background-color: #0a1273;
 color: #ffffff;
}
#calendarDetail .calendarDays {
 border-collapse: collapse;
 table-layout: fixed;
}
#calendarDetail .calendarDays .title {
 font-size: 14px;
 font-weight: bold;
 color: #333333;
 padding: 10px 0px 10px 0px;
}
#calendarDetail .calendarDays .normal {
 display: none;
}
#calendarDetail .calendarDays td {
 text-align: center;
 border: 1px solid #000000;
 font-weight: bold;
}
#calendarDetail .calendarDays .weekdays {
 height: 30px;
 background-color: #0a1273;
 color: #ffffff;
}
#calendarDetail .calendarDays .emptyDay {
 height: 60px;
 text-align: left;
 vertical-align: top;
 background-color: #eeeeee;
}
#calendarDetail .calendarDays .eventToday {
 height: 60px;
 text-align: left;
 vertical-align: top;
 background-color: #efaa23;
 padding-left: 5px;
 color: #ffffff;
}
#calendarDetail .calendarDays .eventOff {
 height: 60px;
 text-align: left;
 vertical-align: top;
 padding-left: 5px;
}
#calendarDetail .calendarDays .eventOn {
 height: 60px;
 text-align: left;
 vertical-align: top;
 background-color: #7B80B8;
 padding-left: 5px;
 color: #ffffff;
}
#calendarDetail .calendarDays .eventOn a {
 color: #ffffff;
}
/* Calendar Starts */ #calendar {
 font-size: 12px;
 background: #620094;
}
#calendar .cal {
 padding: 5px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 background: #620094;
}
#calendar .calPrev {
 position: absolute;
 top: 4px;
 left: 15px;
}
#calendar .calNext {
 position: absolute;
 top: 4px;
 right: 15px;
}
#calendar .calMonth {
 position: relative;
 top: 0;
 left: 0;
 text-align: center;
 font-weight: bold;
 margin-left: 20px;
 margin-right: 20px;
}
#calendar .calPrev a, .calNext a, .calMonth a {
 text-decoration: none;
 color: #ffffff;
}
#calendar .calPrev a:hover, .calNext a:hover, .calMonth a:hover {
 text-decoration: underline;
}
#calendar .calGrid {
 margin-top: 10px;
 clear: both;
 width: 75%;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}
#calendar .calGrid td {
 font-size: 8pt;
 padding-bottom: 2px;
 text-align: center;
 color: #ffffff;
}
#calendar .calGrid tr.calWeek {
 font-weight: bold;
 text-align: center;
}
#calendar .calDayOn a {
 color: #ffffff;
 font-weight: bold;
 text-decoration: underline;
}
#calendar .calDayOn a:hover {
 text-decoration: none;
}
#calendar .calGrid td.calTodayOff, .calGrid td.calTodayOn {
 background-color: #aab424;
 color: white;
 font-weight: bold;
}
#calendar .calGrid td.calTodayOn a {
 text-decoration: underline;
 color: white;
 font-weight: bold;
}
#calendar .calBottom {
 text-align: left;
 padding-left: 20px;
}
#calendar .calMonthGlance {
 padding: 5px 0px 3px 0px;
}
#calendar .calBottom a {
 color: #ffffff;
}
.shoppingAlert {
 color: red;
 font-size: 8pt;
}
.shoppingBody {
 font-size: 8pt;
}
.shoppingCartEvenRow {
 background-color: #ffffff;
 color: #002d62;
}
.shoppingCartOddRow {
 background-color: #ebebeb;
 color: #002d62;
}
.shoppingCartTableHeader {
 background-color: #002d62;
 color: #ffffff;
 font-size: 8pt;
 font-weight: bold;
}
.shoppingForm {
 font-size: 8pt;
 color: #002d62;
}
.shoppingFormQuantity {
 background-color: #ffffff;
 font-size: 8pt;
}
.shoppingFormRequired {
 font-size: 8pt;
 font-weight: bold;
 color: #002d62;
}
.shoppingFormRequired input, .shoppingFormRequired select {
 font-weight: normal;
 color: #000;
}
.shoppingHeading {
 color: #002d62;
}
.shoppingInStock {
}
.shoppingItemHeading {
}
.shoppingOutOfStock {
 color: #dd0000;
}
.shoppingLowStock {
}
.shoppingTable {
 background-color: #e8e8e8;
 color: #002d62;
}
.shoppingTableBorder {
 background-color: #ffffff;
}
/* MenuBegin:main */
#leftMenuSub {
 background: #fefefe;
 padding: 0px 5px;
 width: 181px;
 border-left: 1px solid #d9d9d9;
 border-right: 1px solid #d9d9d9;
}
#leftMenuSub ul, #leftMenuSub ul li {
 margin: 0 auto;
 border: 0;
 padding: 0;
}
#leftMenuSub ul {
 list-style: none;
}
#leftMenuSub ul ul {
 margin: 0px 0px 0px 45px;
 border: 0;
 padding: 0;
 list-style-type: disc;
}
#leftMenuSub ul ul ul {
 margin: 0px 0px 0px 0px;
 border: 0;
 padding: 0;
 list-style-type: circle;
}
/* 1st Level */ #leftMenuSub ul a {
 color: #0a1273;
 text-decoration: none;
 border-top: 1px solid #d7d7d7;
 text-align: left;
 width: 141px;
 padding: 10px 5px 12px 35px;
 font: bold 12px Helvetica, Arial, sanf-serif;
 display: block;
 background: url('graphics/menu_arrow_bullet2.jpg') no-repeat transparent;
}
#leftMenuSub ul a:hover {
 text-decoration: underline;
}
#leftMenuSub ul a.first {
 border: 0;
}
/* 2nd Level */ #leftMenuSub ul li li a {
 color: #0a1273;
 text-decoration: none;
 border: 0;
 padding: 0px;
 background: transparent;
 font: bold 12px Helvetica, Arial, sanf-serif;
}
#leftMenuSub ul li li a:hover {
 text-decoration: underline;
}
#leftMenuSub ul li li a.first {
}
#leftMenuSub ul li li a.last {
 margin: 0px 0px 20px 0px;
 border: 0;
}
/* 3rd Level */ #leftMenuSub ul li li li a {
 color: #0a1273;
 text-decoration: none;
}
#leftMenuSub ul li li li a:hover {
 text-decoration: underline;
}


/* Do Not Move - Must Come Before display:block for Gecko */ #leftMenuSub ul .nav:after /*IE 7*/ {
 clear: both;
 display: block;
 font: 1px/0px serif;
 content: ;
 height: 0;
 visibility: hidden;
}

#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 175px; z-index: 100; visibility: hidden; 
clip:rect(0px 175px 145px 0px); height:145px; }

/* MenuBegin:menu_main */
ul.menu_main { margin: 0; border: 0; padding: 0; list-style: none; }
.menu_main li {  margin: 0; border: 0; padding: 0; float: left;
 display: inline; }
ul.menu_main ul { display: none; }

/* 1st Level */
ul.menu_main a { color: #fff; background: transparent url('graphics/menu_m_sep.jpg') no-repeat right 12px;
 text-decoration: none; text-align: center;
 padding: 10px 12px 8px 12px; display: block; height: 37px; width: auto;}
ul.menu_main a:hover { text-decoration: underline; }
ul.menu_main a.first { padding-left: 8px;}

ul.menu_main a.last { background: 0; padding-right: 8px;}

/* MenuEnd:menu_main */


#logoLeftMenu { width: 653px; height: 37px; text-align: left; color: #fff; }
#menuLeft, #menuMiddle, #menuRight {float: left; height: 37px;}
#menuMiddle { background: transparent url('graphics/menu_m_bg.jpg') repeat-x left top;}
#menuMiddle div { padding: 10px 0px 0px 0px; }
#menuMiddle a { padding: 0px 5px; color: #ffffff;}




#logosAndNav { width: 960px; height: 122px; margin: 0 auto;
 background: #ffffff url('graphics/logos_bg.jpg') no-repeat 50% top; }
#logoLeft { float: left; width: 658px; height: 122px; margin: 0 auto; padding: 0px 0px 0px 5px; text-align: left;}
#logoRight { float: right; width: 292px; height: 122px; margin: 0 auto; padding: 0px 5px 0px 0px;}
#logoMain { width: 380px; height: 85px; }