/*
================================================================================
YMCA screen media style sheet
History:Tim Jones 16-JUN-2005
================================================================================
*/
body{width:760px;background:#FFFFFF;color:#000000;font:normal 0.7em/1.166 verdana,arial,helevtica,sans-serif;margin:0;/* main style fallback */ padding:0}
body p{font-size:100%;margin:0/* relative size pass through maintains relative scaling */}
input{margin:0}
h1{color:#082440;/* main page headings */ font:normal 200% Arial,Helvetica,sans-serif;margin:0;padding:0}
h2{color:#0B5095;/* subhead or first intro paragraph */ font:normal 160% Arial,Helvetica,sans-serif;margin:0.1em 0 0 0;padding:0}
h3{color:#1E2C39;/* second intro paragraphs */ font:bold 110% Arial,Helvetica,sans-serif;margin:0.4em 0 0 0;padding:0}
h4{color:#1E2C39;/* second intro paragraphs */ font:normal 110% Arial,Helvetica,sans-serif;margin:0.4em 0 0 0;padding:0}
h5{color:#000000;/* black subhead / deck for page blocks */ font:bold 115% Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0.4em 0 0.25em 0;padding:0}
h6{color:#003366;/* blue subhead / deck for page blocks */ font:bold 100% Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0.4em 0 0.25em 0;padding:0}
.divider{background:url(/images/dot-line.gif) repeat-x center;height:10px;width:100%/* use for creating a dotted divider */}
.dotted{background:url(/images/dot-line.gif) repeat-x center;height:1px/* use for creating a dotted separator in item list */}
#masthead{height:94px}
#topCourtesyBar{background:#003366;text-align:center}
.topCourtesy{color:#FFFFFF;font:normal 100% Arial,Helvetica,sans-serif}
.topCourtesy a{color:#A6C4E1;text-decoration:none}
#navBar{background:#003366;border-bottom:1px solid #FFFFFF;height:19px/*padding-left:10px;*/}
#globalNav{border-top:1px solid #FFFFFF;margin-left:10px}
#globalNav td{border-left:1px solid #FFFFFF;color:#FFFFFF;cursor:pointer;cursor:hand;font:normal 100% Arial,Helvetica,sans-serif;padding:2px 2px 2px 7px;text-align:center}
#topFiller{border:1px solid #FF0000}
#banner{border-left:1px solid #FFFFFF}
#logo{background:#003366;vertical-align:bottom}
#middle{}
#content{padding:20px 16px;/* main content container */ text-align:left;vertical-align:top}
.bottomCourtesy{color:#003366;font:normal 90% Arial,Helvetica,sans-serif}
#footer{border-top:1px solid #003366;margin-top:10px}
#footerPanel{padding-left:15px;padding-right:15px;width:730px/*border:1px solid red;*/}
#copyright{padding-top:5px;text-align:right/*border:1px solid red;*/}
#bottomNav{padding-bottom:15px;padding-top:5px}
.footerText{color:#185FA5;font:normal 90% Arial,Helvetica,sans-serif}
/* modules */
.moduleArttit,.moduleArttit a{color:#003366;font:normal 100% arial,helvetica,sans-serif;text-decoration:none}
.moduleArtsub{color:#CC9900;font:normal 90% arial,helvetica,sans-serif}
.moduleMore a{background:url(/images/nav-arrow.gif) right center no-repeat;color:#003366;font:bold 100% arial,helvetica,sans-serif;padding-left:10px;padding-right:10px;text-decoration:none}
.moduleLink a{background:url(/images/nav-arrow.gif) left 0.25em no-repeat;color:#003366;/* module more link */ display:block;font:normal 100% arial,helvetica,sans-serif;padding-left:10px;text-decoration:none}
.moduleTitle{height:25px;/*border:1px solid red;*/ padding-left:10px;text-align:left;vertical-align:bottom}
.moduleButton{height:25px;/* ie */ padding-bottom:1px;padding-right:6px;text-align:right;vertical-align:bottom}
.moduleRow{height:39px;padding-left:10px;padding-right:6px;vertical-align:middle}
.moduleRow a{color:#003366;}
.moduleBottom{height:15px}
#areaModule{border-bottom:1px solid #FFFFFF;text-align:left;vertical-align:top}
#eventsModule{border-collapse:collapse;margin-top:5px}
#quickLinksModule{background:#6699CC;border-bottom:1px solid #FFFFFF;text-align:left;vertical-align:top}
.quickLinks{width:172px}
.moduleBorder{background:#E5E5E5;border:1px solid #CCCCCC}
.modulePanel{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:5px/*border:1px solid red;*/}
.aroundPanel{border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:10px 16px 0px 16px/*border:1px solid red;*/}
#aroundModule{border:1px solid #CCCCCC;border-collapse:collapse}
.aroundModuleBottom{background:#E5E5E5;height:21px}
#jobsModule{border-bottom:1px solid #CCCCCC;border-collapse:collapse;margin-bottom:10px}
#searchModule{background:#D6E6F9}
#buttonsModule{margin-bottom:5px}
#buttonsModule img{border:none;margin-bottom:1px}
#buttonsModule p{margin:0 0 2px 0}
#menuHead{background:#003366;border-bottom:1px solid #FFFFFF;color:#FFFFFF;font:normal 110% arial,helvetica,sans-serif;height:3em;text-align:center;vertical-align:middle}
/******************/
/* Content Styles */
/******************/
.pagtit{:;color:#003366;/* page title */ font:normal 180% HelvNeue 65,Arial,Helvetica,sans-serif}
.arttit{color:#003366;/* general article title */ font:bold 110% arial,helvetica,sans-serif}
.merch_arttit{FONT-WEIGHT: bold;FONT-SIZE: 11pt;COLOR: #333366;FONT-FAMILY: Arial, Verdana}
.homeArttit,.homeArttit a{color:#1860A6;font:bold 110% arial,helvetica,sans-serif;text-decoration:none}
.aroundArtsub{color:#3174B2;font:normal 100% arial,helvetica,sans-serif}
.backLink{margin:5px 0}
.backLink a{background:url(/images/rev-arrow.gif) left center no-repeat;color:#003366;display:block;font:bold 100% arial,helvetica,sans-serif;padding-left:10px;text-decoration:none}
.tittext{color:#003366;/* title colour text size */ font:normal 110% Verdana,Geneva,Arial,Helvetica,sans-serif}
.arttext,div.text,p.text,p,.indent{color:#1E2C39;/* This is the main copy style */ font:normal 110%/1.4 Verdana,Geneva,Arial,Helvetica,sans-serif}
div.text,p.text{padding-top:0.5em/* this is the main paragraph style */}
a span.more{background:url(/images/nav-arrow.gif) right center no-repeat;/* normal more > links */ color:#003366;font:normal 100% arial,helvetica,sans-serif;padding-left:10px;padding-right:10px;text-decoration:none}
.link{background:url(/images/nav-arrow.gif) left 0.25em no-repeat;display:block;/* add this class to create an arrow link */ padding-left:10px}
.artsub{color:#000000;/* dates etc */ font:normal 90% Verdana,Geneva,Arial,Helvetica,sans-serif}
.sml{color:#000000;/* notes etc */ font:90% Verdana,Geneva,Arial,Helvetica,sans-serif}
.smltit{color:#003366;font:90% Verdana,Geneva,Arial,Helvetica,sans-serif}
.liftoutQuote{background:url(/images/pull-quote.gif) #FFFFFF top left no-repeat;color:#003366;/*margin:0.5em 0;*/ font:normal 160% Arial,Helvetica,sans-serif;padding-left:24px;padding-right:24px;text-align:left;vertical-align:top;width:auto;display:block}
table.leftImage,table.rightImage,table.centreImage{border-collapse:collapse;/*background:#DFDFDF;*/ margin:6px 0px 0px}
table.leftImage td,table.rightImage td,table.centreImage td{padding:0 0 2px 0}
table.leftImage,table.leftImage caption{margin-right:6px}
table.rightImage,table.rightImage caption{margin-left:6px}
table.leftImage caption,table.rightImage caption,table.centreImage caption{background:#DFDFDF;color:#333333;font:normal 90% Arial,Helvetica,sans-serif;margin-bottom:6px;padding:2px 5px;text-align:left}
.caption {padding: 2px 5px background: #DFDFDF;font:normal 90% Arial, Helvetica, sans-serif;color: #333333;text-align: left;}
.indent{margin-left:0px/* indent used for owned items summary profiles and company */}
td.line{background:#003366/* default separator */}
.nav,.navsel{background:#FFFFFF;/* in page navigation */ font:bold 110% Arial,Helvetica,sans-serif;text-decoration:none}
.nav{color:#AABBCC}
TD.gpr{padding-right:5px/* item list spacing */}
TD.gpl{padding-left:5px}
TD.gpt{padding-top:5px}
TD.gpb{padding-bottom:5px}
.formtab{font:bold 10px arial,helvetica,sans-serif;text-align:left;vertical-align:middle}
.formtab a{color:#000000;text-decoration:none}
.formtab a:hover{text-decoration:none}
.formcelllarge{font:13px arial,helvetica,sans-serif}
.formtable{}
.formmand{color:#FF0000;font-weight:bold}
.formnote{color:#000000;font-size:10px;font-style:italic;text-decoration:none}
.formlabel{font-weight:bold}
.formbutton{}
.formheading{color:#CCCCCC;font:32px arial}
.formtext{}
.prionsec{background:#FFFFFF;color:#003366;font:110% Arial,helvetica,sans-serif}
.seconpri{background:#003366;color:#FFFFFF;font:110% Arial,helvetica,sans-serif}
.form1{margin-bottom:0em;margin-top:0em;margin-top:0px;padding-top:0px}
.form_util{color:#000000;font:100% arial,helvetica,sans-serif}
.login{color:#003366;font:100% arial,helvetica,sans-serif}
.inputField{color:#000000;font:normal 1em arial,helvetica,sans-serif;height:1.3em;margin:0;padding:1px;vertical-align:middle}
.emailField{width:140px}
.passwordField{width:85px}
.searchField{width:110px}
.moduleCaption{padding-left:10px}
.struct{font-size:1px;margin:0px;padding:0px}
/* submenu styles */
.lev1{color:#EFEFEF;list-style:none;margin:0;padding:0}
.lev2{color:#EFEFEF;list-style:none;margin-left:5px;padding-left:5px}
.lev3{color:#FF0000;list-style:none;margin-left:10px;padding-left:10px}
.lev1 a{color:#EFEFEF;display:block;margin:0;padding:0 9px 0 0;text-decoration:none;width:auto/*border:1px solid red;*/}
.lev1 span{display:block;margin:0;padding:0 9px 0 0}
/*.lev1 li{
border:1px solid red;
}*/
span.sub1,span.sub2,a.sub1,a.sub2{background:url(/images/submenu.gif) no-repeat right center}
a.nav1,ul.lev1 span.sel1{padding:5px 9px 5px 5px}
ul.lev1 li a:hover{color:#FFFFFF}
li.nav1{border-bottom:1px solid #FFFFFF}
/*************************************************/
/* SIG styles                                    */
/*************************************************/
/* -------------------------- */
/* admin help */
/* -------------------------- */
.sig_page_admin_description
{background:#CCCCCC;border:solid #999999 1px;font-size:font-size:xx-small;padding:0.2em}
div.sig_admin_help
{color:#222222;font:x-small verdana,arial;margin-left:4em;text-align:left;vertical-align:top}
div.sig_admin_help h1
{border-top:solid #CCCCCC 2px;font-size:small;margin-top:2em}
div.sig_admin_help h1,
div.sig_admin_help h2
{font-size:medium;margin-left:-3em}
div.sig_admin_help div.toc h1,
div.sig_admin_help div.toc h2
{border:none;color:#222222;font-size:x-small;margin:0pt}
div.sig_admin_help div.toc h1
{font-weight:bold;margin-top:1em}
div.sig_admin_help div.toc h2
{font-weight:normal}
div.sig_admin_help td ol,
div.sig_admin_help td ul
{margin-left:2em}
div.sig_admin_help td li
{margin-bottom:0.5em}
div.sig_admin_help table,
div.sig_admin_help td,
div.sig_admin_help th
{border:solid #CCCCCC 1px;border-collapse:collapse;padding:0.2em;text-align:left;vertical-align:top}
div.sig_admin_help th
{font-size:x-small}
/* -------------------------- */
/* tables */
/* -------------------------- */
div.sig_table_ruled1 table.formtable,
div.sig_table_ruled1 form table.formtable,
table.sig_table_ruled1
{margin-top:0px}
table.sig_table_ruled1 td,table.sig_table_ruled1 th{border-bottom:solid 1px #CCCCCC;font-size:x-small;padding-right:1.5em;padding-top:2px;text-align:top;vertical-align:top}
table.sig_table_ruled1 th
{font-weight:normal;text-align:left}
div.sig_table_boxed1 table.formtable,table.sig_table_boxed1
{border:solid #666666 1px;border-collapse:collapse;font-size:x-small;margin-top:1em;padding:0.2em;text-align:left;vertical-align:top}
div.sig_table_boxed1 input.text,
table.sig_table_boxed1 input.text
{background:#EEEEEE;border:solid #000000 1px;font-size:x-small;padding-left:2px}
div.sig_table_boxed1 th,table.sig_table_boxed1 th
{background:#BBBBBB;border-left:solid #D6D6D6 1px;border-right:solid #D6D6D6 1px;vertical-align:top}
div.sig_table_boxed1 td.formcell,table.sig_table_boxed1 td
{border-left:solid #DDDDDD 1px;border-top:solid #DDDDDD 1px;vertical-align:top}
table.clsSIGIndivFull td,
table.clsSIGIndivFull th 
{border-top:solid #DDDDDD 1px;text-align:left;vertical-align:top}
table.clsSIGIndivFull th{font-size:10px;font-weight:bold}
.clsBoxed1 td.topborder
{border-left:none;border-top:solid #DDDDDD 1px}
.clsBoxed1 td.endrow,.clsBoxed1 th.endrow
{border-left:solid #DDDDDD 1px;border-top:none}
.sig_table_note
{font-size:font-size:xx-small}
/* -------------------------- */
/* general purpose */
/* -------------------------- */
div.sig_body{padding:10px}
.sig_error_message
{border-left:solid #FF0000 2px;padding-left:0.5em}
/* -------------------------- */
/* tabs */
/* -------------------------- */
div.sig_tab_body{margin:10px}
div.sig_admin_table_group1
{border-top:solid #CCCCCC 2px;margin-bottom:1 em;padding-bottom:0.5 em}
/* -------------------------- */
/* forms */
/* -------------------------- */
div.sig_body table.formtable td.formcell{padding-top:0px}
.sig_form_subhead
{font-size:1.25em}
/* -------------------------- */
/* discussions */
/* -------------------------- */
div.sig_dg_topic
{background:#EEEEEE;border:solid #999999 1px;padding:0.3em}
/*************************************************/
/* end of SIG styles                             */
/*************************************************/
/* Shopping Basket
Shopping [S]  Basket [B] Container [c]
Edit View [E]
Quick View [Q]
*/
.SBCTitle .pagtit{}
.SBCETotal .arttit{color:#CD5C5C;font-size:1.3em;font-weight:bold}
.SBCEHeading{background:#3366CC}
.SBCERowVal0{}
.SBCERowVal1{}
.SBCERowMsg{}
.SBCERowMsg .sml{color:#FF0000}
.SBCQHeader{background:#FFCB5B}
.SBCQSubTotalDesc .arttext{color:#CD5C5C;font-weight:bold}
.SBCQBorder{border:1px solid #DDDDDD}
form,.lev1 li{margin:0;padding:0}
#globalNav td.end,.topmenu{border-right:1px solid #FFFFFF}
.bottomCourtesy a,.arttit a{color:#003366;text-decoration:none}
#logoutModule,#loginModule{background:#A6C4E1}
.homeArtsub,.location{color:#61708D;font:normal 100% arial,helvetica,sans-serif}
.homeArttext,.texttit{color:#1E2C39;font:normal 110% arial,helvetica,sans-serif}
li,body table,body tbody{font-size:100%/* IMPORTANT size pass through for list items */}
.formcell,.formcontrol{font:10px arial,helvetica,sans-serif}
table.clsSIGIndivFull,.linkModule,#communityModule{border-collapse:collapse}
table.clsSIGIndivFull tr,#address,#jobsModule .modulePanel{padding-bottom:10px}
table.clsSIGIndivFull td.noborder,.clsBoxed1 td.noborder,
.clsBoxed1 th.noborder{border:none}
.clsBoxed1 td,.clsBoxed1 th{border-left:solid #DDDDDD 1px;border-top:solid #DDDDDD 1px;padding:3px;text-align:left}
.SBCETotal,.SBCEUpdate{padding-bottom:4px;padding-left:4px;padding-top:4px}
.SBCERow0,.SBCQListBG{background:#FFFFFF}
.SBCQTitle .arttext,.lev1 .sel1,.lev2 .sel2,.lev3 .sel3,.SBCEHeading .sml{color:#FFFFFF;font-weight:bold}
.SBCQSubTotalDesc .arttext,.SBCERowVal0 .sml,.SBCERowVal1 .sml{color:#3366CC;font-weight:bold}
.SBCQListItem .sml,.SBCETotal .arttext,.SBCEUpdate .arttext{color:#3366CC}
hr,.nav:hover,.navsel{color:#003366}
a{color:#6699CC}
#right,#bottom,#footer td,#left,#centre{vertical-align:top}
.formhr,.SBCQQtyDescA .sml,.SBCQQtyValA .sml,.SBCQQtyDescB .sml{color:#000000}
.SBCQQtyDescB,.SBCQTitle,.SBCQSubTotalDesc,.SBCQSubTotalVal,.SBCQListItem,.SBCQQtyDescA,.SBCQQtyValA{padding-bottom:2px;padding-left:4px;padding-top:2px}
.SBQDivider,.SBCQLinksBG,.SBCQLinksBG,.SBCERow1,.SBCQSubBG{background:#DDDDDD}
.moduleArttit a:hover,.moduleMore a:hover,.moduleLink a:hover,.arttit a:hover,.homeArttit a:hover,.backLink a:hover,a:hover span.more,.topCourtesy a:hover,.bottomCourtesy a:hover{text-decoration:underline}