/* PAGE STYLES */
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #fff;
	color: #036;
}

/* LAYOUT and NAVIGATIONAL STYLES */

/* Main box with edge and corner backgrounds */
.t {background: url(../images/top1.gif) 0 0 repeat-x; width: 80%; margin: 0 auto}
.b {background: url(../images/bottom1.gif) 0 100% repeat-x}
.l {background: url(../images/left1.gif) 0 0 repeat-y}
.r {background: url(../images/right1.gif) 100% 0 repeat-y}
.bl {background: url(../images/bottomleft1.gif) 0 100% no-repeat}
.br {background: url(../images/rightbottom1.gif) 100% 100% no-repeat}
.tl {background: url(../images/topleft1.gif) 0 0 no-repeat}
.tr {background: url(../images/righttop1.gif) 100% 0 no-repeat; z-index: 1}
.fillleftbottom {background: url(../images/leftbottom1.gif) 0 0 no-repeat; width:19px; height: 49px; position: relative}

/* Left-hand menu */
.menuleft {position:absolute; padding-top:100px; padding-left:11px; padding-right:10px; z-index: 1}
.menuleft ul {position:relative; display:block; margin-top:0; margin-left:0; padding-left:0; list-style-type: none; font-size:13px;}
.menuleft a {display:block; padding-top: 2px; padding-bottom: 2px; width: 125px; background-color: #600; color: #fff; border-bottom: 1px solid #000; text-align: center} 
.menuleft a:link, .menulist a:visited {background-color: #900707; color:#eee; text-decoration: none}
.menuleft a:hover {background-color: #C03737; color: #fff}

/* Left-hand menu highlight of current page */
.fmp .menuleft .menulist .fmpmenu, 
.hivaids .menuleft .menulist .hivaidsmenu,
.lgbtfife .menuleft .menulist .lgbtfifemenu,
.chooselife .menuleft .menulist .chooselifemenu,
.menshealth .menuleft .menulist .menshealthmenu,
.sexhealth .menuleft .menulist .sexhealthmenu,
.hatecrime .menuleft .menulist .hatecrimemenu,
.newsviews .menuleft .menulist .newsviewsmenu,
.crew .menuleft .menulist .crewmenu,
.events .menuleft .menulist .eventsmenu,
.articles .menuleft .menulist .articlesmenu,
.condoms .menuleft .menulist .condomsmenu,
.poetryculture .menuleft .menulist .poetryculturemenu,
.simply .menuleft .menulist .simplymenu,
.training .menuleft .menulist .trainingmenu,
.shopping .menuleft .menulist .shoppingmenu,
.accommodation .menuleft .menulist .accommodationmenu,
.volunteer .menuleft .menulist .volunteermenu,
.links .menuleft .menulist .linksmenu,
.contact .menuleft .menulist .contactmenu {background-color: #575d8b; color:#eee; border-bottom: 1px solid #ddd;}

/* Left-hand menu what's new highlight
.chooselifemenu, .sexhealthmenu {
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
}
 */
 
/* Simply being me page */
body.simply {
	font-size: medium;
}

/* Main content area */
.mainright {padding-top:0px; padding-left:147px}
.middle {position:relative; top:0px; left:0px; padding-left:15px; padding-right:25px; height: 41em}
html>body .middle {height: auto; min-height: 42em}

/* Index page */
.index .middle {height:16em}
html>body.index .middle {height: auto; min-height: 17em}
.index .t {width: 60%}
.indexbutton {
	width: 100px;
	border: thin solid Black;
	background-color: #33CC33;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	float: left;
	height: 25px;
	font-size: x-large;
	font-weight: bold;
}
.indexbutton:hover {
	background-color: #FF6544;
	cursor: pointer;
}
.indexbutton a, .indexbutton a:hover, .indexbutton a:visited, .indexbutton a:link {
	text-decoration: none;
	color: Black;
}

/* Top navigation bar */
.bartop {position:relative; top:0px; left:147px; z-index: 0; overflow: hidden;}
.bartop ul {position:absolute; display:block; top:0px; left:150px; width: 35%; margin-top: 0px; margin 0 auto; padding-left:0; list-style-type: none;}
.barlist li {border:0px; float: right; margin: 0 0 0 0; padding: 0 0 0 0}
.toptext {font-size:13px; height:20px; text-align: center; padding-top:46px; margin-top:0px}
.toptext a:link, .toptext a:visited {color:#ddf; font-weight:bold; text-decoration: none}
.toptext a:hover {color:#fff; text-decoration: underline}

/* Top navigation bar images */
#tophometext {background-image: url(../images/hometop2.gif); width:50px}
#topnewsviewstext {background-image: url(../images/newsviewstop2.gif); width:50px}
#topfmptext {background-image: url(../images/fmptop2.gif); width:50px}
#topcontacttext {background-image: url(../images/contacttop2.gif); width:50px}
#toplinkstext {background-image: url(../images/linkstop2.gif); width:50px}

/* Top navigation bar highlight of current page */
.home .bartop .barlist .tophome, 
.newsviews .bartop .barlist .topnewsviews, 
.fmp .bartop .barlist .topfmp, 
.contact .bartop .barlist .topcontact, 
.links .bartop .barlist .toplinks {color:#bbd}

/* Copyright and logo */
.menuleftcopyrt {background: url(../images/fmplogobottom.gif) 0 100% no-repeat; height: 102px; width:125px; position: absolute; left:-136px; top: -98px; font-size:12px; color:#fff; padding-top: 0px; text-align:center; z-index: 0}

/* Back to top link */
.backtotop {background: url(../images/backtotop.gif) 0 100% no-repeat; height: 49px; width:140px; position: absolute; left: 19px; top: 0px; font-size: 10px; padding-bottom: 0px; margin: 0 0 0 0; text-align: center}
a.backtotop {display: block; height: 49px; width:140px; color:#ddf; font-weight:bold; text-decoration: none}

/* Footer */
.footerline {padding-top:10px; color: black; font-size:0.75em; text-align:center}

/* Link images have no border */
a>img {border:0px}

/* CONTENT STYLES */

/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-variant:normal; font-style:normal; line-height: normal; margin: 0 0 0 0}
h1 {font-size: 2em; padding-top:0ex}
.h1underline {border-bottom: 1px solid #900707}
h2 {font-size: 1.5em; padding-top:2ex}
h3, h4, h5, h6 {font-size: 1em; padding-top:2ex}
h3 {
	color: #663333;
	font-weight: bold;
}

/* Features */
.pageicon {
	float: right;
	clear: right;
}
.acrolink {
	float: right;
	clear: right;
	margin: 0 0 10px 10px;
	font-size: 10px;
	color: gray;
	width: 120px;
	background-color: #F5F5F5;
	padding-left: 3px;
	padding-right: 3px;
}
.maplink {
	float: right;
	clear: right;
	margin: 0 0 0 0;
	font-size: 10px;
	color: gray;
	width: 310px;
	height: 310px;
	background-color: #F5F5F5;
	padding-left: 3px;
	padding-right: 3px;
}
.filesize {
	font-size: 10px;
	color: gray;
	text-align: right;
}
.standoutbox {
	margin: 20px 0px 0px 0px;
	width: 350px;
	padding: 10px 10px 10px 10px;
	background-color: #FFFFCC;
}
.advertbox {
	margin: 20px 0px 0px 0px;
	width: 80%;
	padding: 10px 10px 10px 10px;
	background-color: #FFCC99;
}
.ansbutton {
	color: #FFFFFF;
	background-color: #900707;
}
.anstext {
	color: #FFFFFF;
	background-color: #008000;
	padding: 10px;
}