/* @override http://www.wiziwig.org.uk/styles.css */

/* @override 
	http://gromit.local/menssexualhealth.org.uk/styles.css
	http://localhost/menssexualhealth.org.uk/styles.css
	http://www.wiziwig.org.uk/styles.css
*/

BODY {
	margin: 0;
	background-color: rgb(80, 80, 80);
	text-align: center;
	background-image: url(graphics/pageback.png);
	background-position: center;
	background-repeat: repeat-y;
	
	/* text styles */
	font-family: Tahoma, Helvetica, sans;
}

BODY.simple {
	margin: 0;
	background-color: rgb(80, 80, 80);
	text-align: center;
	background-image: url(graphics/simplepageback.png);
	background-position: center;
	background-repeat: repeat-y;
	
	/* text styles */
	font-family: Tahoma, Helvetica, sans;
}

#page {
	background: white url(graphics/pagedivback.png) repeat-y;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 968px;
}

#page.frontpage {
	background: white url(graphics/frontpagedivback.png) repeat-y;
}

#header {
	background: url(graphics/headerback.png);
	width: 968px;
	height: 120px;
}

#header img#logo {
	position: absolute;
	top: 30px;
	left: 30px;
}

#mainmenu {
	height: 22px;
	margin-top: -4px;
	background: url(graphics/mainmenuback.png);
	width: 960px;
	padding-top: 9px;
	padding-left: 8px;
	padding-bottom: 5px;
	font-size: 90%;
}

#mainmenu A {
	color: rgb(192, 192, 192);
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 8px;
	padding-right: 8px;
}

#mainmenu A:hover {
	background: url(graphics/mainmenuhoverback.png);
}

#mainmenu A.current {
	color: rgb(211, 231, 227);
	background: url(graphics/mainmenucurrentback.png);
}

#backlink {
	width: 968px;
	height: 28px;
	background: rgb(80, 80, 80);
	color: rgb(200, 200, 200);
	font-size: 80%;
}

#backlink P {
	margin-top: 0;
	background: url(graphics/backarrow.png) 0px 6px no-repeat;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 24px;
}

#backlink A {
	color: rgb(200, 200, 200);
}

#leftside {
	margin-top: 0px;
	float: left;	
}

#sectionimage {
	margin-top: 0px;
	padding-top: 0px;
	background-color: rgb(128, 128, 128);
}

#sectionmenu {
	margin-top: -4px;
	padding-top: 30px;
	background: url(graphics/sectionmenuback.png) no-repeat;
	width: 200px;
	height: 768px;
	padding-left: 30px;
	padding-right: 30px;
}

#sectionmenu DIV.frontmenu {
	padding-top: 14px;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 90%;
}

#sectionmenu DIV.frontmenu P.highlight {
	margin-top: 16px;
	font-weight: bold;
}

#sectionmenu DIV.menu {	font-size: 80%;
}

#sectionmenu DIV P {
	margin-top: 0px;
	margin-bottom: 8px;
}

#sectionmenu DIV P.sidemenu_heading {
	color: white;
	margin-top: 1.5em;
	font-weight: bold;
	font-size: 90%;
}

#sectionmenu DIV P.topitem,
#sectionmenu h2 {
	font-weight: bold;
	margin-bottom: 14px;
}

#sectionmenu DIV A {
	text-decoration: none;
	color: white;
}

#sectionmenu P.sub {
	font-size: 95%;
	margin-left: 12px;
}

#sectionmenu P.sub A {
	color: rgb(200, 200, 200);
}

#sectionmenu DIV.donationbox {
	margin-top: 20px;
	padding: 8px 8px 0px 8px;
	font-size: 80%;
	font-weight: bold;
	background-color: rgb(255, 255, 255);
	color: rgb(0,101,166);
}

#sectionmenu DIV.donationbox FORM {
	margin: 0; padding: 0;
}

#sectionmenu P.sectionmenubox {
	margin-top: 1em;
	padding: 8px;
	font-size: 80%;
	font-weight: bold;
	background-color: rgb(191, 217, 233);
	color: rgb(0,101,166);
}

#sectionmenu P.sectionmenubox A {
	color: rgb(0, 124, 82);
	text-decoration: underline;
}

#content {
	float: right;
	left: 200px;
	background-color: white;
	width: 708px;
	padding-bottom: 20px;
}

#content.contentfront {
	float: left;
	width: 968px;
	background: none;
}

#frontleft {
	float: left;
	width: 648px;
	background: url(graphics/frontleftback.png) no-repeat;
}

#newsstories {
	margin-top: 30px;
}

#frontright {
	float: left;
	width: 320px;
	height: 600px;
	background: url(graphics/frontrightback_plain.png) no-repeat;
	/*background: #f6f6f6;*/
}

#news div.news_item div.newsitem div.newsimage {
	display: inline-block;
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

#news div.news_item div.newsitem h1 {
	font-size: 150%;
}

#news div.newsimage span.imagecaption {
	display: block;
	text-align: center;
	margin-top: 3pt;
}

#news div.newsimage a {
	text-decoration: none;
}

#news div.news_item div.newsitem h1 a {
	text-decoration: none;
	color: rgb(0,101,166);
}

div.sidebar {
	width: 280px;
	background: url(graphics/sidebarback.png) no-repeat;

	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 0px;
}

div.sidebar div.sidebarcontent {
	padding: 10px;
}

div.sidebar.graphic div.sidebarcontent {
	padding: 0;
}

div.sidebar.graphic div.sidebarcontent img {
	display: block;
}

div.sidebar.donate {
	background-image: url(livesite/graphics/bulletins/donate_background.png);
	font-size: 90%;
}

div.sidebar.donate p {
	margin-top: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 1em;
	color: rgb(64, 64, 64);
}

#frontright div.sidebar.donate p strong {
	color: rgb(255, 148, 0);
}

div.sidebar.social {
	width: 166px;
	position: relative;
	background-image: url(livesite/graphics/bulletins/social_background.png);
	padding-top: 19px;
	padding-left: 72px;
	padding-right: 82px;
	font-size: 90%;
}

div.sidebar.social p {
	margin: 0 !important;
}

div.sidebar.social a {
	color: rgb(69, 76, 160) !important;
}

div.sidebar.social a#social_widget_facebook_link {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 40px;
	height: 40px;
}

div.sidebar.social a#social_widget_twitter_link {
	position: absolute;
	top: 10px;
	right: 30px;
	width: 55px;
	height: 65px;
}

div.sidebar.search {
	width: 280px;
	position: relative;
	background-image: url(livesite/graphics/bulletins/search_background.png);
	padding-top: 19px;
	font-size: 90%;
}

div.sidebar.search input#q {
	height: 24px;
	width: 166px;
	border: 1px solid rgb(255, 200, 87) !important;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.sidebar.search input.button {
	margin: 0;
	padding: 3px;
	height: 26px;
	width: 26px;
	background-color: rgb(255, 172, 0);
	border: none;
	color: white;
	font-weight: bold;
}


div.sidebar.diary {
	background-image: url(livesite/graphics/bulletins/diary_background.png);
}
div.sidebar.diary a#diary_widget_top_link {
	display: inline-block;
	background: none;
	width: 100%;
	height: 40px;
	margin-bottom: 5px;
}

div.sidebar.diary span#diary_widget_top_link_date {
	color: #cc0000;
	text-decoration: none;
	position: relative;
	display: inline-block;
	width: 32px;
	text-align: center;
	top: 6px;
	font-family: "Comic Sans MS", cursive;
	font-size: 14pt;
	letter-spacing: -1pt;
}

#diary h2 {
	font-weight: normal;
	font-size: 120%;
	margin-top: 1em;
}

#diary_item {
	margin-bottom: 0em;
}

#diary_item p.diary_description {
	color: rgb(96, 96, 96);
	margin-top: 3pt;
	margin-bottom: 0;
}

#diary_item h2.diary_event {
	color: rgb(96, 96, 96);
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 1.5em;
}

#diary_item h2.diary_event_brief {
	color: rgb(96, 96, 96);
	font-size: 75%;
	font-weight: bold;
	margin-bottom: -3pt !important;
}

div.sidebar.diary div.sidebarcontent {
	margin: 0;
	padding-top: 0px;
}

div.sidebar.diary h2.diary_event,
div.sidebar.diary h2.diary_event_brief {
	margin: 0 !important;
	font-size: 80%;
}

div.sidebar #diary_item {
	margin-bottom: 9pt;
}

div.sidebar.diary div.sidebarcontent p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

div.sidebar.diary h2.diary_event span.diary_event_date,
div.sidebar.diary h2.diary_event_brief span.diary_event_date {
	font-weight: normal;
	font-size: 90%;
	display: inline-block;
	margin-bottom: 3pt;
	float: left;
	width: 85px;
}

div.sidebar.diary p.diary_description {
	color: rgb(128, 128, 128);
	margin-bottom: 6pt;
	margin-left: 0 !important;
	margin-right: 0 !important;
	font-size: 75% !important;
}

div.sidebar #diary_item p.diary_information {
	margin-left: 0px;
}

div.sidebar #diary_item p.diary_information span.diary_location {
	font-weight: bold;
	font-style: normal;
	font-size: 90%;
	color: rgb(0, 124, 82);
}

div.sidebar p {
	margin: 0;
}

div.sidebarbottom {
	height: 20px;
	background: url(graphics/sidebarbottom.png) no-repeat;
	margin-bottom: -20px;
}

#copyright {
	clear: both;
	width: 968px;
	background-color: rgb(204, 229, 220);
}

#copyright P {
	margin: 0;
	display: block;
	padding-top: 15px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	font-size: 70%;
	color: rgb(0, 101, 166);
}

#copyright P A {
	color: rgb(0, 101, 166);
}

#simplecontent {
	background: white;
	width: 968px;
}

#sectiontitle {
	width: 768px;
	height: 130px;
	background: url(graphics/sectiontitleback.png) no-repeat;
	margin-bottom: 30px;
}

#sectiontitle H1 {
	position: relative;
	top: 78px;
	margin-top: 0px;
	margin-bottom: 0;
	color: white;
	font-size: 180%;
	font-weight: normal;
	opacity: 0.90;
	filter: alpha(opacity=90);
}

#pagetitle {
	position: relative;
	width: 768px;
	height: 130px;
	background: url(graphics/pagetitleback.png) no-repeat;
	padding: 0;
	margin-bottom: 30px;
}

#pagetitle H2 {
	position: relative;
	top: 14px;
	margin-top: 0px;
	color: white;
	font-size: 120%;
	font-weight: normal;
	opacity: 0.80;
	filter: alpha(opacity=80);
}

#pagetitle H3 {
	position: absolute;
	top: 60px;
	margin-top: 0px;
	color: rgb(0, 101, 166);
	font-size: 90%;
	font-weight: normal;
}

#pagetitle H1 {
	position: absolute;
	top: 80px;
	margin-top: 0px;
	margin-bottom: 0;
	color: rgb(0, 101, 166);
	font-size: 150%;
	font-weight: bold;
}

#content #areabox {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: rgb(204, 229, 220);
	height: 100px;
	border: 1px solid #999999;
}

#content #frontbox {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: rgb(204, 229, 220);
	border: 1px solid #999999;
}

#content #areabox P,
#content #frontbox P {
	font-size: 80%;	
	color: rgb(0,101,166);
	padding: 10px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0px;
}

#content P,
.newsitem DIV {
	color: #333333;
	font-size: 80%;
	margin-left: 30px;
	margin-right: 30px;
}

#diary_item div {
	color: #333333;
	font-size: 80%;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: -3pt;
}

#diary_item p.diary_information {
	margin-top: 6pt;
	font-style: italic;
	color: #999999;
}

#news_news span.postdate {
	color: rgb(128, 128, 128);
}

#content P.tight {
	word-spacing: -0.4pt;
	letter-spacing: -0.1pt;
}

#content P.credit {
	color: #666666;
	font-weight: bold;
	margin-top: 20px;
}

#content DIV.highlightbox {
	margin: 20px;
	background-color: rgb(229, 242, 238);
	border: 0.5pt solid rgb(87, 169, 141);
}

#content DIV.boxout {
	margin: 20px;
	padding: 10px;
	font-family: Tahoma, Helvetica, sans;
	font-size: 80%;
	color: rgb(0, 101, 166);
	background-color: rgb(229, 242, 238);
	border: 0.5pt solid rgb(87, 169, 141);
}

#content DIV.boxout SPAN.title {
	font-size: 100%;
	font-weight: bold;
}

#content A {
	color: rgb(0, 124, 82);
	font-weight: bold;
}

div.newsitem span.imageholder img {
	float: right;
	margin-right: 30px;
	margin-left: 15px;
	margin-bottom: 15px;	
}

H1 {
	font-weight: normal;
	font-size: 125%;
	color: rgb(0, 101, 166);
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
}

H2 {
	font-weight: bold;
	font-size: 90%;
	color: rgb(0, 101, 166);
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: -8pt;
	margin-top: 14pt;
}

#content H2 A {
	color: rgb(0, 101, 166);	
}

H3, H4 {
	font-weight: normal;
	font-size: 80%;
	color: rgb(0, 101, 166);
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: -8pt;
	margin-top: 14pt;
}

HR {
	margin-left: 20px;
	margin-right: 20px;
	border: 1px solid rgb(0, 124, 82);
}

#content H3 A {
	color: rgb(0, 101, 166);	
}

#content UL, OL {
	font-size: 80%;
	margin-right: 30px;
	margin-left: 30px;
	list-style-position: outside;
	padding: 0;
}

#content LI {
	margin-left: 20px;
}

div.newsitem ul li {
	margin-bottom: 6pt;	
}

/* TABLE {
	margin-top: 20px;
	font-size: 80%;
	margin-left: 20px;
	margin-right: 20px;
}

TABLE TD {
	padding: 4px;
	padding-right: 8px;
	background-color: rgb(225, 233, 235);	
} */

TABLE.basic {
	margin-top: 0px;
	margin-right: 20px;
}

TABLE.basic TD {
	vertical-align: top;
	padding: 0;
	background-color: rgb(255, 255, 255);
}

FORM INPUT {
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 4px;	
}

TABLE.inset {
	margin-top: 20px;
	font-size: 80%;
	margin-left: 30px;
	margin-right: 30px;
}

TABLE.inset TD {
	padding: 4px;
	padding-right: 8px;
	background-color: rgb(225, 233, 235);	
}

TABLE.inset TH {
	padding: 4px;
	padding-right: 8px;
	background-color: rgb(225, 233, 235);	
}

#content TABLE.inset P {
	margin-left: 0;
	margin-right: 0;
	font-size: 100%;
}

#content div.footnotes {
	margin-top: 2em;
	margin-right: 30px;
	margin-left: 30px;
	border-top:  3px solid #999999;
	font-style: italic;
}

#content div.footnotes p {
	margin-left: 0;
	margin-right: 0;
	color: #666666;	
}

TABLE.inset A {
	text-decoration: none;
}

TABLE.inset TABLE {
	font-size: 100%;
}

TABLE.insetbold {
	font-size: 80%;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

TABLE.insetbold TD {
	padding: 12px;
	padding-right: 12px;
	background-color: rgb(225, 233, 235);	
}

/* FORMS */
FORM TABLE {
	font-size: 80%;
	margin-left: 20px;
	margin-right: 20px;	
	border-collapse: collapse;
}

FORM TABLE TD {
	vertical-align: top;
	padding: 8px;
	background-color: rgb(229, 242, 238);
	border-collapse: collapse;
}

FORM TABLE TH {
	color: rgb(0, 124, 82);
	padding: 8px;
	background-color: rgb(191, 222, 212);	
}

FORM TABLE INPUT {
	vertical-align: middle;
	border: solid 1px rgb(191, 222, 212);	
	margin-bottom: 4px;
}

FORM TABLE INPUT.button {
	margin-top: -8px;
	font-weight: bold;
	color: rgb(0, 101, 166);
	background-color: rgb(191, 217, 233);
	border-bottom: 2px solid rgb(87, 153, 196);
	border-right: 2px solid rgb(87, 153, 196);
	border-top: 2px solid rgb(229, 240, 246);
	border-left: 2px solid rgb(229, 240, 246);
}

/* NEWS STORIES */
#newsstories P IMG {
}

div.newsitem {
	clear: both;
	margin-bottom: 2em;	
}

#newsstories P.newsdate {
	font-size: 75%;
	color: #999999;
	margin-top: -6px;
}

#newsstories SPAN.update {
	font-weight: bold;
	font-size: 80%;
}

#content P.newsdate {
	font-size: 75%;
	color: #999999;
	margin-top: -6px;
}



#newsstories H1 {
	font-weight: normal;
	margin-bottom: -10px;
	margin-top: 20px;
}

#newsstories H1.news_topstory {
	font-weight: bold;
	font-size: 160%;
}

#newsstories H1.news_topstory A {
	font-weight: bold;
}

#newsstories H1 A {
	font-weight: normal;
	color: rgb(0, 101, 166);
	text-decoration: none;	
}

#newstories H1 SPAN.strong {
	font-weight: bold;
}

#content P.newsheadline_gn {
	font-weight: normal;
	font-size: 125%;
	color: rgb(0, 101, 166);
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: -10px;
}

#content P.newsheadline_su {
	font-weight: normal;
	font-size: 125%;
	color: rgb(0, 101, 166);
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: -10px;
}

#content P.newsheadline_su A, #content P.newsheadline A, #content P.newsheadline_gn A {
	font-weight: normal;
	color: rgb(0, 101, 166);	
	text-decoration: none;
}

#content P.newsheadline {
	font-weight: normal;
	font-size: 125%;
	color: rgb(0, 101, 166);
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: -10px;
}

#newsarchive P.newsitem {
	margin-bottom: 0px;
}

#newsarchive P.newsitemheadline {
	margin-top: 0px;
	margin-bottom: 0px;
}

a.news_list_link {
	text-decoration: none !important;
	font-weight: normal !important;
}

a.news_list_link span {
	font-weight: normal !important;
	color: rgb(0, 124, 82) !important;
}

a.news_list_link strong {
	font-weight: normal !important;
}

/* EXTERNAL */
DIV.external {
	margin-top: 40px;
}

DIV.external H1.title {
	text-align: center;
}

/* GUEST BOOK */

#guestbookentries DIV.guestbookentry {
	margin: 20px;
	padding: 10px;
	background-color: rgb(191, 222, 212);
}

#guestbookentries SPAN.guestbookname {
	color: rgb(0, 124, 82);
	font-weight: bold;
}

#guestbookentries SPAN.guestbookcomment {
	color: rgb(0, 101, 166);
}

#newsstories div.bolditem {
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 1px;
	background-color: rgb(229, 240, 246);
}

#newsstories div.bolditem p.newsdate {
	margin: 0;	
}

#newsstories div.bolditem P {
	margin-left:  0px;
	margin-right: 0px;
}

#newsstories div.bolditem H1 {
	font-weight: bold;
	margin: 0;
}

img#topbanner {
	position: absolute;
	top: 30px;
	right: 30px;
	border: none;
}

/* ===== DIARY ===== */

#content div.diary p {
	margin-top: 3pt;
}

#content div.diary p.diary-month {
	font-weight: bold;
	color: rgb(0, 101, 166);
	font-size: 90%;
	margin-top: 1em;
	margin-bottom: 0;
}

#content div.diary p span.diary-date {
	display: inline-block;
	width: 6.5em;
	font-weight: bold;
	color: #666666;
}

#content div.diary p span.diary-event {
	display: inline-block;
	margin-top: 2pt;
}

#sectionmenu div.diarybox {
	/*margin-top: 20px;*/
	margin-top: 20px;
	padding: 8px;
	font-size: 80%;

	background-color: rgb(204, 229, 220);
	color: rgb(0,101,166);
}

#sectionmenu div.diarybox p.diarybox-title {
	position: relative; /* For IE6 */
	font-weight: bold;
	font-size: 110%;
	color: rgb(0, 124, 82);
}

#sectionmenu div.diarybox A {
	color: rgb(0, 124, 82);
	text-decoration: underline;
}

#sectionmenu div.diarybox p {
	font-size: 90%;
}

#sectionmenu div.diarybox span.diary-date {
	display: inline-block;
	width: 5em;
	float: left;
	clear: both;
	text-align: right;
	padding-right: 6pt;
}

#sectionmenu div.diarybox p span.diary-event {
	font-weight: bold;
	float: left;
	width: 100px;
	padding-bottom: 3pt;
}

#sectionmenu div.diarybox p.diary-month {
	position: relative; /* For IE6 */
	font-weight: bold;
	margin-bottom: 0;
	clear: both;
}

#sectionmenu div.diarybox p.diarybox-link {
	margin-bottom: 0;
	font-weight: bold;
}

/* News */

#searchcontrol {
	margin-top: -30px;	
}

div.sidebar.text div.sidebarcontent a {
	text-decoration: none;
	font-weight: normal !important;
	color: inherit !important;
}

div.sidebar div.sidebarcontent div.text {
	font-size: 75%;
}

div.sidebar div.sidebarcontent div.title {
	margin-top: -2pt;
	font-size: 85%;
	font-weight: bold;
	color: rgb(0,101,166);
}

div.sidebar div.sidebarcontent div.text a {
	text-decoration: underline !important;
	color: inherit !important;
	font-weight: inherit !important;
}

#admin_content table.admintable td.topstorycell {
	background-color: #666666;
}

#news div.news_comment {
	clear: both;
	margin-top: 2em;
}

#news_news div.newsitem p.details_line {
	clear: both;	
}

div.news_comment p.comment_error {
	border: 1px solid red;
	background-color: #ffffcc;
	padding: 10px;
}

div.news_comment p.thank_you_for_comment {
	border: 1px solid green;
	background-color: #ccffcc;
	padding: 10px;	
}

#news div.comment p.commentcredit {
	font-style: italic;
	color: #666666;
	font-size: 75%;
	text-align: right;
}

#news form table.validator {
	width: 330px;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#news table.validator input {
	width: 146px;
	margin-top: 4px;
	height: 20px;
}

#news div.news_comment h2 {
	margin-top: 2em;
}

#news div.news_comment div.comment {
	border: 1px solid #eeeeee;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 1em;
	margin-bottom: 1em;
	background-color: #f6f6f6;
}

#news div.news_comment div.comment p {
	margin-left: 10px;
	margin-right: 10px;
}

#news div.news_comment form textarea {
	width: 100%;
	height: 100px;
}

#content div.searchtoolbar {
	margin-left: 30px;
	margin-right: 30px;
	border: 1px solid #cccccc;
	background-color: #f0f0f0;
	font-size: 80%;
	padding: 5px;
	display: inline-block;
	float: right;
}

#content div.searchtoolbar form {

}