/*
CSS document for Star Project
Southampton Rape Crisis
Copyright Net Efficiency Ltd
Version 0.9
October 23, 2004
*/


html, body {
	background: #be309e;
	color:black;
	margin:0;
	padding:0;
	font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
	font-size:x-small;
}
#container {
	background: #ed2f85 url(border.gif) 200px 0px repeat-y;
	width: 801px;
	margin: 0 0 30px 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 800px;
}
html>#container {
	width: 800px;
}

#toprow{
	margin: 0; padding: 0;
	width: 800px;
	clear: both;
	background: url(star.gif) 10px 13px no-repeat;
	border: 0;
	border-bottom: 1px solid #ccc;
	height: 51px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:50px;
}
html>#toprow{
	height:50px;
}

#toprow #tlft{
	display: inline;
	background: transparent;
	clear: both;
	float: left;
	margin: 0 0 0 48px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 50px;
	width: 153px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:151px;
}
html>div#tlft{
	width: 151px;
}


#titlerow{
	margin: 0; padding: 0;
	width: 800px;
	clear: both;
	background: transparent url(banner.gif) 52px 12px no-repeat;
	border: 0;
	border-bottom: 1px solid #ccc;
	height: 100px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:99px;
}
html>#titlerow{
	height: 99px;
}
#titlerow #lft{
	display: inline;
	clear: both;
	float: left;
	margin: 0 48px 0 48px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 99px;
	width: 153px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:151px;
}
html>#titlerow #lft{
	width: 151px;
}
#titlerow #rght, #titlerow #irght{
	display: inline;
	clear: right;
	float: left;
	height: 99px;
	margin: 0 50px 0 0;
	padding: 0;
	width:501px;
}
#titlerow #rght{
	background: #f269a7 url(bgnd1.jpg) bottom no-repeat;	
}
#titlerow #irght{
	background: #f269a7 url(bgnd3.jpg) bottom no-repeat;	
}
#bodyrow{
	margin: 0;
	padding: 0;
	width: 800px;
	clear: both;
}

#bodyrow #leftcolumn {
	display: inline;
	float: left;
	clear: both;
	border-right: 1px solid #ccc;
	width: 201px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
}
html>#bodyrow #leftcolumn {
	width:200px;
}

#leftcolumn ul#nav {
	list-style-position: inside;
	margin:0;
	padding:0;
	list-style-type: none;
	clear: both;	
	width: 200px;
	display: block;
}
#leftcolumn ul#nav li{
	list-style-position: inside;
	list-style-type: none;
	float: left;
	margin:0;
	padding:0;
	width: 200px;
}
#nav li a {
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 14px 6px 14px; 
	border-bottom: 1px solid #ccc;
	font-size: xx-small;
	text-decoration: none;
	font-weight:bold;
	background: #be309e;
	width:200px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:172px;
	font-size:x-small;
}
html>#nav li a {
	width:172px;
	font-size: x-small;
}
#nav li a:hover{
	background: #7d2cd3;
}

/*		#leftcolumn #help 	*/
#leftcolumn h2.help {
	background: #be309e url(uptab.gif) 12px 7px no-repeat;
	border-bottom: 1px solid #ccc;
	color: #be95e9;
	margin: 0;
	padding: 11px 0 6px 20px;   
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	clear: right;
	overflow:hidden;
	height: 31px;
	width: 200px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
	height: 14px;
}
html>#leftcolumn h2.help {
	width: 180px;
	height: 14px;
}
/*	#leftcolumn #help		*/
#leftcolumn p.help{
	margin: 0 0 15px 12px;
	padding: 5px 10px 8px 10px;
	background: #c9f url(lowtab.gif) left bottom no-repeat;
	color: #63c;
	font-size:xx-small;
	width: 159px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:139px;
	font-size:x-small;
}
html>#leftcolumn p.help {
	width:139px;
	font-size:x-small;
}
#leftcolumn p.help a{
	font-weight: bold;
	text-decoration:none;
}
#leftcolumn p.help a:hover{
	font-weight: bold;
	text-decoration:underline;
}
#container #wrap {
	display: inline;
	float: left;
	clear: right;
	width: 590px;
	font-size: x-small;     /*  ## define font size throung all content areas for front and inner apges ### */
}
* html #wrap{
	font-size: xx-small;
}
/*  main page  */
#wrap #rightcolumn {
	margin: 0 0 0 48px;
	padding: 0 20px 10px 20px;
	background: #990a38 url(bgnd2.jpg) top no-repeat;
	font-size: 120%;
	color:#fff;
	width:461px;
}
* html #wrap #rightcolumn{
	width:501px;
	w\idth:461px;
}


/* inner pages */
#wrap #irightcolumn {
	margin: 0 0 0 48px;
	padding:  0 25px 10px 25px;
	background: #fff;
	font-size: 120%;
	color:#000;
	width:451px;
	min-height:350px;
}
* html #wrap #irightcolumn{
	width:501px;
	w\idth:451px;
/* \*/
	height:350px;
/* */
}

/*  sets page title headline */
#rightcolumn h1, #irightcolumn h1{
	position: relative;
	top: -28px;
	color: #fff;
	margin: 0 0 287px 0;   /* bottom needed for fornt page spacing  */
	padding: 0;
	font-size: 160%;
	font-weight: normal;
}
#irightcolumn h1{margin:0;font-weight:bold;}  /* override for inner page */



/*  front page styling   */
#rightcolumn h2, #rightcolumn h2.diff{margin: 0 0 15px 0;padding: 0;font-weight: bold;font-size:130%;}
#rightcolumn h3{margin: 0 0 10px 0;padding: 0;font-weight: bold;color:#000;font-size:115%;}
#rightcolumn p{margin: 0 0 10px 0;}
#rightcolumn a{text-decoration:underline;color:#000;}
#rightcolumn a:hover{text-decoration:none;color:#fff;}
#rightcolumn ul,#rightcolumn ol{margin: 0 0 12px 1.5em;padding: 0;}
#rightcolumn ul{list-style-type: disc;}
#rightcolumn ol{list-style-type: decimal;}
#rightcolumn li{margin:0 0 8px 0;padding:0;}



/*  inner page styling  */
#irightcolumn h2, #irightcolumn h2.diff{color:#cb3398;	margin: 0 0 15px 0;padding: 0;font-weight: bold;font-size:130%;}
#irightcolumn h2.diff{color:#7d2cd3;}
#irightcolumn h3{color:#000;margin: 0 0 10px 0;padding: 0;font-weight: bold;font-size:115%;}
#irightcolumn p {margin: 0 0 15px 0;padding:0;}
#irightcolumn a{text-decoration: underline;color: #000;}
#irightcolumn a:hover{text-decoration: none;color:  #a01856;}

#irightcolumn ul,#irightcolumn ol{margin: 0 0 12px 1.5em;padding: 0;}
#irightcolumn li{margin:0 0 8px 0;padding:0;}
#irightcolumn ul{list-style-type: disc;}
#irightcolumn ol{list-style-type: decimal;}
#irightcolumn li{margin:0 0 8px 0;padding:0;}

#irightcolumn ul.sitemap{list-style-type: none;margin:0;padding:0;}
#irightcolumn ul.sitemap ul{list-style-type: none;margin:2px 0 0 30px;padding:0;font-size:85%}
#irightcolumn ul.sitemap ul ul{font-size:100%}
#irightcolumn ul.sitemap li{margin:0 0 10px 0;padding:0;}
#irightcolumn ul.sitemap li ul li{margin:0 0 5px 0;padding:0;}
#irightcolumn ul.sitemap ul {font-size:85%}
#irightcolumn ul.sitemap ul ul{font-size:100%}









/*    #######   foooter ######      */
#foot{
	float: left;
	clear: both;
	width: 800px;
	background: #ed2f85 url(border.gif) 200px 0px repeat-y;
}


#foot #spon{
	clear:both;
	display:inline;
	float: left;
	padding: 5px 10px 15px 10px;
	border-right: 1px solid #ccc;
	height: 65px;
	width:201px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 55px;
	width: 180px;
}
html>#foot #spon {
	height: 55px;
	width: 180px;
}
#spon img{border:0;}

#foot #imprint {   
	float:left;
	clear:right;
	display: inline;
	margin: 0; padding:0;	
	width: 599px;
}
#imprint p{
	margin: 0;
	padding: 8px 49px 20px 50px;
	font-size: xx-small;
	color: #fff;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-small;
}
html>#imprint p{
	font-size: x-small;
}
#game{
	position: absolute;
	top: 26px; 
	left: 260px;
	z-index: 5;
	width:189px;
}
#game h2 {
	font-size: 10px;
	color: #fff;
	margin: 0 0 1px 0;
	padding: 6px 8px 6px 8px;
	background: #be2ea7 url(charbgd.gif) top no-repeat;
	overflow:hidden;
	width:167px;
	height:24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:151px;
	height:12px;
}
html>#game h2 {
	width:151px;
	height:12px;
}
#game a {
	margin: 3px 6px 0 0;
	padding: 0;
	display: inline;		
	clear: right;
	float: left; 
	width: 41px;
	height: 41px;
}
a#c1 {background: url(char1.gif) no-repeat;}
a#c2 {background: url(char2.gif) no-repeat;}
a#c3 {background: url(char3.gif) no-repeat;}
a#c4 {background: url(char4.gif) no-repeat;}
a#c1:hover {background: url(char1ov.gif) no-repeat;}
a#c2:hover {background: url(char2ov.gif) no-repeat;}
a#c3:hover {background: url(char3ov.gif) no-repeat;}
a#c4:hover {background: url(char4ov.gif) no-repeat;}

#quiz{
	position: absolute;
	top: 6px;
	left: 560px;
	z-index: 5;	
}
#quiz h2 {
	font-size: 12px;
	color: #fff;
	margin: 0 0 1px 0;
	padding:23px 7px 7px 7px;
	background: #f275ad url(quizbgd.gif) top no-repeat;
	width:167px;
height:44px;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:153px;
height:14px;
}
html>#quiz h2 {
	width:153px;
height:14px;
}

#quiz p {
	font-size: xx-small;
	color: #f5338a;
	margin: 0;
	padding:4px 7px 7px 7px;
	background: #f4b7d3 url(quizbottom.gif) bottom no-repeat;
	width:167px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:153px;
	font-size:x-small;
}
html>#quiz p {
	width:153px;
	font-size: x-small;
}


.alttext{
	display: none;
}
/*  Netscape float bug  */
.clearing {
	height:1px;
	line-height: 1px;
	clear: both;
	font-size: 0px;
}

/*img RO preload */
div#prec1,div#prec2,div#prec3,div#prec4,div#prec5,div#prec6,div#prec7,div#prec8{
display:block;
position:absolute;
left:-999em;
top:0;
height:1px;
width:1px;
}
div#prec1 {background: url(char1.gif) no-repeat;}
div#prec2 {background: url(char2.gif) no-repeat;}
div#prec3 {background: url(char3.gif) no-repeat;}
div#prec4 {background: url(char4.gif) no-repeat;}
div#prec5 {background: url(char1ov.gif) no-repeat;}
div#prec6 {background: url(char2ov.gif) no-repeat;}
div#prec7 {background: url(char3ov.gif) no-repeat;}
div#prec8 {background: url(char4ov.gif) no-repeat;}