body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Sans-Serif;
    color: #111;
    background: #FFF url(bg.jpg) no-repeat;
}

h1, h2, h3, h4, h5, tr, th
{
    color: #2A1A5A;
    font-family: "Trebuchet MS", Georgia, Serif;
}
h1 
{ 
    background: White url(h1-bg.png) repeat-x;
    padding-left: 10px; 
    margin-left: -10px;
}
h2 
{ 
    font-size: 1.2em; 
    padding-top:5px;
    border-bottom: solid 1px #AA9ADA;
}
h3 
{ 
    font-size: 1.1em; 
}

a,
a:link,
a:active,
a:visited 
{
    color: #1A1A8A;
}
a:hover   
{ 
    color: #1A1A1A;
	background: #EDE1FE;
	text-decoration: none;
}

a img
{
    border: none;
}
.imp-link
{
    font-weight: bold;
}
.pdf-link
{
    padding-right: 17px;
    background: transparent url(pdf.jpg) right 1px no-repeat;
}
.pdf-link:hover
{
    background: #EDE1FE url(pdf.jpg) right 1px no-repeat;
}

.clearing
{     
    clear: both; 
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
    display: block;
}
.xour-name
{
    color: #3F3A7C;
    font-style: italic;
}
.float-right
{
    float: right;
    margin-left: 10px;
}
.float-left
{
    float: left;   
    margin-right: 10px; 
}
.errorflag
{
    color: #FF0000;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
}
.quote
{
    font-style: italic;
    color: #555;
    padding-right: 10px;
    font-size: 0.9em;
}
#facebook-link
{
    position: absolute;
    top: 2px;
    left: 2px;
}
#facebook-link a:hover
{
    background: none;
}
#facebook-link .fb-like
{
    padding: 3px 0;
    background: transparent url(../../images/transparent-white-bg.png) 0 0 repeat;
}

#master-content
{
    width: 850px;
    margin: 0 auto;
}
#legal
{
    margin: 15px auto;
    font-size: 10px;
    color: #666;
}
#banner 
{
    position: relative; 
    height: 121px; 
    min-width: 1050px;
    width: 100%;
}
#banner #words
{
    width: 600px;
    margin: 0 auto;
}
#banner #words a
{
    display: block;
    margin: 0 0 0 0;
    height: 121px;
    background: transparent url(/images/logo.png) 0 0 no-repeat;
    text-decoration: none; 
}
#banner #words a:hover
{
    background-position: 0 bottom;
}
#banner #slogan
{
    position: absolute;
    top: 10px;
    right:10px;
    width: 200px;
    clear: both;
    padding: 0;
    font-size: 0.85em;
    color: #2A1A5A;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    cursor:  pointer;
}
#banner #slogan { color: #646C55; }




#master-content #the-content
{
    margin: 60px 10px 10px 0;
    font-size: 0.9em;
}

#the-content h1
{
    margin-top: 0;
}

/********************************/
#eventsAndNews .left-col
{
    float: left;
    width: 270px;
    margin-right:10px
}
#eventsAndNews .right-col
{
    float: left;
    width: 270px;
    padding: 0 0 20px 0;
}

#eventsAndNews .left-col .content,
#eventsAndNews .right-col .content
{
    padding: 0 10px 10px 10px;    
    background: #FFF url(bottom-fade.png) 0 bottom repeat-x;
}
#eventsAndNews .left-col .content a:hover,
#eventsAndNews .right-col .content a:hover
{
    color: #007700;
    text-decoration: underline;
}
#eventsAndNews .left-col .content h2,
#eventsAndNews .right-col .content h2
{
    width: 230px;
}
#eventsAndNews .left-col .content p,
#eventsAndNews .right-col .content p,
#eventsAndNews .left-col .content div,
#eventsAndNews .right-col .content div
{
    padding:0;
    margin:0;
}
#eventsAndNews .left-col .content ul,
#eventsAndNews .right-col .content ul
{
    padding-top:5px;
    padding-bottom:0;
    margin-top:0;
    margin-bottom:0;
}

#eventsAndNews .left-col .content .datetimelocation
{
    font-variant: small-caps;
    font-size: 0.8em;      
    color: #000;  
}

#news .pr-header
{
    font-variant: small-caps;
    font-size: 0.9em;
    color: #666;
}


#aboutus li
{
    margin-bottom: 10px;
}
#mission
{
    width: 180px;
    float: right;
    border: solid 8px #EDE1FE;
    border-top-width: 3px;
    padding: 5px 10px 5px 5px;
    margin: 5px 0 40px 35px;
    
    color: #000;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;   
    text-align: center;
    background: White url(bottom-fade.png) repeat-x;
    background-position: left bottom;
}
#mission h2
{
    border: none;
    font-size: 1.4em;
}
#mission p
{
    font-size: 1.1em;
    text-align: left;
}
#vision
{
    font-size: 1.1em;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;   
}
#vision h2
{
    font-size: 1.5em;
}








#the-footer
{
    clear: both;   
    padding: 20px 0 10px 0;

    font-size: 0.9em;
    font-family: Verdana, Arial, Sans-Serif;
    background: White url(bottom-fade.png) repeat-x center bottom;
}
#the-footer .centered
{
    text-align: center;
}
#privacy-policy
{
    margin: 35px 50px 0 50px;
    
    text-align: left;
    font-size: 0.7em;
    color: #808080;
    font-weight: normal
}
.note
{
    margin: 0;
    font-size: 0.8em;
    color: #808080;
}
.Amzn-book-wrapper
{
    color: #333333;
    width: 125px !important;
    text-align: center;
}

.Amzn-book
{
    width: 120px; 
    height: 240px;
    border: solid 2px #E2D7F3;
    margin-top: 20px;
}


#specialInterest .leadership,  
#specialInterest .leadership div
{    
    margin: 0;    
    padding: 0;
    border: none !important;
    background: none !important;
}

.leadership .AspNet-Menu-Selected
{
    font-weight: bold;
    font-family: Verdana;
}
.leadership ul,
.leadership ul li
{
    margin: 0 0 5px 0!important;
    padding: 0 !important;
    list-style: none !important;
}

#specialInterest #HandoutsAndResources ul,
#specialInterest #HandoutsAndResources ul li,
#specialInterest #faqs ol,
#specialInterest #faqs ol li
{
    padding-left: 5px !important;
}


.board-people table,
.staff-people table,
.advisory-people table,
.emeritus-board-people table,
.honorary-council-people table
{
    width: 100%;
    background: #FFF;
    border: collapse;
}
.emeritus-board-people table,
.honorary-council-people table
{
    font-weight: bold;
}

.board-people table td,
.advisory-people table td,
.emeritus-board-people table td,
.honorary-council-people table td
{
    color: #333;
    padding-left: 10px;
}
.advisory-people table td,
.emeritus-board-people table td,
.honorary-council-people table td
{
    width: 33%;
}
.board-people table td,
.staff-people table td
{
    width: 50%;
}
.advisory-people table
{
    width: 45em;
}

.staff-people table tr
{
    margin: 0 0 5px 0;
    vertical-align: top;
}
.staff-people table td
{
   padding: 0;
}

#legacyclub .portrait
{
    float: right;
    padding: 0 0 10px 10px;
}
#legacyclub .portrait .lwg { width: 202px; }
#legacyclub .portrait .lc  { width: 222px; }
#legacyclub .portrait .js  { width: 277px; }

#charitynav .cn { width: 285px; }

#teenServices .tn { width: 133px; }

#barriers dt { font-weight: bold; }

#myths    dl { border: dashed 1px #ccc; background: #FFF; padding: 5px;}
#myths    dt { font-style: italic; }
#myths    dt.trueStmt { font-weight: bold; }
#myths    dd.trueStmt { font-weight: bold; }

#cycle    dt { font-weight: bold; }
 
#teen     dt { font-weight: bold; }

.staff-people table
{
    border-collapse: collapse;
}

.staff-people td
{
    border: solid 1px #A0A0A0;    
    border-bottom-color:#696969;
    border-right-color:#696969;
}
.business-card
{
    padding:15px; 
}
.position           { font-size: 1.3em; }
.emailaddr          { padding:0 0 0 20px; background: transparent url(emailaddr.png) no-repeat; }
.workphone          { padding:0 0 0 20px; background: transparent url(workphone.png) no-repeat; }
.workcell           { padding:0 0 0 20px; background: transparent url(workcell.png) no-repeat; }
.workfax            { padding:0 0 0 20px; background: transparent url(workfax.png) no-repeat; }
.workmailingaddr    { padding:0 0 0 20px; background: transparent url(workmailingaddr.png) no-repeat; }
.information        { padding:0 0 0 20px; background: transparent url(information.png) no-repeat; }
.icon-legend        { font-size: 1em; color: #666; padding: 5px; border: solid 1px #AAA; }
.icon-legend p      { margin: 5px; }
.icon-legend span   { margin-right: 10px; }

.camelcase          { font-size: 1.4em; }


#partners .our-members a
{
    display: block;
    float: left;
    width: 100px;
    height: 75px;
    padding: 20px 15px 0 15px;
    text-align: center;
}

/* ............................................................ */
/* Main Menu .................................................. */
/* ............................................................ */

.main-menu
{
    width: 100%;
    position: absolute;
    z-index: 1000;
    top: 130px;
    left: 0;
    background: #2A1A5A;
}

.main-menu ul.AspNet-Menu
{
    width: 850px;
    padding: 0;
    margin: 0 auto;
    border-left: solid 1px #5A4A8A;
}

.main-menu ul.AspNet-Menu ul
{
    top: 100%;
    left: 0;
    padding-top: 6px;
}

.main-menu ul
{
    white-space: nowrap;
    font-size: 0.8em;
    background: #2A1A5A;
}

.main-menu ul ul
{
    border-top: solid 2px #5A4A8A;
    font-size: 1em;
}

.main-menu ul ul ul
{
    border: solid 1px #5A4A8A;
    margin: -2.6em 0 0 20.2em;
}

.main-menu ul.AspNet-Menu li
{
    padding: 3px 8px;
    border-right: solid 1px #5A4A8A;
    height: 2.8em;
    text-align: center;
}

.main-menu ul.AspNet-Menu ul li
{
    padding: 1px 4px;
    float: none;
    width: 20em;
    height: 1.4em;
    text-align: left;
    border: none;    
}

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
.main-menu ul.AspNet-Menu li a,
.main-menu ul.AspNet-Menu li span
{
    display: inline;
    line-height: 1.3em;
    white-space: nowrap;

    /* IE7+ and FF prefer inline-block with a fixed height in 
       order to make the whole link clickable over the whole li. */
    display: inline-block;
    height: 2.8em;
}

.main-menu ul.AspNet-Menu ul li a,
.main-menu ul.AspNet-Menu ul li span
{
    display: block;
    height: 1.3em;
}
/* End: proportional rules */

.main-menu ul.AspNet-Menu li a,
.main-menu ul.AspNet-Menu li span
{
    color: White;
    text-align: center;
}

.main-menu ul.AspNet-Menu ul li a,
.main-menu ul.AspNet-Menu ul li span
{
    text-align: left;
}

.main-menu ul.AspNet-Menu li:hover,
.main-menu ul.AspNet-Menu li a:hover,
.main-menu ul.AspNet-Menu li.AspNet-Menu-Hover,
.main-menu ul.AspNet-Menu li:hover a, 
.main-menu ul.AspNet-Menu li:hover span, 
.main-menu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.main-menu ul.AspNet-Menu li.AspNet-Menu-Hover span
{
    background: #3F3A7C;
    cursor:pointer;
}

.main-menu ul.AspNet-Menu ul li:hover,
.main-menu ul.AspNet-Menu ul li a:hover,
.main-menu ul.AspNet-Menu ul li.AspNet-Menu-Hover,
.main-menu ul.AspNet-Menu li:hover ul a, 
.main-menu ul.AspNet-Menu li:hover ul span, 
.main-menu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.main-menu ul.AspNet-Menu li.AspNet-Menu-Hover ul span
{
    background: transparent;
}

.main-menu ul.AspNet-Menu ul li:hover,
.main-menu ul.AspNet-Menu ul li a:hover,
.main-menu ul.AspNet-Menu ul li.AspNet-Menu-Hover
{
    background: #3F3A7C;
}

.main-menu ul li.AspNet-Menu-Selected,
.main-menu ul li.AspNet-Menu-Selected a.AspNet-Menu-Selected,
.main-menu ul li.AspNet-Menu-Selected span.AspNet-Menu-Selected
{
    background: #3F3A7C;
    color: #66CC66;
}




div.showhide
{
    width: auto;
    font-size: 0.85em;
    color: #333333; /*#195C9F;*/
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
    padding-bottom: 10px;
}
div:hover.showhide 
{
    background: #F9F5FE;
}
div:hover.showhide h1
{
    background: #D4C2E8;
}
div.showhide .trigger-cue
{
    float: right;
    width: 2.2em;
    line-height: 0.8;
    font-family:"Times New Roman", Serif;
    font-size: 0.9em;
}
div.showhide .showhide-btn
{
    width: 22px;
}
div.showhide .hiddenpanel
{
    height: 0;
    overflow: hidden;
}

div.showhide .hiddenpanel .col-1,
div.showhide .hiddenpanel .col-2
{
    float: left !important;
    width: 150px !important;
}

div.showhide h1.danger
{
    font-size: 1.3em !important;
}
div.showhide h3
{
    float:left;
    width:150px;
    padding:10px 0 0 0 !important;
    margin:0 !important;
}
div.showhide .event-details
{
    float:left;
    width:140px;
    font-size:0.8em;
    padding:10px 0 0 0 !important;
}
div.showhide .event-purchase
{
    
    float:left;
    width:300px;
    font-size:0.9em;
}
div.showhide .event-sponsorship
{
    
    float:left;
    width:40px;
    font-size:0.8em;
}

/*****************************/
/* misc */