/*
*************************************************

BEFRIENDNG NETWORK SCOTLAND
General Screen Styles

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }
body { text-align: center; background: #f9faf5 url(../images/bg22.gif) 0 0 repeat-x; color: #666; font-family: 'Helvetica Neue', Arial, sans-serif; }
input,select,textarea { font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; color: #666; }
input.button { padding: .25em .5em; border: 1px solid #e5dfe4; color: #fff; background: #505058; font-size: 1.2em }
a { color: #505058; text-decoration: none; }
a.int { background: url(../images/navarrow.gif) 1px 5px no-repeat; padding-left: 10px; }
a.pdf { background: url(../images/page_white_acrobat.png) 0px 2px no-repeat; padding: 2px 0 2px 22px; }
a.doc { background: url(../images/page_white_word.png) 0px 2px no-repeat; padding: 2px 0 2px 22px; }
a:hover { text-decoration: underline; }
img { border: 0; }
img.icon { vertical-align: middle; }
br.clear { clear: both; }

/*-------------------------------------------    
    Wrap
-------------------------------------------*/
#wrap { width: 778px; margin: 0 auto; text-align: left; }

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { width: 100%; height: 85px; }
#logo { float: left; text-align: left; width: 40%; float: left; }
#logo img { margin: 17px 0 0 15px; }
#utils { float: left; width: 59%; padding: 18px 1% 0 0; }
#utils #loginStatus {  }
#utils #showBasket{ }
#utils p { font-size: .7em; text-align: right; margin-right: 10px;line-height: 1.3em; }
#utils #showBasketp {  }
#utils a { font-weight: bold; }
#utils img.icon { margin: 0 5px 2px 0; }

#nav1Wrap { width: 98%; margin: 0 auto; background: #f9faf5; border-top: 5px solid #dce0ce; height: 30px; border-bottom: 1px solid #c 6ccb1; }
#nav1 { margin: 9px 0 0 1% }
#nav1 ul { list-style: none; font-size: .76em; line-height: 1.25em; font-weight: bold; }
#nav1 li { float: left; margin: 0 1px 0 0; } 
#nav1 a { display: block; padding: 7px 7px 5px 7px; color: #717b6a; border-bottom: 1px solid #c6c cb1; }
#nav1 li.sel a { text-decoration: none; color: #333; border-bottom: 1px solid #582 E59; }
#nav1 li.home a { border: 0; padding: 0; }
#nav1 li.home img { padding: 9px 1px 5px 3px; margin-right: 5px; }
#nav1 li.search { float: right; }
#nav1 a:hover { text-decoration: underline; }
#nav1 a#searchNav { background: url(../images/search.gif) 0 5px no-repeat; padding-left: 25px; }

#latestNews { width: 760px; margin: 0 auto; padding: 10px 0; }
#latestNews p { text-align: center; line-height: 1.3em; }

/*-------------------------------------------    
	Stage
-------------------------------------------*/
#stage { clear: left; border-bottom: 0px solid #EAD2C3; width: 98%; margin: 0 auto; }
#backTop { clear: both; margin: 0 0 0 25%; }
#backTop ul { list-style: none; margin: 0 0 3.5em 0; font-size: .7em; }
#backTop li { padding: 0 0 0 11px; background: url(../images/uparrow.gif) 0px 5px no-repeat; }
#backTop a { font-weight: bold; }

/*-------------------------------------------    
	Left
-------------------------------------------*/
#left { width: 22%; margin: 13px 0 50px 0; float: left; }

#left .intro { background: #efe8ee; border-top: 5px solid #9687bc; padding: 6px 10px 8px 15px; margin: 0 0 1.5em 0; }
#left h2 { font-size: .6em; line-height: 1.3em; text-transform: uppercase; }
#left p { font-size: .7em; line-height: 1.3em; }

#left ul { list-style: none; font-size: .8em; line-height: 1.3em; padding: 0 0 10px 0px; border-bottom: 0px solid #ccc; }
#left li { border-top: 1px solid #dce0ce; padding: .25em 0 .25em 0; padding-left: 15px; margin: 0 0px 0 0px; }
#left li:first-child { border: 0; }
#left li a { color: #7B8773; }

#left li.sel { background: url(../images/navarrow.gif) 4px 9px no-repeat; }
#left li.sel a { text-decoration: none; font-weight: bold; }

#left li ul { margin: .25em 0 0 0; }
#left li li { padding-left: 0; margin-left: 0px; border: 0; }
#left li li.sel { background: none; }
#left li.sel li a { font-weight: normal !important; }

#left div.quote { margin: 1em 0 0 0; }
#left div.quote blockquote { font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman', serif; font-size: 1.05em; line-height: 1.1em; color: #888; font-style: italic; margin-bottom: .15em; text-align: right; }
#left div.quote p { color: #888; text-align: right; }



/*-------------------------------------------    
	Basket/Checkout
-------------------------------------------*/
#progress { display: none; }

#showBasket { margin: 17px 0 2em 0; border-top: 5px solid #9687bc; padding-top: 1em; padding: 15px; background: #efe8ee; }

#showBasket #col1 { float: left; width: 68%; }
#showBasket #col2 { float: right; width: 30%; }
#showBasket #colMain { float: right; width: 75%; }
#showBasket #colSide { float: left; width: 23%; }

#showBasket input.button { font-size: 1em; }

#showBasket h1 { font-weight: normal; line-height: 1.1em; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; font-size: 1.6em; color: #444; margin: 0 0 .6em 0; }
#showBasket h2 { font-weight: bold; line-height: 1.3em; font-size: 1.1em; color: #444; margin: 1em 0 .5em 0; }
#showBasket h3 { font-weight: bold; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; font-size: 1em; line-height: 1.3em; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; color: #444; margin: 1em 0 .25em 0; }
#showBasket h4 { font-weight: bold; font-size: .85em; line-height: 1.3em; color: #444; margin: 1em 0 0 0; }
#showBasket .first-child,#showBasket .noTopMargin { margin-top: 0 !important; }
#showBasket p { margin: 0 20px 1em 0; font-size: .8em; line-height: 1.3em; color: #444; }
#showBasket ul { margin: 0 0 1em 2em; font-size: .8em; line-height: 1.3em; color: #444; }
#showBasket ul.libLinks { list-style: none; margin-left: 0; color: #888; }
#showBasket ul.libLinks li { background: url(../images/navarrow.gif) 1px 8px no-repeat; padding: 2px 0 2px 12px; }

#showBasket .errorMessage { font-weight: bold; color: #c00; }
#showBasket .error { font-weight: bold; color: #c00; }

#showBasket em { font-size: .85em; font-style: normal; margin-left: 0; color: #666; }
#showBasket a { font-weight: bold; }
#showBasket a:hover { text-decoration: underline; }

#showBasket table.basket { font-size: .85em; background: #fff; margin: 0 0 1em 0; width: 100%; border-left: 1px solid #d9d9ce; border-right: 1px solid #d9d9ce; }
#showBasket table.basket th,#showBasket table.basket td { text-align: left; vertical-align: top; padding: 5px; border-bottom: 1px solid #d9d9ce; color: #444; }
#showBasket table.basket th { border-top: 1px solid #d9d9ce; background: #f5f5ea; color: #444; }
#showBasket table.basket th.item { width: 60%; }
#showBasket table.basket th.price { width: 15%; }
#showBasket table.basket td.total { text-align: right; }
#showBasket table.basket th.options { width: 15%; }

#showBasket table.address { font-size: .85em; margin: 0 0 1em 0; }
#showBasket table.address th,#showBasket table.address td { text-align: left; vertical-align: top; padding: 5px; color: #444; }
#showBasket table.address th { color: #444; text-align: right; width: 150px; }

#showBasket .paymentOption { background: #fff; padding: 15px 15px 10px 15px; border: 1px solid #d9d9ce; margin: 0 0 1em 0; }

/*-------------------------------------------    
	Main
-------------------------------------------*/
#main { width: 75%; float: right; margin: 13px 0 1.5em 0; }

#middle { width: 64%; float: left }
.wide { width: 100% !important; }
.directory { background: #efe8ee; border-top: 5px solid #9687bc; }
.directory .wrapCol { padding: 15px 10px 25px 15px; }

#main a { font-weight: bold; }

#main #breadcrumb { color: #999; font-size: .7em; line-height: 1.3em; margin: 0 0 1.5em 0; }
#main #breadcrumb a { color: #999; }

#main h1 { font-weight: normal; line-height: 1.1em; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; font-size: 1.6em; color: #444; margin: 0 0 .6em 0; }
#main h1 .sub { display: block; font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: normal; font-size: .6em; line-height: 1.3em; font-style: normal; margin: 1em 200px 1em 0; color: #666; }
#main h1.header { height: 150px; background: #efe8ee; border-top: 5px solid #9687bc; padding: 15px 10px 5px 15px; overflow: hidden; }
#main h1.about { background: #efe8ee url(../images/header_about.jpg) no-repeat; }
#main h1.aps { background: #efe8ee url(../images/header_aps.jpg) no-repeat; }
#main h1.aps .sub { margin-right: 290px; }
#main h1.aboutbns { background: #efe8ee url(../images/header_aboutbns.jpg) no-repeat; }
#main h1.aboutbns .sub { margin-right: 290px; }
#main h1.resources { background: #efe8ee url(../images/header_resources.jpg) no-repeat; }
#main h1.training { background: #efe8ee url(../images/header_training.jpg) no-repeat; }
#main h1.consultancy { background: #efe8ee url(../images/header_consultancy1.jpg) no-repeat; }

#middle h2 { font-weight: bold; line-height: 1.3em; font-size: 1.1em; color: #444; margin: 1.5em 0 .5em 0; }
#middle .first-child,#middle .noTopMargin { margin-top: 0 !important; }
#middle .noBottomMargin { margin-bottom: 0 !important; }
#middle h2.intro { font-weight: normal; font-size: 1em; line-height: 1.3em !important; font-style: normal; margin: 0 30px 1em 0; color: #666; }
#middle h3 { font-weight: bold; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; font-size: 1em; line-height: 1.3em; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; color: #444; margin: 1.5em 0 .25em 0; }
#middle h3.first-child { margin-top: .15em !important; }
#middle h4 { font-weight: bold; font-size: .85em; line-height: 1.3em; color: #444; margin: 1em 0 0 0; }
#middle blockquote { margin: 1em 0; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; font-size: 1em; line-height: 1.3em; color: #444; }
#middle blockquote p { font-size: 1em; } 
#middle blockquote em { font-size: .9em; }
#middle p { margin: 0 0 1em 0; font-size: .8em; line-height: 1.3em; color: #444; }
#middle input,#middle select,#middle textarea { font-size: 1em; }
#middle p span.newsdate { text-transform: uppercase; font-size: .75em; color: #888; letter-spacing: .1em; margin-right: .5em; }
#middle p.small { font-size: .7em; }
#middle span.small { font-size: .9em; color: #666; }

#middle p.uc { text-transform: uppercase; }
#middle em.jobtitle { color: #888; margin-left: .2em }

#middle ul { margin: 0 0 1em 0em; font-size: .8em; line-height: 1.3em; color: #444; list-style: none; }
#middle ol { margin: 0 0 1em 2em; font-size: .8em; line-height: 1.3em; color: #444; }
#middle ol ol,#middle ul ol,#middle ol ul { font-size: 1em; }
#middle ol li { margin: .5em 0 0 0; padding: 0; }
#middle ul li { padding: 0 0 0 20px; background: url(../images/bullet.gif) 1px 6px no-repeat; }
#middle p.link,#middle li.link { padding: 0 0 0 12px; background: url(../images/navarrow.gif) 1px 6px no-repeat; }
#middle ul ul { font-size: 1em; }

#middle ul.links { list-style: none; margin-left: 0; }
#middle ul.links li { background: url(../images/navarrow.gif) 1px 8px no-repeat; border-top: 1px solid #ccc; padding: 2px 0 2px 12px; }
#middle ul.noBorder li { border: 0 !important; }

#middle ul.pdfs { list-style: none; margin-left: 0; }
#middle ul.pdfs li { background: url(../images/page_white_acrobat.png) 0px 2px no-repeat; border-top: 1px solid #ccc; padding: 2px 0 2px 22px; }
#middle ul.pdfs li.doc { background: url(../images/page_white_word.png) 0px 2px no-repeat; border-top: 1px solid #ccc; padding: 2px 0 2px 22px; }

#middle ul.libLinks { list-style: none; margin-left: 0; color: #666; }
#middle ul.libLinks li { background: url(../images/navarrow.gif) 1px 8px no-repeat; padding: 2px 0 2px 12px; }
#middle ul.libLinks li.pdf { background: url(../images/pdf.gif) 0px 2px no-repeat; padding: 2px 0 2px 22px; }

#middle ul.links { list-style: none; margin-left: 0; }
#middle ul.links li { background: url(../images/navarrow.gif) 1px 8px no-repeat; border-top: 1px solid #ccc; padding: 2px 0 2px 12px; }
#middle ul.linkSection { list-style: none; margin-left: 0; font-size: .7em; }
#middle ul.linkSection li { padding: 0; background: none; margin: 0 0 1em 0; }
#middle ul.linkSection li a { padding: 4px 8px 5px 10px; background: url(../images/navarrow.gif) 1px 8px no-repeat; }

#middle img.r { float: right; margin: .2em 0 .5em 1em; }

#mapSearch { float: right; margin: 0 15px 15px 0; }


.box { margin: 2em 0px; padding: 8px; border: 1px solid #FCF6F2; }
#middle .box h3 { margin-top: 0; font-size: 1em }
#middle .box ul { margin-bottom: 0; }
#middle .box p { margin-bottom: .5em; }
.white { background: #fff; border-left: 5px solid #ccc }

.cols {  }
.colMain { width: 64%; padding-right: 4%; float: left; }
.col2 { width: 49%; float: left; }
#middle .col2 h2 { font-size: 1.1em; }
#middle .left h2,#middle .left h3,#middle .left p,#middle .left ul { margin-right: 5px; }
#middle .right h2,#middle .right h3,#middle .right p,#middle .right ul { margin-left: 5px; }

#middle .project { border: 1px solid #F2D9C9; margin: 1em 0; overflow: hidden; } 
#middle .project .pName { border-bottom: 1px solid #F2D9C9; background: #F9DFCD; padding: .25em .5em; }
#middle .diraps .pName { padding: .5em; background: #f9dfcd url(../images/aps_directory.gif) 100% 50% no-repeat; }
#middle .dirqib .pName { padding: 1em .5em; background: #f9dfcd url(../images/QiBa_directory.jpg) 100% 50% no-repeat; }
#middle .dirqib-exc .pName { padding: 1em .5em; background: #f9dfcd url(../images/QiBe_directory.jpg) 100% 50% no-repeat; }
#middle .project .pName h2 { margin: 0; font-size: .8em; font-family: 'Helvetica Neue', Arial, sans-serif; }
#middle .project .pContact p,#middle .project .pAbout p { margin: 0 0 .5em 0; font-size: .8em; }
#middle .project .pName .pLinks { float: right; font-size: .7em; margin-top: .25em; }
#middle .project .pContact { width: 34%; }
#middle .project .pAbout { width: 65%; float: right; }
#middle .project .pCol { padding: .5em .5em .1em .5em; }
#middle .project .pContact .pCol { border-right: 1px solid #F2D9C9; }

#middle .project ul.links { margin-bottom: .5em; }
#middle .project ul.links li { border: 0; padding: 0 0 0 12px; background: url(../images/navarrow.gif) 1px 5px no-repeat; }

#middle .pubItem a.button { padding: 4px 5px 5px 5px; margin: 0 0 0 0; background: #663366; color: #fff; }

#middle .libItem { border-top: 1px dashed #F2D9C9; padding: 10px 0; min-height: 63px; }
#middle .libItem h3 { margin-top: 0; }
#middle .libItem p { margin-bottom: 0; }
#middle .libItem .download { width: 120px; float: right; background: #F2D9C9; padding: .5em; margin: 0 0 0 1em; }
#middle .libItem .download p { text-align: center; }
#middle .libItem a.button { padding: 3px 0 4px 0; margin: 0 auto .25em auto; width: 90px; display: block; background: #663366; color: #fff; }
#middle .libItem .membership { width: 120px; float: right; background: #F2D9C9; padding: .5em; margin: 0 0 0 1em; }
#middle .libItem .membership p { text-align: center; }

#middle .eventItem { border-top: 1px dashed #F2D9C9; padding: 10px 0; min-height: 60px; }
#middle .eventItem h3 { margin-top: 0; }
#middle .eventItem p { margin-bottom: 0; }
#middle .eventItem p.date { margin-bottom: 0; }
#middle .eventItem p.venue { margin-bottom: 0; font-size: .7em; }
#middle .eventItem .download { width: 120px; float: right; background: #F2D9C9; padding: .5em; margin: 0 0 0 1em; }
#middle .eventItem .download p { text-align: center; }
#middle .eventItem a.button { padding: 3px 0 4px 0; margin: 0 auto .25em auto; width: 90px; display: block; background: #663366; color: #fff; }
#middle .eventItem .membership { width: 120px; float: right; background: #F2D9C9; padding: .5em; margin: 0 0 0 1em; }
#middle .eventItem .membership p { text-align: center; }

#middle .eventSchedule { margin: .25em 0 1em 0; width: 100%; border-collapse: collapse; font-size: .8em; }
#middle .eventSchedule th,#middle .eventSchedule td { vertical-align: top; text-align: left; padding: .25em .5em .25em 0; color: #444; }
#middle .eventSchedule td { border-top: 1px solid #F2D9C9; padding-left: .25em; }
#middle .eventSchedule .date { width: 60px; }
#middle .eventSchedule .past td { background: #ecede8; }

#middle .eventSchedule tr.vitalskillsinbefriendingRow td { background: #ffece0; }
#middle .eventSchedule tr.complementaryskillsRow td { background: #ffe5c7; }
#middle .eventSchedule tr.commongroundmeetingsRow td { background: #ffe0e8; }
#middle .eventSchedule tr.annualconferenceRow td { background: #fff; }
#middle .eventSchedule tr.developingtheleaderRow td { background: #e9e0ff; }
#middle .eventSchedule tr.actionlearningsetRow td { background: #ecffe0; }

#middle select option.vitalskillsinbefriending { background: #ffece0; }
#middle select option.complementaryskills { background: #ffe5c7; }
#middle select option.commongroundmeetings { background: #ffe0e8; }
#middle select option.annualconference { background: #fff; }
#middle select option.developingtheleader { background: #e9e0ff; }
#middle select option.actionlearningset { background: #ecffe0; }

#middle .eventSummary { margin: .5em 0 1em 0; }
#middle .eventSummary table { border-collapse: collapse; font-size: .8em; }
#middle .eventSummary th,#middle .eventSummary td { vertical-align: top; border-top: 1px solid #F2D9C9; text-align: left; padding: .25em .5em .25em 0; color: #444; }
#middle .eventSummary th { width: 90px; text-align: left; }

#middle .eventReview { margin: .5em 0 1em 0; }
#middle .eventReview table { border-collapse: collapse; font-size: .8em; margin: .5em 0 1em 0; width: 100%; }
#middle .eventReview th,#middle .eventReview td { vertical-align: top; border-top: 1px solid #F2D9C9; text-align: left; padding: .25em .5em .25em 0; color: #444; }
#middle .eventReview th { width: 90px; text-align: left; }

#middle .eventForm { border: 2px solid #F2D9C9; padding: 15px; margin: 1em 0; }
#middle .eventForm table { border-collapse: collapse; font-size: .8em; }
#middle .eventForm th,#middle .eventForm td { vertical-align: top; text-align: left; padding: .5em .5em .5em 0; color: #444; }
#middle .eventForm th { width: 120px; text-align: left; }
#middle .errorMessage { font-weight: bold; color: #c00; }

#middle .casesTable { margin: .25em 0 1em 0; width: 100%; border-collapse: collapse; font-size: .8em; }
#middle .casesTable th,#middle .casesTable td { vertical-align: top; text-align: left; padding: .25em .5em .25em 0; color: #444; }
#middle .casesTable td { border-top: 1px solid #F2D9C9; }
#middle .casesTable .date { width: 60px; padding-top: .3em }
#middle .casesTable h3 { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 1em; margin: 0; }
#middle .casesTable ul { font-size: 1em; margin-top: 0; }

#middle .memberForm { margin: 0 0 1em 0; width: 100%; border-collapse: collapse; font-size: .8em; }
#middle .memberForm th,#middle .memberForm td { vertical-align: top; text-align: left; padding: .5em .5em .3em 0; color: #444; }
#middle .memberForm td input { margin-bottom: .2em; }
#middle .memberForm th em { font-size: .9em; color: #666; font-weight: normal; }
#middle .memberForm td em { font-size: .9em; color: #666; }
#middle .memberForm th { width: 80px; }

#middle .aps { margin: .25em 0 1em 0; width: 100%; border-collapse: collapse; font-size: .8em; }
#middle .aps th,#middle .aps td { vertical-align: top; text-align: left; padding: .25em 1em .25em 0; color: #444; }
#middle .aps td { border-top: 1px solid #F2D9C9; }
#middle .aps .date { width: 90px; }
#middle .aps td.date { color: #666; padding-right: .5em; }

#middle table.credit-rating { margin: .25em 0 1em 0; width: 100%; border-collapse: collapse; font-size: .8em; }
#middle .credit-rating th,#middle .credit-rating td { vertical-align: top; text-align: left; padding: .25em 1em .25em 0; color: #444; }
#middle .credit-rating td { border-top: 1px solid #F2D9C9; }

#middle h2 em.editprofile { font-style: normal; margin-left: .5em; font-size: .7em; }
#middle h2 em.editprofile a { padding: 3px 5px; background: #505058; color: #fff; }
#middle .profile { width: 100%; margin: .5em 0; border-collapse: collapse; font-size: .8em; line-height: 1.3em; border: 1px solid #F2D9C9; }
#middle .profile th,#middle .profile td { vertical-align: top; text-align: left; padding: .4em 1em .4em .5em; color: #444; border-top: 1px solid #F2D9C9; background: #fff; }
#middle .profile th { width: 120px; text-align: left; font-weight: normal; }

#middle .hilite { background: #F9DFCD; padding: .25em .5em .3em .5em; }

#middle .login { margin: 1em 0; }
#middle .login th,#middle .login td { text-align: left; vertical-align: top; font-size: .8em; padding: .25em .5em .25em 0; } 

#searchBox { background: #efe8ee; border-top: 5px solid #9687bc; padding: 6px 10px 8px 15px; margin: 1em 0 1.5em 0; }
#searchBox p { font-size: .85em; line-height: 1.3em; text-align: center; }
#searchResults { margin: 1em 0; }

/*-------------------------------------------    
	Right
-------------------------------------------*/
#right { float: right; width: 32%; margin: 0 0 0 0; }
#right a { font-weight: bold; }

#right .box { background: #efe8ee; border-top: 5px solid #9687bc; padding: 6px 10px 8px 10px; margin: 0 0 9px 0; }
#right .forumbanner { background: #efe8ee url(../images/forumbannerbg1.gif) top right no-repeat; }
#right h2 { font-size: .6em; line-height: 1.3em; text-transform: uppercase; }
#right h2.alt { font-weight: bold; text-transform: none; line-height: 1.3em; font-size: .9em; margin: 0; }
#right h3 { font-size: .7em; line-height: 1.3em; }
#right p { font-size: .7em; line-height: 1.3em; }
#right p.date { margin: 0 0 .5em 0; }

#right .logo { background: #fff; border: 1px solid #e5e5e1; text-align: center; padding: 15px 0; }

#right h2 { margin: .25em 0 .5em 0; font-style: normal; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: .6em; text-transform: uppercase; color: #666; }
#right p { font-size: .7em; }
#right ul { font-size: .7em; list-style: none; margin: 0 0 1em 0; }
#right li { border-top: 1px solid #dad1d0; padding: .5em 0 .5em 11px; background: url(../images/navarrow.gif) 2px .8em no-repeat; }
#right div.quote { margin: 1.5em 0; }
#right div.quote blockquote { font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman', serif; font-size: 1.05em; line-height: 1.1em; color: #888; font-style: italic; margin-bottom: .15em; }
#right div.quote p { color: #888; }

#right input { margin-bottom: .5em; }
#right input.button { padding: .25em .5em; border: 1px solid #e5dfe4; color: #fff; background: #505058; font-size: 1em }
/* #right .signup { background: #efe8ee url(../images/right_woman1.gif) 90% 0 no-repeat; } 
#right .signup p { margin-right: 75px; }*/

#right .membership { background: #efe8ee url(../images/boxbg_membership.gif) no-repeat; }

/*-------------------------------------------    
	Home
-------------------------------------------*/
#wrapHome { }
#headerHome { width: 778px; margin: 0 auto; height: 85px; }
#nav1Home { width: 778px; margin: 0 auto; clear: left; background: #F9D FCD; height: 29px; border-bottom: 1px solid #F2D 9C9; }
#nav1Home #nav1 { margin: 0 2%; }
#nav1Home #nav1 .search { margin: 0 0 0 0; background:Ê#333; }
#nav1Home a { border: 0; }

#homeBannerWrap { margin: 0 0 10px 0; clear: left; background: #dce0ce; height: 270px; padding: 10px 0 0 0; text-align: center; }
#homeBanner { width: 760px; height: 270px; margin: 0 auto; background: #c6ccb1; }
#homeBannerContent { padding-left: 320px; text-align: left; }
#homeBanner h1 { text-align: left; font-size: 1.2em; line-height: 1.2em; font-family: Palatino, 'Palatino Linotype', Georgia, 'Times New Roman'; font-weight: normal; color: #e2eac4; padding: 40px 0 20px 0; width: 370px; }

#homeBanner .homeboxes { text-align: left; margin: 0 0 0 0; }
#homeBanner .homebox { width: 180px; float: left; margin: 0; padding: 0; }
#homeBanner .l { border-right: 1px solid #94a261; width: 230px; margin-right: 20px; }
#homeBanner .map { background: url(../images/maphome.gif) 0px 7px no-repeat; width: 155px; padding-left: 43px; }
#homeBanner .join { background: url(../images/join.gif) 0px 7px no-repeat; width: 155px; padding-left: 43px; }
#homeBanner h3 { text-align: left; font-size: .75em; color: #e2eac4; }
#homeBanner ul { text-align: left; font-size: .8em; line-height: 1.3em; list-style: none; color: #fff; padding: 0 0 0 0; }
#homeBanner ul.small { font-size: .7em; }
#homeBanner li { margin: 0 !important; padding: 0; }
#homeBanner p { text-align: left; font-size: .7em; color: #fff; }
#homeBanner a { color: #fcfff2; }
#homeBanner li a { color: #fcfff2; padding: 0 0 0 10px; background: url(../images/navarrow_home.gif) 0 5px no-repeat; }
#homeBanner ul.small li a { color: #fcfff2; padding: 0 0 0 8px; background: url(../images/navarrow_home_small.gif) 0 3px no-repeat; }

#homeCols { width: 760px; margin: 0 auto; height: 140px; visibility: visible; background: #fff7f2; padding: 10px 0 0 0; }
#homeCols a { font-weight: bold; }
#homeCols ul.link { margin-top: 1.25em; font-size: .7em; line-height: 1.3em; }
#homeCols ul.link li { background: 0; padding: 0; } 
#homeCols ul.link li a { padding: 4px 8px 4px 15px; background: #efe8ee url(../images/navarrow.gif) 6px 8px no-repeat; font-weight: bold; }

#col1 { width: 25%; float: left; }
#col2 { width: 25%; float: left; }
#col3 { width: 25%; float: left; }
#col4 { width: 25%; float: left; }

#col1 .directory { background: #efeff4; padding: 8px 10px 10px 20px; }
#col1 .directory .map { float: right; }
#col3 .training { background: #efe8ee; padding: 10px 10px 15px 10px; border-top: 5px solid #9687bc; }
#col2 .resources { background: #efe8ee; padding: 10px 10px 15px 10px; border-top: 5px solid #fbb16d; }
#col1 .consultancy { background: #efe8ee; padding: 10px 10px 15px 10px; border-top: 5px solid #5e9634; }
#col4 .standards { background: #efe8ee; padding: 10px 10px 15px 8px; border-top: 5px solid #a5c985; }

#col1 .col { margin: 0 5px 0 0; height: 85px; }
#col2 .col { margin: 0 5px 0 5px; height: 85px; }
#col3 .col { margin: 0 5px 0 5px; height: 85px; }
#col4 .col { margin: 0 0 0 5px; height: 85px; }

.col h2 { text-align: left; display: none; font-size: .6em; line-height: 1.3em; text-transform: uppercase; }
.col h3 { text-align: left; font-size: .9em; line-height: 1.3em; }
.col p { text-align: left; font-size: .8em; line-height: 1.3em; }
.col ul { text-align: left; font-size: .7em; line-height: 1.3em; list-style: none; margin: .25em 0 0 0; }
.col li { padding: 0 0 0 8px; background: url(../images/navarrow.gif) 0 5px no-repeat; }

/* --------------------------------------------------------------------------
	Login
-------------------------------------------------------------------------- */

body.login { background-image: none; }
#loginWrap #loginLogo { width: 245px; margin: 60px auto 30px auto; float: none; padding: 0; }
#login { background: #fff; width: 250px; margin: 20px auto 0 auto; padding: 20px 20px 12px 20px; border: 8px solid #c6ccb1; text-align: left; }
#login h1 { margin: 0; color: #444; font-size: 1.2em; line-height: 1.2em; margin: 0 0 .75em 0; text-align: left; }
#login h2 { font-weight: bold; font-size: .85em; line-height: 1.3em; color: #444; margin: .5em 0 0 0; }
#login #stage { width: 100%; }
#login #stage p { margin: 0 0 1em 0; font-size: .8em; line-height: 1.2em; }
#login #stage ul { margin: 0 0 1em 0; font-size: .8em; line-height: 1.2em; }
#login #stage ul.links { list-style: none; margin-left: 0; }
#login #stage ul.links li { background: url(../images/navarrow.gif) 1px 5px no-repeat; padding: 0 0 0 12px; margin: 0 0 .25em 0; }
#login #stage ul.links li.libasket { background: url(../images/basket.gif) 0px 0 no-repeat; padding: .25em 0 1em 25px; }
#login #stage ul.noBorder li { border: 0 !important; }
#login input.button { font-size: 1em; }

#login .hilite { background: #F9DFCD; padding: .25em .5em; }

#login a { font-weight: bold; }
#login #stage form { }
#loginfooter { width: 400px; margin: 10px auto; text-align: center; }
#loginfooter p { color: #444; font-size: .8em; }
#loginfooter a { font-weight: bold; text-decoration: underline; }

/*-------------------------------------------    
	Footer
-------------------------------------------*/
#footerHome { width: 760px; margin: 0 auto; }
#footerHome #footer { padding-left: 0; }
#footer { width: 760px; margin: 0 auto; clear: left; padding: 10px 0 1em 0; background: #3 32E2B; border-top: 1px solid #dce0ce }
#footerHome #footer { padding-left: 0; }
#footer p { text-align: left; color: #888; line-height: 1.3em; margin: 0 0 1em 0; padding-top: 0; }
#footer p.small { font-size: .7em; }
#footer a { color: #888; }
#lottery { float: left; width: 75px; margin: 0 1em 0 2px; }
#dkdoLogo { width: 30px; float: right; margin: 3px 2px 0 1em; }