@charset "iso-8859-1";



/*** Navigation style sheet rdj ***/







/* netscape6 bug killer */







.netscape6 {margin:auto}







/*** main body margin control ***/







body {



background: #fff;



font: 100% verdana, arial, helvetica, sans-serif;



margin: 0;



padding: 0;	



}







#body {



width:47em



}







#main input, #main select {font-size:1em} /* reduces form text input and select elements */



a:link, a:visited, a:active {text-decoration: none}



a:hover {text-decoration: underline}



img {border:0}



acronym {border-bottom:0; cursor:help; font-style: normal}



a acronym {cursor:pointer}



.clear {clear:both; font-size:0.01em}



.clear-thin {clear:both; font-size: 0.3em}



.clear-noimg {clear:both}



.neg-mar {margin-top:-10px}



.normal {font-color: #333; font-weight: normal}



.bullet {font-size: 0.7em; line-height:120%}











#header img {width: 144px; height: 63px; margin-left: 10px}



#site-search {float: right; width: 34em}



#site-search form {float: right; width:24em; margin-top:18px}



#header img.sponsor {width: 134px; height: 56px; float:right; padding-top: 7px; margin-left:0}



#header label {font-size:0.7em; font-weight:bold}







/*** navigation ***/







#nav {width:50em; overflow:visible}







#nav ul {



font-weight: bold; 



list-style: none; 



padding: 0;



margin: 0;



}







#nav li {



font-size: 0.8em; 



float: left;



display: block;



line-height: 120%



}







#nav li a



{



float: left; text-decoration: none; border-style: solid; border-width: 0 0 0 0.1em; padding: 0.2em 0.7em 5px 0.36em; display: block; margin-right:5px



}







/* Commented backslash hack hides rule from IE5-Mac &*/



#nav li a



{



float: none



}



/* End IE5-Mac hack */







#nav li a:hover



{



text-decoration: none



}











/*** 1. sex & relationships ***/



/** unselected and rollover **/







.nav-sex a:link, .nav-sex a:visited {



margin-left:11px; 



border-color: #fff; color: #e8690c



}



.nav-sex a:hover {border-color: #fff; color: #7d3601;}







/** selected **/







#sex .nav-sex a:link, #sex .nav-sex a:visited, #sex .nav-sex a:hover {



background: #e8690c; 



color: #fff; 



border-color: #e8690c;



}











/*** 2. health & wellbeing ***/



/** unselected and rollover **/







.nav-hea a:link, .nav-hea a:visited {color: #390}



.nav-hea a:hover {color: #333; border-color: #390;}







/** selected **/







#hea .nav-hea a:link, #hea .nav-hea a:visited, #hea .nav-hea a:hover {



background: #390; 



color: #fff;



border-color: #390; 



}











/*** 3. drink & drugs ***/



/** unselected and rollover **/







.nav-dri a:link, .nav-dri a:visited {color: #2691d3}



.nav-dri a:hover {color: #00354f; border-color: #2691d3;}







/** selected **/







#dri .nav-dri a:link, #dri .nav-dri a:visited, #dri .nav-dri a:hover {



background: #2691d3; 



color: #fff;



border-color: #2691d3;



}











/*** 4. home, law & money ***/



/** unselected and rollover **/







.nav-hom a:link, .nav-hom a:visited {color: #9e48c9;}



.nav-hom a:hover {color: #370053; border-color: #9e48c9;}







/** selected **/







#hom .nav-hom a:link, #hom .nav-hom a:visited, #hom .nav-hom a:hover {



background: #9e48c9; 



color: #fff;



border-color: #9e48c9; 



}











/*** 5. work & study ***/



/** unselected and rollover **/







.nav-wor a:link, .nav-wor a:visited {color: #baa601;}



.nav-wor a:hover {color: #2d3800; border-color: #baa601;}







/** selected **/







#wor .nav-wor a:link, #wor .nav-wor a:visited, #wor .nav-wor a:hover {



background: #baa601; 



color: #fff;



border-color: #baa601; 



}











/*** 6. travel & free time ***/



/** unselected and rollover **/







.nav-tra a:link, .nav-tra a:visited {color: #fc4518;}



.nav-tra a:hover {color: #661500; border-color: #fc4518;}







/** selected **/







#tra .nav-tra a:link, #tra .nav-tra a:visited, #tra .nav-tra a:hover {



background: #fc4518; 



color: #fff;



border-color: #fc4518; 



}











/*** 7. community & news ***/



/** unselected and rollover **/







.nav-com a:link, .nav-com a:visited {color: #7f7662;}



.nav-com a:hover {color: #232323; border-color: #7f7662;}







/** selected **/







#com .nav-com a:link, #com .nav-com a:visited, #com .nav-com a:hover {



background: #7f7662; 



color: #fff;



border-color: #7f7662; 



}







/*** 8. all about us ***/



/** unselected and rollover **/







.nav-abo a:link, .nav-abo a:visited {color: #d93c65}



.nav-abo a:hover {color: #8a1132; border-color: #d93c65;}







/** selected **/







#abo .nav-abo a:link, #abo .nav-abo a:visited, #abo .nav-abo a:hover {



background: #d93c65; 



color: #fff;



border-color: #d93c65; padding-right:1em; 



}











/** sub navigation **/







.nav-sex ul {background: #ffd791}



.nav-hea ul {background: #d1efc8}



.nav-dri ul {background: #bfeaff}



.nav-hom ul {background: #e0c4ed}



.nav-wor ul {background: #efe7a5}



.nav-tra ul {background: #ffb19d}



.nav-com ul {background: #e2e1cf}



.nav-abo ul {background: #ffb0c5}







#nav ul ul {position:absolute; left:0; top:63px; margin: 2.9em 0 0 11px !important; margin-top:3.3em; width:58.05em; font-weight:normal}



#nav ul ul li {font-size:0.85em}



#nav ul ul li a:link, #nav ul ul li a:visited, #nav ul ul li a:hover {margin: 0; padding: 2px 7px; border: none; color: #fff}



#nav ul ul li a:hover {text-decoration: underline}



#nav ul ul li a:link.subnav, #nav ul ul li a:visited.subnav, #nav ul ul li a:hover.subnav, #nav ul ul li a:active.subnav  {background: none}







#sex #nav ul ul li a:link.subnav, #sex #nav ul ul li a:visited.subnav, #sex #nav ul ul li a:hover.subnav, #sex #nav ul ul li a:active.subnav {color: #7d3601}



#hea #nav ul ul li a:link.subnav, #hea #nav ul ul li a:visited.subnav, #hea #nav ul ul li a:hover.subnav, #hea #nav ul ul li a:active.subnav {color: #390}



#dri #nav ul ul li a:link.subnav, #dri #nav ul ul li a:visited.subnav, #dri #nav ul ul li a:hover.subnav, #dri #nav ul ul li a:active.subnav {color: #2691d3}



#hom #nav ul ul li a:link.subnav, #hom #nav ul ul li a:visited.subnav, #hom #nav ul ul li a:hover.subnav, #hom #nav ul ul li a:active.subnav {color: #9e48c9}



#wor #nav ul ul li a:link.subnav, #wor #nav ul ul li a:visited.subnav, #wor #nav ul ul li a:hover.subnav, #wor #nav ul ul li a:active.subnav {color: #baa601}



#tra #nav ul ul li a:link.subnav, #tra #nav ul ul li a:visited.subnav, #tra #nav ul ul li a:hover.subnav, #tra #nav ul ul li a:active.subnav {color: #fc4518}



#com #nav ul ul li a:link.subnav, #com #nav ul ul li a:visited.subnav, #com #nav ul ul li a:hover.subnav, #com #nav ul ul li a:active.subnav {color: #232323;}



#abo #nav ul ul li a:link.subnav, #abo #nav ul ul li a:visited.subnav, #abo #nav ul ul li a:hover.subnav, #abo #nav ul ul li a:active.subnav {color: #d93c65}







/** navigation breadcrumb trail **/







#breadcrumb {font-size: 0.65em; color: #333;  padding: 1.4em 0 0 0.3em; margin: 1em 0 10px 10px;}/* padding top changed */



#breadcrumb-adj {font-size: 0.65em; color: #333;  padding: 0.25em 0 0 0.3em; margin: 0 0 10px 10px}



#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active, #breadcrumb-adj a:link, #breadcrumb-adj a:visited, #breadcrumb-adj a:hover, #breadcrumb-adj a:active {color: #7f7662}







/* main content */



.hide {position: absolute; left: -2000px; top: -2000px;}







#holder {width:36em; float:right;}



#main {width:24em; float:left;}



#boltons {width:12em; float:right}



#links {width:10.5em; float:left}



#links .pad {margin-left:10px}



#main .pad {padding:0 0.35em 0 0.7em;}







.no-left #main {width:35em;}



.no-right #main {width:36em; float:right; margin-top: -40px !important; margin-top: -16px;}



.full #main {width:36em; float:right; margin-top: -40px !important; margin-top: -0;}







.article {width:22em; float:left;}



.article2 {width:23em; float:left;}



.article-noright {margin-top: -36px !important; margin-top: -12px}







.article-left {width:11em; float:left; clear:both}



.article-right {width:11em; float:right}



.article-left2 {width:10.8em; float:left}



.article-left2 div {font-size: 0.8em; border: 1px solid #7f7662;} /*for plain text*/



.article-right2 {width:10.8em; float:right}



.column-left {width:17em !important; width:16.5em; margin-top: -12px; float:left; clear:both}



.column-right {width:17em; margin-top: -12px;  float:right}







/* for right column article snippets req trunc. */







#article-rightcolumn {width:12em; float:right; margin: -10px 0 0 0}



#article-rightcolumn p {font-size: 0.7em; margin:0 0 10px}



#article-rightcolumn p a {color: #fff; padding: 2px 3px 3px 3px}



#article-rightcolumn .big {padding: 0; margin-top: 0}







#article-rightcolumn .rc-sex .big, #article-rightcolumn .rc-sex .subtitle {color: #e8690c}



#article-rightcolumn .rc-sex p a {background: #e8690c}



#article-rightcolumn .rc-hea .big, #article-rightcolumn .rc-hea .subtitle {color: #390}



#article-rightcolumn .rc-hea p a {background: #390}



#article-rightcolumn .rc-dri .big, #article-rightcolumn .rc-dri .subtitle {color: #2691d3}



#article-rightcolumn .rc-dri p a {background: #2691d3}



#article-rightcolumn .rc-hom .big, #article-rightcolumn .rc-hom .subtitle {color: #9e48c9}



#article-rightcolumn .rc-hom p a {background: #9e48c9}



#article-rightcolumn .rc-wor .big, #article-rightcolumn .rc-wor .subtitle {color: #baa601}



#article-rightcolumn .rc-wor p a {background: #baa601}



#article-rightcolumn .rc-tra .big, #article-rightcolumn .rc-tra .subtitle {color: #fc4518}



#article-rightcolumn .rc-tra p a {background: #fc4518}



#article-rightcolumn .rc-com .big, #article-rightcolumn .rc-com .subtitle {color: #7f7662}



#article-rightcolumn .rc-com p a {background: #7f7662}



#article-rightcolumn .rc-abo .big, #article-rightcolumn .rc-abo .subtitle {color: #d93c65}



#article-rightcolumn .rc-abo p a {background: #d93c65}







/* boxes */







.boxes li {font-weight:normal}



.boxes li a {font-weight:bold}







.top-m {margin-top:10px}



.top-m2px {margin-top:2px}







/* non-specific font styles */







#main p {font-size: 0.7em}



#main p.no-m, #article-rightcolumn p.no-m {margin-top:0}



#main p.no-mb, #article-rightcolumn p.no-mb {margin-bottom:0}



#main p.leader {color:#333; font-size:0.8em; margin-bottom:2px; font-weight:bold}



#boxes h3 {color:#333; font-size:0.8em;}







h1 {font-size:1.3em; font-weight:normal; clear:both; margin:0}



h1.ex-m {margin-top:3.5em !important; margin:1.3em 0 0}



h1.ex-m2 {margin-top:1.6em !important; margin:0.7em 0 0}



h2 {font-size:0.8em; margin-bottom:0; padding-top:10px}



h2.big {font-size:1.3em; font-weight:normal; clear:both}



h4 {color:#333; font-size:0.8em; display: inline;}



h5 {font-size: 0.8em; font-weight: normal; display: inline;}



h6 {font-size: 1.1em; font-weight: normal; display: inline;}



blockquote {font-size:1.1em;}



hr {width: 90%; height:1px; color:#333;}



.bullets {width: 11em; float: left;}



.bullets li {font-size:0.7em; list-style: none; margin-left: -24px;}







#links h4 {color: #333; font-size: 1em; display: block; margin:0}



#links p {margin:0 0 0.5em}



#links h3 a:link, #links h3 a:visited, #links h3 a:hover, #links h3 a:active, #body #main .boxes h2 a:link, #body #main .boxes h2 a:visited, #body #main .boxes h2 a:hover, #body #main .boxes h2 a:active, #body #main .boxes h3 a:link, #body #main .boxes h3 a:visited, #body #main .boxes h3 a:hover, #body #main .boxes h3 a:active, #body #main .shadedbox h2 a:link, #body #main .shadedbox h2 a:visited, #body #main .shadedbox h2 a:hover, #body #main .shadedbox h2 a:active {color:#fff}



/* added by DJ for careers template */

#body #main .shadedbox2 h2 a:link, #body #main .shadedbox2 h2 a:visited, #body #main .shadedbox2 h2 a:hover, #body #main .shadedbox2 h2 a:active, .shadedbox2 a:hover {color:#fff}





.boxes h2 {font-size:0.8em; color:#fff; padding: 3px 5px 3px 5px; display:inline}



#links h3 {font-size:0.8em; color:#fff; padding: 3px 5px 3px 5px; display:inline}



#links ul, #links .links, .boxes ul, .boxes p  {margin:0; font-size: 0.7em; border: 1px solid; padding:5px; margin:3px 0 8px 0; list-style: none}



#links li, .boxes li {line-height:120%}



#links blockquote {margin:250px 0 0}







/* three-column page */







.sectionhp-row {width:35em; margin-top: -4px !important; margin-top: -12px; float:left} /*note -12px */



.sectionhp-row div {width: 11.2em; float: left}



.sectionhp-row div.sectionhp-start {margin-left:6px}



.sectionhp-row div.article-left2 {width: 10.75em; margin-right:0.5em;}



#com .sectionhp-row div.article-left3 {width: 10.75em; margin-right:0.5em; background: #e2e1cf}







/* bullet point style */







#sex .bullets-holder {width: 100%; clear: both; background: #ffd791; margin-top: 20px !important; margin-top: 0px;}



#hea .bullets-holder {width: 100%; clear: both; background: #d1efc8; margin-top: 20px !important; margin-top: 0px;}



#dri .bullets-holder {width: 100%; clear: both; background: #bfeaff; margin-top: 20px !important; margin-top: 0px;}



#hom .bullets-holder {width: 100%; clear: both; background: #e0c4ed; margin-top: 20px !important; margin-top: 0px;}



#wor .bullets-holder {width: 100%; clear: both; background: #efe7a5; margin-top: 20px !important; margin-top: 0px;}



#tra .bullets-holder {width: 100%; clear: both; background: #ffb19d; margin-top: 20px !important; margin-top: 0px;}



#com .bullets-holder {width: 100%; clear: both; background: #e2e1cf; margin-top: 20px !important; margin-top: 0px;}



#abo .bullets-holder {width: 100%; clear: both; background: #ffb0c5; margin-top: 20px !important; margin-top: 0px;}







#sex .bullets h2, #hea .bullets h2, #dri .bullets h2, #hom .bullets h2, #wor .bullets h2, #tra .bullets h2, #com .bullets h2, #abo .bullets h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}







/* global cross-site links */







#links .questions {padding-bottom: 0px;} /*provides spacing for questions on left-link panel, if necessary */



#links li {color: #333; font-weight: bold} /*bold #333 text for unlinked text */







#links li a.sex:link, #links li a.sex:visited, #links li a.sex:hover, #links li a.sex:active {color:#e8690c}



#links li a.hea:link, #links li a.hea:visited, #links li a.hea:hover, #links li a.hea:active {color:#390}



#links li a.dri:link, #links li a.dri:visited, #links li a.dri:hover, #links li a.dri:active {color:#2691d3}



#links li a.hom:link, #links li a.hom:visited, #links li a.hom:hover, #links li a.hom:active {color:#9e48c9}



#links li a.wor:link, #links li a.wor:visited, #links li a.wor:hover, #links li a.wor:active {color:#baa601}



#links li a.tra:link, #links li a.tra:visited, #links li a.tra:hover, #links li a.tra:active {color:#fc4518}



#links li a.com:link, #links li a.com:visited, #links li a.com:hover, #links li a.com:active {color:#7f7662}



#links li a.abo:link, #links li a.abo:visited, #links li a.abo:hover, #links li a.abo:active {color:#d93c65}



#links a {font-weight:bold}







/* Generic box and button settings */







.boxbutton {font-size: 0.7em; margin-top:5px}



.bot-m {padding-bottom:5px}







/** images for reports, diaries + articles **/







.image-right {float:right; width:160px; margin: 0 0 5px 5px}



.image-left {float:left; width: 160px; margin: 0 5px 5px 0}




.image-right p, .image-left p {margin:0; font-weight:bold}



.image-right img, .image-left img {display:block}







/** base navigation **/







#basenav {background: #e2e1cf; clear:both; margin: 10px 0 10px 10px} /*amended for new base strip */







#basenav ul {



list-style: none; 



margin: 0;



padding: 2px 0 4px; 



text-align:center



}







#basenav li {



display: inline;



font-size: 0.7em}







#basenav li a {padding: 4px}



#basenav li a:link, #basenav li a:visited {color: #232323}



#basenav .select-basenav {font-weight: bold; color: #7f7662}



#basenav .subnav {border-top:1px #fff solid}







/** copyright & toc **/







.subpage {padding: 10px 0 10px 0; width:47em; text-align:center}







/**** area-specific settings - colours, backgrounds etc. ****/







/* 1a. sex and relationships area-specific settings */







#sex #main a:link, #sex #main a:visited, #sex #main a:hover, #sex #main a:active, #sex #breadcrumb a:link, #sex #breadcrumb a:visited, #sex #breadcrumb a:hover, #sex #breadcrumb a:active, #sex #breadcrumb-adj a:link, #sex #breadcrumb-adj a:visited, #sex #breadcrumb-adj a:hover, #sex #breadcrumb-adj a:active, #sex .links a:link, #sex .links a:visited, #sex .links a:hover, #sex .links a:active, #sex h1, #sex h2, #sex h5, #sex h6, #sex blockquote, #sex .image-right, #sex .image-left, #sex .byline {color:#e8690c}







#sex .byline {font-weight: bold}



#sex .bullets h2, #sex #links h3, #sex .boxes h2 {background:#e8690c}



#sex .bullets {background:#ffd791; border-top:3px solid #ffd791; color:#7d3601}



#sex p.subtitle {color:#e8690c; font-size:0.8em; margin-bottom:2px}



#sex .boxes ul, #sex #links ul, #sex #links p, #sex #links div.links {border-color:#e8690c}







/* 1b. sex and relationships area-specific sectional box styles */







.sex-articleheader {background: url(/newsite/images/homepage/travel.jpg) no-repeat; height: 50px;}



.sex-articletitle {font-size: 0.8em; background: #ffd791; padding: 0.5em;}



.sex-articleleader {font-size: 0.7em; border: 1px solid #ffd791; padding: 0.5em; margin-bottom: 10px;}



.sex-articleheader-noimage {background: #ffd791; height: 20px;}







#sex h3 {font-size: 0.8em; margin:0}



#sex h3 a {color:#fff; background: #e8690c; font-weight: bold}



#sex h4 {color:#333; font-size: 1em; margin:0; display:block}



#sex h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding: 0;  } /* note -3px */



#sex h3.item1 a {color:#fff; background: #e8690c; font-weight: bold; padding: 3px}







.sex-boxheader a:link, .sex-boxheader a:visited {color: #ffffff; text-decoration: none}



.sex-boxheader a:hover {text-decoration: underline;}







#sex #main .boxbutton a:link, #sex #main .boxbutton a:visited, #sex #main .boxbutton a:hover, #sex #main .boxbutton a:active  {background: #e8690c; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#sex #links .boxbutton a:link, #sex #links .boxbutton a:visited, #sex #links .boxbutton a:hover, #sex #links .boxbutton a:active  {background: #e8690c; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 2a. health and wellbeing area-specific settings */







#hea #main a:link, #hea #main a:visited, #hea #main a:hover, #hea #main a:active, #hea #breadcrumb a:link, #hea #breadcrumb a:visited, #hea #breadcrumb a:hover, #hea #breadcrumb a:active, #hea #breadcrumb-adj a:link, #hea #breadcrumb-adj a:visited, #hea #breadcrumb-adj a:hover, #hea #breadcrumb-adj a:active, #hea .links a:link, #hea .links a:visited, #hea .links a:hover, #hea .links a:active, #hea h1, #hea h2, #hea h5, #hea h6, #hea blockquote, #hea .image-right, #hea .image-left, #hea .byline {color:#390}







#hea .byline {font-weight: bold}



#hea .bullets h2, #hea #links h3, #hea .boxes h2  {background:#390}



#hea .bullets {background:#d1efc8; border-top:3px solid #d1efc8; color:#134b01}



#hea p.subtitle {color:#390; font-size:0.8em; margin-bottom:2px}



#hea .boxes ul, #hea #links ul, #hea #links p, #hea #links div.links {border-color:#390}







/* 2b. health & wellbeing area-specific sectional box styles */







.hea-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.hea-articletitle {font-size: 0.8em; background: #d1efc8; padding: 0.5em;}



.hea-articleleader {font-size: 0.7em; border: 1px solid #d1efc8; padding: 0.5em; margin-bottom: 10px;}



.hea-articleheader-noimage {background: #d1efc8; height: 20px;}







#hea h3 {font-size: 0.8em; margin:0}



#hea h3 a {color:#fff; background: #390; font-weight: bold}



#hea h4 {color:#333; font-size: 1em; margin:0; display:block}



#hea h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#hea h3.item1 a {color:#fff; background: #390; font-weight: bold; padding: 3px}







.hea-boxheader a:link, .hea-boxheader a:visited {color: #ffffff; text-decoration: none}



.hea-boxheader a:hover {text-decoration: underline;}







#hea #main .boxbutton a:link, #hea #main .boxbutton a:visited, #hea #main .boxbutton a:hover, #hea #main .boxbutton a:active  {background: #390; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#hea #links .boxbutton a:link, #hea #links .boxbutton a:visited, #hea #links .boxbutton a:hover, #hea #links .boxbutton a:active  {background: #390; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 3a. drink and drugs area-specific settings */







#dri #main a:link, #dri #main a:visited, #dri #main a:hover, #dri #main a:active, #dri #breadcrumb a:link, #dri #breadcrumb a:visited, #dri #breadcrumb a:hover, #dri #breadcrumb a:active, #dri #breadcrumb-adj a:link, #dri #breadcrumb-adj a:visited, #dri #breadcrumb-adj a:hover, #dri #breadcrumb-adj a:active, #dri .links a:link, #dri .links a:visited, #dri .links a:hover, #dri .links a:active, #dri h1, #dri h2, #dri h5, #dri h6, #dri blockquote, #dri .image-right, #dri .image-left, #dri .byline {color:#2691d3}







#dri .byline {font-weight: bold}



#dri .bullets h2, #dri #links h3, #dri .boxes h2  {background:#2691d3}



#dri .bullets {background:#bfeaff; border-top:3px solid #bfeaff; color:#00354f}



#dri p.subtitle {color:#2691d3; font-size:0.8em; margin-bottom:2px}



#dri .boxes ul, #dri #links ul, #dri #links p, #dri #links div.links {border-color:#2691d3}







/* 3b. drink and drugs area-specific sectional box styles */







.dri-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.dri-articletitle {font-size: 0.8em; background: #bfeaff; padding: 0.5em;}



.dri-articleleader {font-size: 0.7em; border: 1px solid #bfeaff; padding: 0.5em; margin-bottom: 10px;}



.dri-articleheader-noimage {background: #bfeaff; height: 20px;}







.dri-boxheader a:link, .dri-boxheader a:visited {color: #ffffff; text-decoration: none}



.dri-boxheader a:hover {text-decoration: underline;}







#dri h3 {font-size: 0.8em; margin:0}



#dri h3 a {color:#fff; background: #2691d3; font-weight: bold}



#dri h4 {color:#333; font-size: 1em; margin:0; display:block}



#dri h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#dri h3.item1 a {color:#fff; background: #2691d3; font-weight: bold; padding: 3px}







#dri #main .boxbutton a:link, #dri #main .boxbutton a:visited, #dri #main .boxbutton a:hover, #dri #main .boxbutton a:active  {background: #2691d3; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#dri #links .boxbutton a:link, #dri #links .boxbutton a:visited, #dri #links .boxbutton a:hover, #dri #links .boxbutton a:active  {background: #2691d3; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 4a. home, law and money area-specific settings */







#hom #main a:link, #hom #main a:visited, #hom #main a:hover, #hom #main a:active, #hom #breadcrumb a:link, #hom #breadcrumb a:visited, #hom #breadcrumb a:hover, #hom #breadcrumb a:active, #hom #breadcrumb-adj a:link, #hom #breadcrumb-adj a:visited, #hom #breadcrumb-adj a:hover, #hom #breadcrumb-adj a:active, #hom .links a:link, #hom .links a:visited, #hom .links a:hover, #hom .links a:active, #hom h1, #hom h2, #hom h5, #hom h6, #hom blockquote, #hom .image-right, #hom .image-left, #hom .byline {color:#9348c9}







#hom .byline {font-weight: bold}



#hom .bullets h2, #hom #links h3, #hom .boxes h2  {background:#9e48c9}



#hom .bullets {background:#e0c4ed; border-top:3px solid #e0c4ed; color:#380054}



#hom p.subtitle {color:#9e48c9; font-size:0.8em; margin-bottom:2px}



#hom .boxes ul, #hom #links ul, #hom #links p, #hom #links div.links {border-color:#9e48c9}







/* 4b. home, law and money area-specific sectional box styles */







.hom-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.hom-articletitle {font-size: 0.8em; background: #e0c4ed; padding: 0.5em;}



.hom-articleleader {font-size: 0.7em; border: 1px solid #e0c4ed; padding: 0.5em; margin-bottom: 10px;}



.hom-articleheader-noimage {background: #e0c4ed; height: 20px;}







.hom-boxheader a:link, .hom-boxheader a:visited {color: #ffffff; text-decoration: none}



.hom-boxheader a:hover {text-decoration: underline;}







#hom h3 {font-size: 0.8em; margin:0}



#hom h3 a {color:#fff; background: #9e48c9; font-weight: bold}



#hom h4 {color:#333; font-size: 1em; margin:0; display:block}



#hom h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#hom h3.item1 a {color:#fff; background: #9e48c9; font-weight: bold; padding: 3px}







#hom #main .boxbutton a:link, #hom #main .boxbutton a:visited, #hom #main .boxbutton a:hover, #hom #main .boxbutton a:active  {background: #9e48c9; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#hom #links .boxbutton a:link, #hom #links .boxbutton a:visited, #hom #links .boxbutton a:hover, #hom #links .boxbutton a:active  {background: #9e48c9; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 5a. work and study area-specific settings */







#wor #main a:link, #wor #main a:visited, #wor #main a:hover, #wor #main a:active, #wor #breadcrumb a:link, #wor #breadcrumb a:visited, #wor #breadcrumb a:hover, #wor #breadcrumb a:active, #wor #breadcrumb-adj a:link, #wor #breadcrumb-adj a:visited, #wor #breadcrumb-adj a:hover, #wor #breadcrumb-adj a:active, #wor .links a:link, #wor .links a:visited, #wor .links a:hover, #wor .links a:active, #wor h1, #wor h2, #wor h5, #wor h6, #wor blockquote, #wor .image-right, #wor .image-left, #wor .byline {color:#baa601}







#wor .byline {font-weight: bold}



#wor .bullets h2, #wor #links h3, #wor .boxes h2  {background:#baa601}



#wor .bullets {background:#efe7a5; border-top:3px solid #efe7a5; color:#3d3601}



#wor p.subtitle {color:#baa601; font-size:0.8em; margin-bottom:2px}



#wor .boxes ul, #wor #links ul, #wor #links p, #wor #links div.links {border-color:#baa601}







/* 5b. work and study area-specific sectional box styles */







.wor-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.wor-articletitle {font-size: 0.8em; background: #efe7a5; padding: 0.5em;}



.wor-articleleader {font-size: 0.7em; border: 1px solid #efe7a5; padding: 0.5em; margin-bottom: 10px;}



.wor-articleheader-noimage {background: #efe7a5; height: 20px;}







.wor-boxheader a:link, .wor-boxheader a:visited {color: #ffffff; text-decoration: none}



.wor-boxheader a:hover {text-decoration: underline;}







#wor h3 {font-size: 0.8em; margin:0}



#wor h3 a {color:#fff; background: #baa601; font-weight: bold}



#wor h4 {color:#333; font-size: 1em; margin:0; display:block}



#wor h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#wor h3.item1 a {color:#fff; background: #baa601; font-weight: bold; padding: 3px}







#wor #main .boxbutton a:link, #wor #main .boxbutton a:visited, #wor #main .boxbutton a:hover, #wor #main .boxbutton a:active  {background: #baa601; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#wor #links .boxbutton a:link, #wor #links .boxbutton a:visited, #wor #links .boxbutton a:hover, #wor #links .boxbutton a:active  {background: #baa601; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 6a. travel area-specific settings */







#tra #main a:link, #tra #main a:visited, #tra #main a:hover, #tra #main a:active, #tra #breadcrumb a:link, #tra #breadcrumb a:visited, #tra #breadcrumb a:hover, #tra #breadcrumb a:active, #tra #breadcrumb-adj a:link, #tra #breadcrumb-adj a:visited, #tra #breadcrumb-adj a:hover, #tra #breadcrumb-adj a:active, #tra .links a:link, #tra .links a:visited, #tra .links a:hover, #tra .links a:active, #tra h1, #tra h2, #tra h5, #tra h6, #tra blockquote, #tra .image-right, #tra .image-left, #tra .byline {color:#fc4518}







#tra .byline {font-weight: bold}



#tra .bullets h2, #tra #links h3, #tra .boxes h2  {background:#fc4518}



#tra .bullets {background:#ffb19d; border-top:3px solid #ffb19d; color:#661500}



#tra p.subtitle {color:#fc4518; font-size:0.8em; margin-bottom:2px}



#tra .boxes ul, #tra #links ul, #tra #links p, #tra #links div.links {border-color:#fc4518}







/* 6b. travel area-specific sectional box styles */







.tra-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.tra-articletitle {font-size: 0.8em; background: #ffb19d; padding: 0.5em;}



.tra-articleleader {font-size: 0.7em; border: 1px solid #ffb19d; padding: 0.5em; margin-bottom: 10px;}



.tra-articleheader-noimage {background: #ffb19d; height: 20px;}







.tra-boxheader a:link, .tra-boxheader a:visited {color: #ffffff; text-decoration: none}



.tra-boxheader a:hover {text-decoration: underline;}







#tra h3 {font-size: 0.8em; margin:0}



#tra h3 a {color:#fff; background: #fc4518; font-weight: bold}



#tra h4 {color:#333; font-size: 1em; margin:0; display:block}



#tra h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#tra h3.item1 a {color:#fff; background: #fc4518; font-weight: bold; padding: 3px}







#tra #main .boxbutton a:link, #tra #main .boxbutton a:visited, #tra #main .boxbutton a:hover, #tra #main .boxbutton a:active  {background: #fc4518; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#tra #links .boxbutton a:link, #tra #links .boxbutton a:visited, #tra #links .boxbutton a:hover, #tra #links .boxbutton a:active  {background: #fc4518; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 7a. community area-specific settings */







#com #main a:link, #com #main a:visited, #com #main a:hover, #com #main a:active, #com #breadcrumb a:link, #com #breadcrumb a:visited, #com #breadcrumb a:hover, #com #breadcrumb a:active, #com #breadcrumb-adj a:link, #com #breadcrumb-adj a:visited, #com #breadcrumb-adj a:hover, #com #breadcrumb-adj a:active, #com .links a:link, #com .links a:visited, #com .links a:hover, #com .links a:active, #com h1, #com h2, #com h5, #com h6, #com blockquote, #com .image-right, #com .image-left, #com .byline {color:#7f7662}







#com .byline {font-weight: bold}



#com .bullets h2, #com #links h3, #com .boxes h2  {background:#7f7662}



#com .bullets {background:#e2e1cf; border-top:3px solid #e2e1cf; color:#232323}



#com p.subtitle {color:#7f7662; font-size:0.8em; margin-bottom:2px}



#com .boxes ul, #com #links ul, #com #links p, #com#links div.links {border-color:#7f7662}







/* 7b. community area-specific sectional box styles */







.com-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.com-articletitle {font-size: 0.8em; background: #e2e1cf; padding: 0.5em;}



.com-articleleader {font-size: 0.7em; border: 1px solid #e2e1cf; padding: 0.5em; margin-bottom: 10px;}



.com-articleheader-noimage {background: #e2e1cf; height: 20px;}







.com-boxheader a:link, .com-boxheader a:visited {color: #ffffff; text-decoration: none}



.com-boxheader a:hover {text-decoration: underline;}









#com h3 {font-size: 0.8em; margin:0}



#com h3 a {color:#fff; background: #7f7662; font-weight: bold}



#com h4 {color:#333; font-size: 1em; margin:0; display:block}



#com h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#com h3.item1 a {color:#fff; background: #7f7662; font-weight: bold; padding: 3px}







#home #main .boxbutton a:link, #home #main .boxbutton a:visited, #home #main .boxbutton a:hover, #home #main .boxbutton a:active, #com #main .boxbutton a:link, #com #main .boxbutton a:visited, #com #main .boxbutton a:hover, #com #main .boxbutton a:active  {background: #7f7662; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin-right: 5px}



#com #links .boxbutton a:link, #com #links .boxbutton a:visited, #com #links .boxbutton a:hover, #com #links .boxbutton a:active  {background: #7f7662; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* 8a. about us area-specific settings */







#abo #main a:link, #abo #main a:visited, #abo #main a:hover, #abo #main a:active, #abo #breadcrumb a:link, #abo #breadcrumb a:visited, #abo #breadcrumb a:hover, #abo #breadcrumb a:active, #abo #breadcrumb-adj a:link, #abo #breadcrumb-adj a:visited, #abo #breadcrumb-adj a:hover, #abo #breadcrumb-adj a:active, #abo .links a:link, #abo .links a:visited, #abo .links a:hover, #abo .links a:active, #abo h1, #abo h2, #abo h5, #abo h6, #abo blockquote, #abo .image-right, #abo .image-left, #abo .byline {color:#d93c65}







#abo .byline {font-weight: bold}



#abo .bullets h2, #abo #links h3, #abo .boxes h2  {background:#d93c65}



#abo .bullets {background:#ffb0c5; border-top:3px solid #ffb0c5; color:#8a1132}



#abo p.subtitle {color:#d93c65; font-size:0.8em; margin-bottom:2px}



#abo .boxes ul, #abo #links ul, #abo #links p, #abo #links div.links {border-color:#d93c65}







/* 8b. about us area-specific sectional box styles */







.abo-articleheader {background-image: url(/newsite/images/homepage/travel.jpg); background-repeat: no-repeat; height: 50px;}



.abo-articletitle {font-size: 0.8em; background: #ffb0c5; padding: 0.5em;}



.abo-articleleader {font-size: 0.7em; border: 1px solid #ffb0c5; padding: 0.5em; margin-bottom: 10px;}



.abo-articleheader-noimage {background: #ffb0c5; height: 20px;}







.abo-boxheader a:link, .abo-boxheader a:visited {color: #fff; text-decoration: none}



.abo-boxheader a:hover {text-decoration: underline;}







#abo h3 {font-size: 0.8em; margin:0}



#abo h3 a {color:#fff; background: #d93c65; font-weight: bold}



#abo h4 {color:#333; font-size: 1em; margin:0; display:block}



#abo h3.item1 {background: url(/newsite/images/homepage/travel.jpg); height: 50px; margin-bottom:-3px; padding:0} /* note -3px */



#abo h3.item1 a {color:#fff; background: #d93c65; font-weight: bold; padding: 3px}







#abo #main .boxbutton a:link, #abo #main .boxbutton a:visited, #abo #main .boxbutton a:hover, #abo #main .boxbutton a:active  {background: #d93c65; color:#fff; padding: 2px 3px 2px 3px; display: block; float:left; color: #fff; margin-right: 5px}



#abo #links .boxbutton a:link, #abo #links .boxbutton a:visited, #abo #links .boxbutton a:hover, #abo #links .boxbutton a:active  {background: #d93c65; color:#fff; font-weight: normal; padding: 2px 3px 2px 3px; display: block; float:left; color: #ffffff; margin: -8px 5px 0 0}







/* bolt-on boxes */







#boltons h3 {background: #e2e1cf 0 0 no-repeat; width: 100%; display:block; font-size: 0.8em; margin:0; padding: 2px 0 3px 0}



/*#boltons h3.pic a {color:#fff; background: #7f7662; font-weight: bold; padding: 3px}*/



#boltons h3 a {color:#fff; background: #7f7662; padding: 3px 5px 3px 5px; font-weight: bold}



#boltons h4 {color: #232323; font-size: 0.8em; background: #e2e1cf; margin:0; padding: 0.3em; display:block}



#boltons p {font-size: 0.7em; margin:0 0 10px}



#boltons p a {background: #7f7662; color: #fff; padding: 2px 3px 3px 3px}





#boltons p.description {background: #e2e1cf; padding: 0 0.6em 0.6em; margin:0}



.top-p {background: #e2e1cf; padding-top:0.6em}



#boltons p.description a:link, #boltons p.description a:visited, #boltons p.description a:hover, #boltons p.description a:active {background: #e2e1cf; padding: 0; margin:0; color: #232323; font-size: 1em; font-weight: normal}



#boltons .line {border-top:1px solid #7f7662; margin:5px}



#boltons .beige-line {padding:5px 10px; background:#e2e1cf}



#boltons .beige-line div {border-top:1px solid #7f7662}



#boltons p.description-short {background: #e2e1cf; padding: 6px; margin: 0}



#boltons form {margin:0; font-size: 0.7em; }



#boltons form div {background: #e2e1cf; padding-bottom:1em; padding-left:5px;padding-rightt:5px; } 

#boltons form div label{padding-left:3px; } 

#boltons form div input{vertical-align:middle;}



.vodafone {width:190px; height:73px; margin-bottom:0.5em}







/**** Homepage style elements ****/







.holder-row {width:100%; clear:both}







#home h1 {background: #adab8c url(/newsite/images/generic/bgcorner_darkbeige.gif) no-repeat 100% 0; font-size: 1.3em; color: #fff; padding: 0.3em 0.4em 0.4em; margin-bottom:0.4em}



#home .sub-head {width:16.8em; margin-bottom:10px}



#home #breadcrumb {margin-top:0}







.hp-head {padding:0.24em 0 0.24em 0; margin-bottom: 1px}



.sub-head h2 {font-size: 1.1em; line-height:100%; color: #fff; padding:0em 1em 0.2em 0.3em; font-weight:normal; display:inline; /* height removed  height:15em */}



.sub-head p {color:#333; font-size:0.7em; margin:0; padding:0.4em 0.4em 0.4em 0.52em}



#home .sub-head p.preview, #home .sub-head p.preview2 {font-size:0.8em}



#home .sub-head p.preview2 {padding: 0.8em 0.5em 0.8em 0.5em}



h2.tab {font-size: 0.8em; line-height: 120%; font-weight:bold; padding: 0.4em}







.border {border:solid 1px}



.para a {font-weight:bold}







.art a {font-weight:normal}



.sex-sh .art a:link, .sex-sh .art a:visited, .sex-sh .art a:hover, .sex-sh .art a:active {color:#333}



.hea-sh .art a:link, .hea-sh .art a:visited, .hea-sh .art a:hover, .hea-sh .art a:active {color:#333}



.dri-sh .art a:link, .dri-sh .art a:visited, .dri-sh .art a:hover, .dri-sh .art a:active {color:#333}



.hom-sh .art a:link, .hom-sh .art a:visited, .hom-sh .art a:hover, .hom-sh .art a:active {color:#333}



.wor-sh .art a:link, .wor-sh .art a:visited, .wor-sh .art a:hover, .wor-sh .art a:active {color:#333}



.tra-sh .art a:link, .tra-sh .art a:visited, .tra-sh .art a:hover, .tra-sh .art a:active {color:#333}







.hp-head2 {padding: 0.1em 0 !important; padding:0.2em 0}



.sub-head h3 {margin:0; font-weight:normal; font-size:0.8em; color:#fff; display:inline; padding:0.2em 0.4em 0.2em 0.45em}



.sub-head a:link, a:visited, a:hover, a:active {color:#fff}



.sub-head p.join {padding:0}



.join a:link, .join a:visited, .join a:hover, .join a:active  {display:block; padding:0.2em 0.4em; width:10em; white-space:nowrap; overflow:visible}







/* homepage and 22.1 section units */







.sex-sh {float:left}



.sex-sh h2 {background: #e8690c url(/newsite/images/generic/bgcorner_orange.gif) no-repeat 100% 0}



.sex-sh h2.tab {background: #e8690c}



.sex-sh .tab-shade, .sex-sh .preview {background:#ffd791 url(/newsite/images/generic/bgfill_orange.gif) no-repeat 100% 0; color:#7d3601}



.sex-sh .preview2, .sex-sh .preview2 a {background: #ffd791; color:#7d3601}



.sex-sh .border {border-color:#ffd791}



.sex-sh h3, .sex-sh .join a {background: #e8690c} 



.sex-sh .para a:link, .sex-sh .para a:visited, .sex-sh .para a:hover, .sex-sh .para a:active {color:#e8690c}



.hp-head2-bg-sex {background: #ffd791}







.hea-sh {float:right}



.hea-sh h2 {background: #390 url(/newsite/images/generic/bgcorner_green.gif) no-repeat 100% 0}



.hea-sh h2.tab {background: #390}



.hea-sh .tab-shade, .hea-sh .preview {background:#d1efc8 url(/newsite/images/generic/bgfill_green.gif) no-repeat 100% 0; color:#134b01}



.hea-sh .preview2, .hea-sh .preview2 a {background: #d1efc8; color:#134b01}





.hea-sh .border {border-color:#d1efc8}



.hea-sh h3, .hea-sh .join a {background: #390} 



.hea-sh .para a:link, .hea-sh .para a:visited, .hea-sh .para a:hover, .hea-sh .para a:active {color:#390}



.hp-head2-bg-hea {background: #d1efc8}







.dri-sh {float:left}



.dri-sh h2 {background: #2691d3 url(/newsite/images/generic/bgcorner_blue.gif) no-repeat 100% 0}



.dri-sh h2.tab {background: #2691d3}



.dri-sh .tab-shade, .dri-sh .preview {background:#bfeaff url(/newsite/images/generic/bgfill_blue.gif) no-repeat 100% 0; color:#00354f}



.dri-sh .preview2, .dri-sh .preview2 a {background: #bfeaff; color:#00354f}



.dri-sh .border {border-color:#bfeaff}



.dri-sh h3, .dri-sh .join a {background: #2691d3} 



.dri-sh .para a:link, .dri-sh .para a:visited, .dri-sh .para a:hover, .dri-sh .para a:active {color:#2691d3}



.hp-head2-bg-dri {background: #bfeaff}







.hom-sh {float:right}



.hom-sh h2 {background: #9e48c9 url(/newsite/images/generic/bgcorner_purple.gif) no-repeat 100% 0}



.hom-sh h2.tab {background: #9e48c9}



.hom-sh .tab-shade, .hom-sh .preview {background:#e0c4ed url(/newsite/images/generic/bgfill_purple.gif) no-repeat 100% 0; color:#380054}



.hom-sh .preview2, .hom-sh .preview2 a {background: #e0c4ed; color:#380054}



.hom-sh .border {border-color:#e0c4ed}



.hom-sh h3, .hom-sh .join a {background: #9e48c9} 



.hom-sh .para a:link, .hom-sh .para a:visited, .hom-sh .para a:hover, .hom-sh .para a:active {color:#9e48c9}



.hp-head2-bg-hom {background: #e0c4ed}







.wor-sh {float:left}



.wor-sh h2 {background: #baa601 url(/newsite/images/generic/bgcorner_yellow.gif) no-repeat 100% 0}



.wor-sh h2.tab {background: #baa601}



.wor-sh .tab-shade, .wor-sh .preview {background:#efe7a5 url(/newsite/images/generic/bgfill_yellow.gif) no-repeat 100% 0; color:#3d3601}



.wor-sh .preview2, .wor-sh .preview2 a {background: #efe7a5; color:#3d3601}



.wor-sh .border {border-color:#efe7a5}



.wor-sh h3, .wor-sh .join a {background: #baa601} 



.wor-sh .para a:link, .wor-sh .para a:visited, .wor-sh .para a:hover, .wor-sh .para a:active {color:#baa601}



.hp-head2-bg-wor {background: #efe7a5}







.tra-sh {float:right}



.tra-sh h2 {background: #fc4518 url(/newsite/images/generic/bgcorner_red.gif) no-repeat 100% 0}



.tra-sh h2.tab {background: #fc4518}



.tra-sh .tab-shade, .tra-sh .preview {background:#ffb19d url(/newsite/images/generic/bgfill_red.gif) no-repeat 100% 0; color:#661500}



.tra-sh .preview2, .tra-sh .preview2 a {background: #ffb19d; color:#661500}



.tra-sh .border {border-color:#ffb19d}



.tra-sh h3, .tra-sh .join a {background: #fc4518} 



.tra-sh .para a:link, .tra-sh .para a:visited, .tra-sh .para a:hover, .tra-sh .para a:active {color:#fc4518}



.hp-head2-bg-tra {background: #ffb19d}







.com-sh {float:right}



.com-sh h2 {background: #7f7662 url(/newsite/images/generic/bgcorner_beige.gif) no-repeat 100% 0}



.com-sh h2.tab {background: #7f7662}



.com-sh .tab-shade, .com-sh .preview {background:#e2e1cf url(/newsite/images/generic/bgfill_beige.gif) no-repeat 100% 0; color:#232323}



.com-sh .preview2, .com-sh .preview2 a {background: #e2e1cf; color:#232323}



.com-sh .border {border-color:#e2e1cf}



.com-sh h3, .com-sh .join a {background: #7f7662} 



.com-sh .para a:link, .com-sh .para a:visited, .com-sh .para a:hover, .com-sh .para a:active {color:#7f7662}



.hp-head2-bg-com {background: #e2e1cf}







.abo-sh {float:right}



.abo-sh h2 {background: #d93c65 url(/newsite/images/generic/bgcorner_pink.gif) no-repeat 100% 0}



.abo-sh h2.tab {background: #d93c65}



.abo-sh .tab-shade, .abo-sh .preview {background:#ffb0c5 url(/newsite/images/generic/bgfill_pink.gif) no-repeat 100% 0; color:#8a1132}



.abo-sh .preview2, .abo-sh .preview2 a {background: #ffb0c5; color:#8a1132}



.abo-sh .border {border-color:#ffb0c5}



.abo-sh h3, .abo-sh .join a {background: #d93c65} 



.abo-sh .para a:link, .abo-sh .para a:visited, .abo-sh .para a:hover, .abo-sh .para a:active {color:#d93c65}



.hp-head2-bg-abo {background: #ffb0c5}







/* need help now box */







#boltons .needhelp-top {background: url(/newsite/images/homepage/need_help_top.gif); width:190px; margin-bottom:0; padding-top:0}



#boltons .needhelp-bottom {background: no-repeat url(/newsite/images/homepage/need_help_bottom.gif); width:190px; height:31px; margin: -10px 0 5px 0; padding-top:6px}



#boltons .needhelp-box {width:190px; margin-top:-5px; padding-top:0; background:#e2e1cf}



#boltons .needhelp-lg {font-size:1.3em; margin-top: 0; padding-top:5px; text-align:center}



#boltons .needhelp-sub {font-size:0.8em; margin-top: -10px; padding-bottom:5px; text-align:center}



#boltons .needhelp-link, #boltons .needhelp-link p {font-size:0.8em; font-weight:bold; color: #fff; background:none; padding:0 5px 0 6px; display:inline}



#boltons .needhelp-link a {background:none}



#boltons .adj-needhelp-link {color:#fff221}







/* wide bolt-on section */







.bolton {float:left; width:11em; margin-top:0.6em}



.mid-bolt {margin:0.7em 0.3em}



#mid-boltons span {background: #e2e1cf 0 0 no-repeat; width: 100%; display:block}



#mid-boltons span a {color:#fff; background: #7f7662; padding: 3px 5px 3px 5px; font-size: 0.8em; font-weight: bold}



#mid-boltons h3 {color:#333; font-size: 0.8em; background: #e2e1cf; margin:0; padding: 0.6em}



#mid-boltons p {font-size: 0.7em; margin:0 0 10px}



#mid-boltons p a {background: #7f7662; color: #fff; padding: 2px 3px 2px 3px}



#mid-boltons p.description {background: #e2e1cf; padding: 0 0.6em 0.6em; margin:0}



#mid-boltons p.description a:link, #mid-boltons p.description a:visited, #mid-boltons p.description a:hover, #mid-boltons p.description a:active {background: #e2e1cf; padding: 0; margin:0; color: #333; font-size: 1em; font-weight: normal}







/* new wide boxes */







.widebox-top {position:relative; text-align:center; line-height:100%}



span.widebox-buttonleft a, span.widebox-buttonright a {padding: 2px 3px; font-size: 0.7em; display: block; position:absolute; top:0} 



span.widebox-buttonleft a {left:0}



span.widebox-buttonright a {right:0}







#main .widebox-top {width: 99%; margin: 0; padding:0 1px}



.widebox-top p {font-size: 0.7em; margin:0; padding: 2px 0}







#main .widebox-main {width: 99%}



#main .widebox-main div {padding:10px}



#main .widebox-main a, #main .widebox-left a {font-weight:bold; padding:0}



#main .widebox-left {padding: 0 10px 0 10px; margin-bottom: -5px; margin-right: 3px}



#main .widebox-left2 {padding: 0 10px 0 10px; margin-bottom: -5px}







#main .widebox-left-top, #main .widebox-left-top2 {width:99%}



#main .widebox-left-top {padding-top: 3px; border-width:0 0 0 1px; border-style:solid; overflow:auto; /* overflow:auto */}



#main .widebox-left-top p, #main .widebox-left-top2 p {font-size:0.7em; padding: 10px; margin: 0 -8px 0 0; clear: both}



#main .widebox-left-top h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#main .widebox-left-top p.head {font-size: 0.8em; margin-top: -10px}







/* new wide boxes colour specifics */







#sex #main .widebox-top, #sex #main .widebox-left-top, #sex #main .widebox-left-top2 {background: #ffd791 url(/newsite/images/generic/bgfill_orange.gif) no-repeat 100% 0; border-color: #ffd791}



#sex #main .widebox-main {border-left: 1px solid #ffd791; border-right: 1px solid #ffd791; margin-right: 3px}



#sex #main .widebox-main a, #sex #main .widebox-left a {color: #e8690c}



#sex #main .widebox-left, #sex #main .widebox-left2 {border: 1px solid #ffd791}



#sex #main .widebox-left-top p, #sex #main .widebox-left-top2 p {color: #7d3601}



#sex #main .widebox-left-top h2 {background:#e8690c}







#sex #main span.widebox-buttonleft a:link, #sex #main span.widebox-buttonleft a:visited, #sex #main span.widebox-buttonleft a:hover, #sex #main span.widebox-buttonleft a:active  {background: #e8690c; color:#fff}



#sex #main span.widebox-buttonright a:link, #sex #main span.widebox-buttonright a:visited, #sex #main span.widebox-buttonright a:hover, #sex #main span.widebox-buttonright a:active  {background: #e8690c; color:#fff}







#hea #main .widebox-top, #hea #main .widebox-left-top, #hea #main .widebox-left-top2 {background: #d1efc8 url(/newsite/images/generic/bgfill_green.gif) no-repeat 100% 0; border-color: #d1efc8}



#hea #main .widebox-main {border-left: 1px solid #d1efc8; border-right: 1px solid #d1efc8; margin-right: 3px}



#hea #main .widebox-main a, #hea #main .widebox-left a {color: ##390}



#hea #main .widebox-left, #hea #main .widebox-left2 {border: 1px solid #d1efc8}



#hea #main .widebox-left-top p, #hea #main .widebox-left-top2 p {color: #134b01}



#hea #main .widebox-left-top h2 {background:#390}







#hea #main span.widebox-buttonleft a:link, #hea #main span.widebox-buttonleft a:visited, #hea #main span.widebox-buttonleft a:hover, #hea #main span.widebox-buttonleft a:active  {background: #390; color:#fff}



#hea #main span.widebox-buttonright a:link, #hea #main span.widebox-buttonright a:visited, #hea #main span.widebox-buttonright a:hover, #hea #main span.widebox-buttonright a:active  {background: #390; color:#fff}







#dri #main .widebox-top, #dri #main .widebox-left-top, #dri #main .widebox-left-top2 {background: #bfeaff url(/newsite/images/generic/bgfill_blue.gif) no-repeat 100% 0; border-color: #bfeaff}



#dri #main .widebox-main {border-left: 1px solid #bfeaff; border-right: 1px solid #bfeaff; margin-right: 3px}



#dri #main .widebox-main a, #dri #main .widebox-left a {color: #2691d3}



#dri #main .widebox-left, #dri #main .widebox-left2 {border: 1px solid #bfeaff}



#dri #main .widebox-left-top p, #dri #main .widebox-left-top2 p {color: #00354f}



#dri #main .widebox-left-top h2 {background:#2691d3}







#dri #main span.widebox-buttonleft a:link, #dri #main span.widebox-buttonleft a:visited, #dri #main span.widebox-buttonleft a:hover, #dri #main span.widebox-buttonleft a:active  {background: #2691d3; color:#fff}



#dri #main span.widebox-buttonright a:link, #dri #main span.widebox-buttonright a:visited, #dri #main span.widebox-buttonright a:hover, #dri #main span.widebox-buttonright a:active  {background: #2691d3; color:#fff}







#hom #main .widebox-top, #hom #main .widebox-left-top, #hom #main .widebox-left-top2 {background: #e0c4ed url(/newsite/images/generic/bgfill_purple.gif) no-repeat 100% 0; border-color: #e0c4ed}



#hom #main .widebox-main {border-left: 1px solid #e0c4ed; border-right: 1px solid #e0c4ed; margin-right: 3px}



#hom #main .widebox-main a, #hom #main .widebox-left a {color: #9e48c9}



#hom #main .widebox-left, #hom #main .widebox-left2 {border: 1px solid #e0c4ed}



#hom #main .widebox-left-top p, #hom #main .widebox-left-top2 p {color: #380054}



#hom #main .widebox-left-top h2 {background:#9e48c9}







#hom #main span.widebox-buttonleft a:link, #hom #main span.widebox-buttonleft a:visited, #hom #main span.widebox-buttonleft a:hover, #hom #main span.widebox-buttonleft a:active  {background: #9e48c9; color:#fff}



#hom #main span.widebox-buttonright a:link, #hom #main span.widebox-buttonright a:visited, #hom #main span.widebox-buttonright a:hover, #hom #main span.widebox-buttonright a:active  {background: #9e48c9; color:#fff}







#wor #main .widebox-top, #wor #main .widebox-left-top, #wor #main .widebox-left-top2 {background: #efe7a5 url(/newsite/images/generic/bgfill_yellow.gif) no-repeat 100% 0; border-color: #efe7a5}



#wor #main .widebox-main {border-left: 1px solid #efe7a5; border-right: 1px solid #efe7a5; margin-right: 3px}



#wor #main .widebox-main a, #wor #main .widebox-left a {color: #baa601}



#wor #main .widebox-left, #wor #main .widebox-left2 {border: 1px solid #efe7a5}



#wor #main .widebox-left-top p, #wor #main .widebox-left-top2 p {color: #3d3601}



#wor #main .widebox-left-top h2 {background:#baa601}







#wor #main span.widebox-buttonleft a:link, #wor #main span.widebox-buttonleft a:visited, #wor #main span.widebox-buttonleft a:hover, #wor #main span.widebox-buttonleft a:active  {background: #baa601; color:#fff}



#wor #main span.widebox-buttonright a:link, #wor #main span.widebox-buttonright a:visited, #wor #main span.widebox-buttonright a:hover, #wor #main span.widebox-buttonright a:active  {background: #baa601; color:#fff}







#tra #main .widebox-top, #tra #main .widebox-left-top, #tra #main .widebox-left-top2 {background: #ffb19d url(/newsite/images/generic/bgfill_red.gif) no-repeat 100% 0; border-color: #ffb19d}



#tra #main .widebox-main {border-left: 1px solid #ffb19d; border-right: 1px solid #ffb19d; margin-right: 3px}



#tra #main .widebox-main a, #tra #main .widebox-left a {color: #fc4518}



#tra #main .widebox-left, #tra #main .widebox-left2 {border: 1px solid #ffb19d}



#tra #main .widebox-left-top p, #tra #main .widebox-left-top2 p {color: #661500}



#tra #main .widebox-left-top h2 {background:#fc4518}







#tra #main span.widebox-buttonleft a:link, #tra #main span.widebox-buttonleft a:visited, #tra #main span.widebox-buttonleft a:hover, #tra #main span.widebox-buttonleft a:active  {background: #fc4518; color:#fff}



#tra #main span.widebox-buttonright a:link, #tra #main span.widebox-buttonright a:visited, #tra #main span.widebox-buttonright a:hover, #tra #main span.widebox-buttonright a:active  {background: #fc4518; color:#fff}







#com #main .widebox-top, #com #main .widebox-left-top, #com #main .widebox-left-top2 {background: #e2e1cf url(/newsite/images/generic/bgfill_beige.gif) no-repeat 100% 0; border-color: #e2e1cf}



#com #main .widebox-main {border-left: 1px solid #e2e1cf; border-right: 1px solid #e2e1cf}



#com #main .widebox-main a, #com #main .widebox-left a {color: #7f7662}



#com #main .widebox-left, #com #main .widebox-left2 {border: 1px solid #e2e1cf}



#com #main .widebox-left-top p, #com #main .widebox-left-top2 p {color: #232323}



#com #main .widebox-left-top h2 {background:#7f7662}







#com #main span.widebox-buttonleft a:link, #com #main span.widebox-buttonleft a:visited, #com #main span.widebox-buttonleft a:hover, #com #main span.widebox-buttonleft a:active  {background: #7f7662; color:#fff}



#com #main span.widebox-buttonright a:link, #com #main span.widebox-buttonright a:visited, #com #main span.widebox-buttonright a:hover, #com #main span.widebox-buttonright a:active  {background: #7f7662; color:#fff}







#abo #main .widebox-top, #abo #main .widebox-left-top, #abo #main .widebox-left-top2 {background: #ffb0c5 url(/newsite/images/generic/bgfill_pink.gif) no-repeat 100% 0; border-color: #ffb0c5}



#abo #main .widebox-main {border-left: 1px solid #ffb0c5; border-right: 1px solid #ffb0c5; margin-right: 3px}



#abo #main .widebox-main a, #abo #main .widebox-left a {color: #d93c65}



#abo #main .widebox-left, #abo #main .widebox-left2 {border: 1px solid #ffb0c5}



#abo #main .widebox-left-top p, #abo #main .widebox-left-top2 p {color: #8a1132}



#abo #main .widebox-left-top h2 {background:#d93c65}







#abo #main span.widebox-buttonleft a:link, #abo #main span.widebox-buttonleft a:visited, #abo #main span.widebox-buttonleft a:hover, #abo #main span.widebox-buttonleft a:active  {background: #d93c65; color:#fff}



#abo #main span.widebox-buttonright a:link, #abo #main span.widebox-buttonright a:visited, #abo #main span.widebox-buttonright a:hover, #abo #main span.widebox-buttonright a:active  {background: #d93c65; color:#fff}







/** form elements **/







div.row {width: 100%; clear: both;}



div.row span.label {float: left; width: 20%; font-weight: bold; text-align: left; padding: 5px 0 0 0}



div.row span.label2 {float: left; width: 40%; font-weight: bold; text-align: left; padding: 5px 0 0 0}



div.row span.label3 {float: left; width: 70%; font-weight: bold; text-align: left; padding: 5px 0 0 0}



div.row span.forminput {float: right; width: 80%; text-align: left;padding-top: 5px}



div.row span.forminput2 {float: right; width: 60%; text-align: left;padding-top: 5px}



div.row span.forminput3 {float: right; width: 30%; height:auto !important; height:2em; display:block; min-height:2em; padding: 0 0 5px}



div.row span.full {float: left; width: 100%; font-weight: normal; text-align: left; padding: 10px 10px 5px 0}



div.row span.button {height:auto; !important; height:2em; display:block; min-height:2em; padding: 10px 10px 0 5px}



div.row span.full3 {float: left; width: 100%; text-align: left; padding: 0 10px 5px 0}



div.row span.forminputcheck {float: left; width: 5%; text-align: left; padding-top: 5px}



div.row span.forminputchecktext {float: left; width: 25%; text-align: left; padding-top: 5px}



div.row span.forminputchecktext2 {float: left; width: 30%; text-align: left; padding: 5px 0 0 5px}



#questions, #advice, #game, #ecards, #loop {margin-bottom:0}



div.row-box {width: 10em; margin-top: -10px}



div.row-box h3 {padding: 0 0 2px 5px}



div.box-top-m {margin-top: 10px}



div.box-top-mbox {margin-top: 0}







div.row-box span.label {float: left; width:100%; font-size: 0.7em; font-weight: bold; text-align: left; padding: 10px 5px 5px 5px;}



div.row-box span.forminput {float: left; text-align: left; font-weight: bold; font-size: 0.7em; padding: 0 5px 5px 5px;}



div.row-box span.full {float: left; width: 100%; font-size: 0.7em; font-weight: bold; text-align: left; padding: 0 5px 5px 5px}



div.row-box span.full2 {float: left; width: 100%; font-size: 0.7em; text-align: left; padding: 0 5px 5px 5px}







.submitbutton {font-size: 1em; font-family: verdana; color: #fff; border: 0; padding:2px 3px; margin:0 0 0.5em; width:0.1em; overflow:visible}



.submitbutton-right {float: right; font-size: 1em; font-family: verdana; color: #fff; border: 0; padding:2px 3px; width:0.1em; overflow:visible}



html>body .submitbutton {width:auto}



html>body .submitbutton-right {width:auto}



.step {font-size: 0.7em; font-weight: bold; float: right; margin-top: 5px}







#main .form-shaded {width:99%; border-width:0 1px; border-style:solid; margin-top:10px; padding-top:3px}



#main .form-shaded form {font-size:0.7em; padding: 0 0 5px 10px}



#main .form-shaded h2 {display:inline; padding: 3px 5px 3px 5px}



#main .form-shaded p {padding-left: 10px}



#main .width-hack {width:98%}







/* form elements colour specifics */







#sex #main .form-shaded {border-color:#ffd791; background:#ffd791; color:#7d3601}



#sex #main .form-shaded form {color: #7d3601; font-size:0.7em; padding-left: 10px; width: 98%}



#sex #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#sex #main .form-shaded h2, #sex #main .submitbutton, #sex #main .submitbutton-right {background:#e8690c}



#sex #main .form-shaded {border-color:#fff; background: #ffd791 url(/newsite/images/generic/bgfill_orange.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#sex div.row-box {color: #7d3601}







#sex #main div.row span.label, #sex #main div.row span.label2, #sex #main div.row span.label3, #sex #main div.row span.full, #sex #main div.row span.full3, #sex #main div.row-box span.label, #sex #main div.row-box span.full {color: #7d3601}







#hea #main .form-shaded {border-color:#d1efc8; background:#d1efc8; color:#134b01}



#hea #main .form-shaded form {color: #134b01; font-size:0.7em; padding-left: 10px; width: 98%}



#hea #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#hea #main .form-shaded h2, #hea #main .submitbutton, #hea #main .submitbutton-right {background:#390}



#hea #main .form-shaded {border-color:#fff; background: #d1efc8 url(/newsite/images/generic/bgfill_green.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#hea div.row-box {color: #134b01}







#hea #main div.row span.label, #hea #main div.row span.label2, #hea #main div.row span.label3, #hea #main div.row span.full, #hea #main div.row span.full3, #hea #main div.row-box span.label, #hea #main div.row-box span.full {color: #134b01}







#dri #main .form-shaded {border-color:#bfeaff; background:#bfeaff; color:#00354f}



#dri #main .form-shaded form {color: #00354f; font-size:0.7em; padding-left: 10px; width: 98%}



#dri #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#dri #main .form-shaded h2, #dri #main .submitbutton, #dri #main .submitbutton-right {background:#2691d3}



#dri #main .form-shaded {border-color:#fff; background: #bfeaff url(/newsite/images/generic/bgfill_blue.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#dri div.row-box {color: #00354f}







#dri #main div.row span.label, #dri #main div.row span.label2, #dri #main div.row span.label3, #dri #main div.row span.full, #dri #main div.row span.full3, #dri #main div.row-box span.label, #dri #main div.row-box span.full {color: #00354f}







#hom #main .form-shaded {border-color:#e0c4ed; background:#e0c4ed; color:#380054}



#hom #main .form-shaded form {color: #380054; font-size:0.7em; padding-left: 10px; width: 98%}



#hom #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#hom #main .form-shaded h2, #hom #main .submitbutton, #hom #main .submitbutton-right {background:#9e48c9}



#hom #main .form-shaded {border-color:#fff; background: #e0c4ed url(/newsite/images/generic/bgfill_purple.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#hom div.row-box {color: #380054}







#hom #main div.row span.label, #hom #main div.row span.label2, #hom #main div.row span.label3, #hom #main div.row span.full, #hom #main div.row span.full3, #hom #main div.row-box span.label, #hom #main div.row-box span.full {color: #380054}







#wor #main .form-shaded {border-color:#efe7a5; background:#efe7a5; color:#3d3601}



#wor #main .form-shaded form {color: #3d3601; font-size:0.7em; padding-left: 10px; width: 98%}



#wor #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#wor #main .form-shaded h2, #wor #main .submitbutton, #wor #main .submitbutton-right {background:#baa601}



#wor #main .form-shaded {border-color:#fff; background: #efe7a5 url(/newsite/images/generic/bgfill_yellow.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#wor div.row-box {color: #3d3601}







#wor #main div.row span.label, #wor #main div.row span.label2, #wor #main div.row span.label3, #wor #main div.row span.full, #wor #main div.row span.full3, #wor #main div.row-box span.label, #wor #main div.row-box span.full {color: #3d3601}







#tra #main .form-shaded {border-color:#ffb19d; background:#ffb19d; color:#661500}



#tra #main .form-shaded form {color: #661500; font-size:0.7em; padding-left: 10px; width: 98%}



#tra #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#tra #main .form-shaded h2, #tra #main .submitbutton, #tra #main .submitbutton-right {background:#fc4518}



#tra #main .form-shaded {border-color:#fff; background: #ffb19d url(/newsite/images/generic/bgfill_red.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#tra div.row-box {color: #661500}







#tra #main div.row span.label, #tra #main div.row span.label2, #tra #main div.row span.label3, #tra #main div.row span.full, #tra #main div.row span.full3, #tra #main div.row-box span.label, #tra #main div.row-box span.full {color: #661500}







#com #main .form-shaded {border-color:#e2e1cf; background: #e2e1cf; color:#232323}



#com #main .form-shaded form {color: #232323; font-size:0.7em; padding-left: 10px; width: 98%}



#com #main .form-shaded h2, #boltons .form-shaded h2 {color:#fff}



#com #main .form-shaded h2, #com #main .submitbutton, #com #main .submitbutton-right,  #boltons .form-shaded h2, #boltons .submitbutton, #boltons .submitbutton-right {background:#7f7662}



#com #main .form-shaded, #boltons .form-shaded {border-color:#fff; background: #e2e1cf url(/newsite/images/generic/bgcorner_lightbeige.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#com div.row-box {color: #232323}







#com #main div.row span.label, #com #main div.row span.label2, #com #main div.row span.label3, #com #main div.row span.full, #com #main div.row span.full3, #com #main div.row-box span.label, #com #main div.row-box span.full {color: #232323}







#abo #main .form-shaded {border-color:#ffb0c5; background:#ffb0c5; color:#8a1132}



#abo #main .form-shaded form {color: #8a1132; font-size:0.7em; padding-left: 10px; width: 98%}



#abo #main .form-shaded h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative}



#abo #main .form-shaded h2, #abo #main .submitbutton, #abo #main .submitbutton-right {background:#d93c65}



#abo #main .form-shaded {border-color:#fff; background: #ffb0c5 url(/newsite/images/generic/bgfill_pink.gif) no-repeat 100% 0; color:#232323} /*border set to fff when image placed */



#abo div.row-box {color: #8a1132}







#abo #main div.row span.label, #abo #main div.row span.label2, #abo #main div.row span.label3, #abo #main div.row span.full, #abo #main div.row span.full3, #abo #main div.row-box span.label, #abo #main div.row-box span.full {color: #8a1132}















/* new shaded box layout page 6 style */







#main .shadedbox, #main .shadedbox2  {margin-top:5px; padding-bottom:0.5em; clear:both; padding-top:3px; overflow:auto}



#main .shadedbox h2, #main .shadedbox2 h2 {color:#fff; display:inline; padding: 3px 5px 3px 5px; position:relative; margin:0; font-weight:bold}



#main .shadedbox h3, #main .shadedbox2 h3 {margin:0; padding:0.5em 0.5em 0}



#talk, #looking, #ecards2, #game2 {margin:left:0.7em; width:100%}



#loop2 {width: 95%}







.shaded-panel-100, .shaded-panel-100b {margin:0.7em 0.5em 0; clear:both}



.panel-100 {margin:0.7em 0.5em 0; clear:both}



.shaded-panel-50-left, .shaded-panel-50-right {width:50% !important; width:49.5%; float:left}



.shaded-panel-50-right {float:right}



.shaded-panel-33-left, .shaded-panel-33-mid, .shaded-panel-33-right {width:32.67%; float:left}



.shaded-panel-33-left {margin-right:1%}



.shaded-panel-33-right {float:right}



.hack-66 {width:66%}



#main .mg-bot {margin-bottom:15px;}







.shaded-panel-100 .submitbutton-right, .panel-100 .submitbutton-right {position:relative; left:-5px; top:5px; margin-bottom:10px !important; margin-bottom:0}







.bigger-img {height:auto !important; height:110px; min-height:110px}



.big-img {height:auto !important; height:100px; min-height:100px}



.mid-img {height:auto !important; height:85px; min-height:85px}



.sma-img {height:auto !important; height:70px; min-height:70px}



.sma-img img {float:left; width:70px; padding-right: 4px}



.sma-img span {display:block; text-align:right; font-weight:bold}



.sma-img a:link, .sma-img a:visited, .sma-img a:hover, .sma-img a:active {color:#333}







.no-img-link span {display:block; text-align:right; font-weight:bold}



.no-img-link a:link, .no-img-link a:visited, .no-img-link a:hover, .no-img-link a:active {color:#333}







.shadedbox p, .shadedbox2 p, .shadedbox #questions, .shadedbox #advice, .shadedbox #game, .shadedbox #ecards, .shadedbox #loop {display:block; font-size:0.7em; margin:0; padding:0.5em 0.5em 0}



.shadedbox img, .shadedbox2 img {float:right; margin:5px 5px 0 0}



.shadedbox .left-shift {float:left; margin-bottom: 2px} 



.shadedbox .left-shift-nopad {float:left}



.shadedbox .right-shift, .shadedbox2 .right-shift {float:right; padding-left: 5px; margin-bottom: 5px} /* space to prevent wrapped text */



.shadedbox p.boxbutton {margin:0 0 0 0.7em; padding:0}



.shadedbox p.tag {text-transform:uppercase; font-weight:bold; margin:-0.5em 0; padding:0 0 0 0.5em}







/* new shaded box layout page 6 style colour specifics */







#main .shadedbox {background: #e2e1cf url(/newsite/images/generic/bgcorner_lightbeige.gif) no-repeat 100% 0}



/* edited by DJ on 21-09-05 for careers template */

#main .shadedbox2 {background: #EFE7A5 url(bgcorner_lightyellow.gif) no-repeat 100% 0}

#main .shadedbox2 p, .shadedbox2 h3 {color: #000000;}

#main .shadedbox2 h2 {background:#BAA601}





#main .shadedbox p, .shadedbox h3 {color: #232323}



#main .shadedbox h2 {background:#7f7662}



#main .shadedbox p.tag {color:#e8690c}



#main .shaded-panel-100, #main .shaded-panel-50-left, #main .shaded-panel-50-right, #main .shaded-panel-33-left, #main .shaded-panel-33-mid, #main .shaded-panel-33-right {background: #f7f7ef}



#main .shaded-panel-100b {background: #e2e1cf}



#main .background {background:#e2e1cf; clear:both}







/* lower buttons */







.lowerbutton-a {font-size:0.8em; font-weight: bold; color:#fff; padding: 3px; float:left; margin: -5px 5px 0 0}



.lowerbutton-b {font-size:0.8em; font-weight: bold; color:#fff; padding: 3px; float:left; margin: 8px 5px 0 0}







#com #main .lowerbutton-a, #com #main .lowerbutton-b {background: #7f7662}







#com #main .lowerbutton-a a:link, #com #main .lowerbutton-a a:visited, #com #main .lowerbutton-a a:hover, #com #main .lowerbutton-a a:active, #com #main .lowerbutton-b a:link, #com #main .lowerbutton-b a:visited, #com #main .lowerbutton-b a:hover, #com #main .lowerbutton-b a:active {color: #fff; text-decoration: none}



#com #main .lowerbutton-a a:hover, #com #main .lowerbutton-b a:hover {text-decoration: underline}







/* alignment correction for boxbutton element */







#main .correct-bg {width:100%}



#main .correct-mg {margin-left:0}



#main .correct-bg {background: #e2e1cf}







/* shaded right-panel links */







.linkpanel {width: 12em; float: right; margin-top:5px; padding-bottom:0.5em; clear:right}



.linkpanel-top {width: 100%; padding-bottom:0.5em; float: right; padding-top:3px;}



.linkpanel-top h2 {display:inline; padding: 3px 5px 3px 5px; position:relative; margin:0; font-weight:bold}



.linkpanel-top h3 {margin:0; padding:0.5em 0.5em 0}



.linkpanel-top p {margin: 0.5em 0.5em 0 0.5em; font-size: 0.8em}



.tag-right a:link, .tag-right a:visited, .tag-right a:active  {float: right; text-align: right; text-decoration: none; padding-right: 5px}



.tag-right a:hover {text-decoration: underline}







/* right panel top section, class defined */







#sex .linkpanel-top {background: #ffd791}



#sex .linkpanel-top p, #sex .linkpanel h3 {color: #7d3601}



#sex .linkpanel-top h2 {color: #fff; background:#e8690c}







#com .linkpanel-top {background: #e2e1cf}



#com .linkpanel-top p, #com .linkpanel h3 {color: #232323}



#com .linkpanel-top h2 {color: #fff; background:#7f7662}







.linkpanel-sex {font-size: 0.7em; background: #ffd791; color: #7d3601; padding: 5px;}



.linkpanel-hea {font-size: 0.7em; background: #d1efc8; color: #134b01; padding: 5px;}



.linkpanel-dri {font-size: 0.7em; background: #bfeaff; color: #00354f; padding: 5px;}



.linkpanel-hom {font-size: 0.7em; background: #e0c4ed; color: #380054; padding: 5px;}



.linkpanel-wor {font-size: 0.7em; background: #efe7a5; color: #3d3601; padding: 5px;}



.linkpanel-tra {font-size: 0.7em; background: #ffb19d; color: #661500; padding: 5px;}



.linkpanel-com {font-size: 0.7em; background: #e2e1cf; color: #232323; padding: 5px;}



.linkpanel-abo {font-size: 0.7em; background: #ffb0c5; color: #8a1132; padding: 5px;}







.linkpanel-sex a:link, .linkpanel-sex a:visited, .linkpanel-sex a:hover, .linkpanel-sex a:active {background: #ffd791; color: #7d3601;}



.linkpanel-hea a:link, .linkpanel-hea a:visited, .linkpanel-hea a:hover, .linkpanel-hea a:active {background: #d1efc8; color: #134b01;}



.linkpanel-dri a:link, .linkpanel-dri a:visited, .linkpanel-dri a:hover, .linkpanel-dri a:active {background: #bfeaff; color: #00354f;}



.linkpanel-hom a:link, .linkpanel-hom a:visited, .linkpanel-hom a:hover, .linkpanel-hom a:active {background: #e0c4ed; color: #380054;}



.linkpanel-wor a:link, .linkpanel-wor a:visited, .linkpanel-wor a:hover, .linkpanel-wor a:active {background: #efe7a5; color: #3d3601;}



.linkpanel-tra a:link, .linkpanel-tra a:visited, .linkpanel-tra a:hover, .linkpanel-tra a:active {background: #ffb19d; color: #661500;}



.linkpanel-com a:link, .linkpanel-com a:visited, .linkpanel-com a:hover, .linkpanel-com a:active {background: #e2e1cf; color: #232323;}



.linkpanel-abo a:link, .linkpanel-abo a:visited, .linkpanel-abo a:hover, .linkpanel-abo a:active {background: #ffb0c5; color: #8a1132;}







/* left link tab wrap */







#links h3.lefttabwrap {display:block; width:80%; margin-bottom:-3px}







/* page 22 */







.fullwidth {width:46.5em}



.align-b {margin: -10px 0 0 0 !important; margin: 0; padding:0}



#main .mg-override {margin-top:0}



#main h2.nolink  {color:#fff}



#main .tabwrap {display:block; width: 80%}



#main .mg-neg {margin:5px 0 10px 0 !important; margin:-10px 0 10px 0}



#main .mg-negb {margin:-10px 0 10px 0 !important; margin:-10px 0 10px 0}



#main .mg-neg2 {margin:-5px 0 10px 0}



#main .mg-neg2b {margin:5px 0 0 0 !important; margin:-5px 0 0 0}



#main .mg-neg3 {margin: -10px 0 0 0 !important; margin: 0 0 -10px 0; padding:0}



#main .mg-neg3b {margin:-10px 0 0 0 !important; margin: 0 0 0 0}



#main .mg-neg4 {margin: -5px 0 0 0 !important; margin:-20px 0 0 0}



#main .mg-neg5 {margin:0 !important; margin: -30px 0 0 0}



#main .mg-add {margin: 10px 0 0 0}



#main .mg-add2 {margin-top:40px !important; margin-top:21px}



#main .mg-add3 {margin: 25px 0 0 0}



#main .mg-add3b {margin: 10px 0 0 0}



#main .greybox-adj {padding-bottom:0; font-weight:bold}



#main .boxpad {padding: 0 5px 8px 5px}



#main .boxwidth {width: 32.5%}







#sex #main .link-override a {color: #333}



#sex #main .link-override a:link, #sex #main .link-override a:visited, #sex #main .link-override a:hover, #sex #main .link-override a:active {color: #333}



#hea #main .link-override a {color: #333}



#hea #main .link-override a:link, #hea #main .link-override a:visited, #hea #main .link-override a:hover, #hea #main .link-override a:active {color: #333}



#dri #main .link-override a {color: #333}



#dri #main .link-override a:link, #dri #main .link-override a:visited, #dri #main .link-override a:hover, #dri #main .link-override a:active {color: #333}



#hom #main .link-override a {color: #333}



#hom #main .link-override a:link, #hom #main .link-override a:visited, #hom #main .link-override a:hover, #hom #main .link-override a:active {color: #333}



#wor #main .link-override a {color: #333}



#wor #main .link-override a:link, #wor #main .link-override a:visited, #wor #main .link-override a:hover, #wor #main .link-override a:active {color: #333}



#tra #main .link-override a {color: #333}



#tra #main .link-override a:link, #tra #main .link-override a:visited, #tra #main .link-override a:hover, #tra #main .link-override a:active {color: #333}



#com #main .link-override a {color: #333}



#com #main .link-override a:link, #com #main .link-override a:visited, #com #main .link-override a:hover, #com #main .link-override a:active {color: #333}



#abo #main .link-override a {color: #333}



#abo #main .link-override a:link, #abo #main .link-override a:visited, #abo #main .link-override a:hover, #abo #main .link-override a:active {color: #333}







#main .pad-override {padding:0; margin:2px}







#sex .boxbdr {border:1px solid #e8690c}



#hea .boxbdr {border:1px solid #390}



#dri .boxbdr {border:1px solid #2691d3}



#hom .boxbdr {border:1px solid #9e48c9}



#wor .boxbdr {border:1px solid #baa601}



#tra .boxbdr {border:1px solid #fc4518}



#com .boxbdr {border:1px solid #7f7662}



#abo .boxbdr {border:1px solid #d93c65}







/* page 14 adjustment */







#main .box-spec p {padding: 0 5px 0 5px !important; padding:5px; font-size: 0.7em}



#main .box-spec p {color: #333}



#main .box-spec h3 {color: #333; font-size: 0.7em; margin-top:-5px !important; margin-top:-15px; padding-left:5px}



#main .box-spec {width:22em; margin-top: 4px}







#main .box-spec-img img {float:left; padding: 5px 5px 10px 5px}







#com #main .box-spec {border: 1px solid #e2e1cf}



#abo #main .box-spec {border: 1px solid #ffb0c5}







#sex #main .results h2 {background: #e8690c; color: #fff; padding: 0.3em; display:inline}



#hea #main .results h2 {background: #390; color: #fff; padding: 0.3em; display:inline}



#com #main .results h2 {background: #7f7662; color: #fff; padding: 0.3em; display:inline}



#abo #main .results h2 {background: #d93c65; color: #fff; padding: 0.3em; display:inline}







/* poll blocks */







.poll-block { clear:both;width:100%; margin-top:-5px}



.poll-label {float: left; width: 75%; font-size:0.7em; text-align: left; padding: 8px 5px 0 5px}



.poll-image-block {float: left; width: 10%; margin-top: 8px; padding: 0}



.poll-image-bg {width:1.6em; background:#bcb6a4}



.poll-image-percentage {background: url(/newsite/images/generic/darkbar.gif); height:0.5em}



.poll-figure {float: left; width: 10%; font-size:0.7em; font-weight: bold; text-align: right; padding: 5px 0 0 0}



.poll-clear {height:25px; clear:both}







/* add for boltons */







.poll-block-bolton {clear:both; width:100%; margin-top:-5px; background:#e2e1cf; padding-bottom:5px; overflow:auto;}



.poll-label-bolton {float: left; width: 55%; font-size:0.7em; background:#e2e1cf; text-align: left; padding: 5px 0px 0 5px}



.poll-image-bolton {float: left; width: 20%; margin-top: 5px; background:#e2e1cf; padding: 0}



.poll-figure-bolton {float: left; width: 15%; font-size:0.7em; font-weight: bold; background:#e2e1cf; text-align: right; padding: 2px 5px 0 0}



.poll-pad {padding-bottom:10px}







#main .width-full {width:99.5%}







/* page 13 netscape button hack */







.ns-adj {margin-top:-10px !important; margin-top: 0}







/* page 28 font & button hacks */







#main .em08, #com #main .em08, #abo #main .em08 {font-size:0.8em}



.button-adj {margin-top:0}



.shaded-box-left {width:49.5%; float:left}



.shaded-box-right {width:49.5%; float:right}







/* page 20 linkable h3 title hack */







#com #main .title-adj, #com #main .title-adj a:link, #com #main .title-adj a:visited, #com #main .title-adj a:hover, #com #main .title-adj a:active {background:#f7f7ef; color:#333}







/* 3px drop in ie; margin adjustment hack */







#com #main .ie-pad-adj {padding-top:2px !important; padding-top:1px}



#com #main .ie-pad-ttl-adj {padding-top:2px}







/* page 24 */







#main .np-t {padding-top:0}



#main .np-b {padding-bottom:0}



#main .p24-adj {margin-top:53px !important; margin-top:8px}







/* page 25 & 26 */







#holder #main .box-width {width:100%}



#main .addpad {clear:both; padding:5px 0 10px 10px}



#main .addpad-left {clear:both; padding:0 0 10px 20px}



#main .addpad-right {clear:both; padding:0 0 10px 5px}



#main .img-left {margin:10px 5px 5px 10px; border:1px solid #333}



#main .img-right {margin:10px 20px 5px 5px; border:1px solid #333}



#main .bg-correct {background:#e2e1cf; padding-top:5px}







#main .ec-border {border:1px solid #333}



#main .ecform-left {width:70%; margin-top:10px; float:left}



#main .ecform-right {width:30%; margin-top:10px; float:left}



#main .ecform-right p {font-size:1em}



#main .ecform-rowadj {width:32em}



#main .ecform-labadj {width:10em}



#main .ecform-labadj2 {width:11em}



#main .ecform-inpadj {width:21em}



#main .ecform-areaadj {width:36.5em}



#main .ecform-date {width:4.5em !important; width:4em; float:left; margin-right:0.3em}



#main .ecform-mth {width:7em !important; width:6em; float:left; margin-right:0.3em}



#main .ecform-year {width:6em; float:left}



#main .ec-button {margin:20px 0 30px 0 !important; margin:20px 0 10px 0; width:47em}



#main .ecbutton-adj {float:right; margin-left:5px}



/* Added for ecards by DJ */

#main .ecform-rowadj-pickup {width:40em}

#main .ecform-labadj-pickup {width:13em}

#main .ecform-left4 {width:95%; margin-top:10px; float:left; font-size:0.7em; padding:0 10px 0 10px}



/* sitemap */







#main .right-zero {margin-right:0;padding-right:0}



#main .sitemap1 {width:32.5%; float:left; margin-top:20px; margin-right:0.4em}



#main .sitemap2 {width:32.5%; float:left; margin-top:20px}



#main .sitemap-mg1 {margin-top:25px !important; margin-top:5px}



#main .sitemap-mg2 {margin-top:-20px}



#main .tab-width {width:85%; height:16px; padding:3px 5px 4px 5px; margin:0 0 -5px 0; display:block}



#main .bg-stretch {height:37em} /* stretches colour to fixed length; alter as approprite def 40em */







#main .text-white {color:#fff}



.sitemap-sex {background:#ffd791;margin-top:5px;}



#abo #main .sitemap-sex a:link, #abo #main .sitemap-sex a:visited, #abo #main .sitemap-sex a:hover, #abo #main .sitemap-sex a:active {color: #7d3601; background:#ffd791}



.sitemap-hea {background:#d1efc8;margin-top:5px;}



#abo #main .sitemap-hea a:link, #abo #main .sitemap-hea a:visited, #abo #main .sitemap-hea a:hover, #abo #main .sitemap-hea a:active {color: #134b01;}



.sitemap-dri {background:#bfeaff;margin-top:5px;}



#abo #main .sitemap-dri a:link, #abo #main .sitemap-dri a:visited, #abo #main .sitemap-dri a:hover, #abo #main .sitemap-dri a:active {color: #00354f;}



.sitemap-hom {background:#e0c4ed;margin-top:5px;}



#abo #main .sitemap-hom a:link, #abo #main .sitemap-hom a:visited, #abo #main .sitemap-hom a:hover, #abo #main .sitemap-hom a:active {color: #380054;}



.sitemap-wor {background:#efe7a5;margin-top:5px;}



#abo #main .sitemap-wor a:link, #abo #main .sitemap-wor a:visited, #abo #main .sitemap-wor a:hover, #abo #main .sitemap-wor a:active {color: #3d3601;}



.sitemap-tra {background:#ffb19d;margin-top:5px;}



#abo #main .sitemap-tra a:link, #abo #main .sitemap-tra a:visited, #abo #main .sitemap-tra a:hover, #abo #main .sitemap-tra a:active {color: #661500;}



.sitemap-com {background:#e2e1cf;margin-top:5px;}



#abo #main .sitemap-com a:link, #abo #main .sitemap-com a:visited, #abo #main .sitemap-com a:hover, #abo #main .sitemap-com a:active {color: #232323;}



.sitemap-abo {background:#ffb0c5;margin-top:5px;}



#abo #main .sitemap-abo a:link, #abo #main .sitemap-abo a:visited, #abo #main .sitemap-abo a:hover, #abo #main .sitemap-abo a:active {color: #8a1132;}







/* template 001 ns hack */



#boltons p.description2 {background: #07C307; padding: 0.4em 0.6em 0.6em; margin:0}

#boltons p.festival a {background:#23A9EF; color: #fff; padding: 2px 3px 3px 3px}





#main .adj-pad {padding-left:5px !important; padding-left:0}



.adj-main {margin-top:-25px !important; margin-top:0}


/* bolton for mp3 - homepage */

#mp3Bolton {background:url(/newsite/images/generic/mp3.jpg) no-repeat; border:1px solid #FB4716;	margin-bottom:.5em;	height:4.7em; padding:.25em 0 .4em 3.5em; }

#mp3Bolton h3 {background:none;	font-size:1em;}

#mp3Bolton h3 a {color:#FB4716;	background:none; padding-top:.25em; padding-left:0;}

#mp3Bolton .downloadLink a {margin-bottom:.65em; color:#FB4716;	background:none; padding-left:0;}

#mp3Bolton p {margin-bottom:2px;}


#body .mainMedia{width:34em;  }

#home .sub-med-head {width:100%} /* multimedia page*/

ul.sex_multimedia {background:url(/newsite/images/generic/sex_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.hea_multimedia {background:url(/newsite/images/generic/hea_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.dri_multimedia {background:url(/newsite/images/generic/dri_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.hom_multimedia {background:url(/newsite/images/generic/hom_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.wor_multimedia {background:url(/newsite/images/generic/wor_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.tra_multimedia {background:url(/newsite/images/generic/tra_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.com_multimedia {background:url(/newsite/images/generic/com_download_small.gif) no-repeat 1px 7px; padding-left:2em;}
ul.abo_multimedia {background:url(/newsite/images/generic/abo_download_small.gif) no-repeat 1px 7px; padding-left:2em;}