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


html, body {
	background: #663398;
	color:black;
	margin:0;
	padding:0;
	font-family: Verdana,"Trebuchet MS",Arial,sans-serif;
	font-size:x-small;
}

#banner {
	position: absolute;
	top:59px;
	left: 0;
	width:799px;
	height:95px;
	z-index:5;
}
#topnav {
	position:absolute;
	top:20px;
	left:280px;
	color:#000;
	font-size: x-small;
	width: 400px;
	z-index:5;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
}
html>#topnav{
	font-size: small;
}
#topnav a{
	color: #000;
	text-decoration: none;
}
#topnav a:hover{
	color: #9966cb;
	text-decoration: underline;
}
#container {
	width: 801px;
	float: left;
	background: #9966cb url(border.gif) 200px 0px repeat-y;
	clear:right;
	margin: 0;
	padding:0;
}

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


#leftcolumn #bgrnd {
	background: url(src.gif) repeat;
	display: block;
	width:200px;
	height: 177px;
	border-bottom: 1px solid #ccc;   
}
#leftcolumn ul#nav {
	list-style-position: inside;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 200px;
	display: block;
	clear: both;
}
#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: #663398;
	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: #96c;
}

#leftcolumn #help {display:block;width:200px;}
#leftcolumn #help h2 {
	display:block;
	float: left;  /* needed 4 safari */
	clear:right; /* needed 4 safari */
	margin:0;
	padding: 12px 0 4px 20px;
	border-bottom: 1px solid #ccc;
	background: #663398 url(uptab.gif) 11px 7px no-repeat;
	color: #cdb2e5;
	font-size: 14px;
	font-weight: bold;
	overflow:hidden;
	width:200px;
	height: 31px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:180px;
	height: 14px;
}
html>#leftcolumn #help h2 {
	width:180px;
	height: 14px;
}

#leftcolumn #help p{
	display:block;
	clear:both;
	margin: 0 0 15px 12px;
	padding: 5px 10px 8px 10px;
	background: #c9f url(lowtab.gif) left bottom no-repeat;
	color: #6934cc;
	font-size:xx-small;
	width: 159px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:139px;
	font-size:x-small;
}
html>#leftcolumn #help p {
	width:139px;
	font-size:x-small;
}


#container #wrap {
	position: relative;	
	left: -1px;			
	display: inline;
	clear: right;
	float: left;
	min-height: 500px; 
	background: #cb99cc;
	border-left: 1px solid #ccc;
	width: 599px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 598px;
}
html>#container #wrap {
	width: 598px;
}
* html #wrap{
/* \*/	
	height:500px; 
/* */
}

#wrap #rightcolumn {
	background: #fff;
	margin: 0 0 0 49px;
	padding: 177px 50px 20px 50px;
	min-height:500px;
	width:400px;
	font-size:120%;
}
* html #wrap #rightcolumn {
/* \*/
	width:500px;
	height:500px;
	w\idth:400px;
	he\ight:203px;
/* */
}

#rightcolumn h1{color: #7d2cd3;margin:0 0 20px 0;font-weight: bold;font-size:200%;}
#rightcolumn h2{color: #7d2cd3;margin:0 0 15px 0;font-weight: bold;font-size:150%;}
#rightcolumn h2.diff{color: #cb3398;}
#rightcolumn h3{color: #000;margin:0 0 10px 0;font-size:120%;font-weight: bold;}
#rightcolumn p {color: #000;margin:0 0 10px 0;font-weight: normal;}
#rightcolumn a{text-decoration: underline;color: #000;}
#rightcolumn a:hover{text-decoration: none;color: #9966cb;}

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

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

#foot{
	float: left;
	clear: both;
	background: #cb99cc url(border.gif) 200px 0px repeat-y;
	border-right:1px solid #9966cb;
	border-bottom:1px solid #9966cb;
	margin: 0 0 20px 0;
	width:800px;	
}
* html #foot {
	width: 801px;
	w\idth: 800px;
}

#foot #spon{
	display:inline;
	float:left;
	clear:both;
	margin:0;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #ccc;
	background: #9966cb;
	min-height: 70px;
	width: 180px;
}
* html #foot #spon{
	height: 80px;
	width:201px;
	he\ight: 70px;
	w\idth:180px;
}
#spon img {display:inline;border:0;margin:0;padding:0;clear:none;}


#foot #imprint {
	position: relative;	
	left: -1px;			
	display:inline;
	float:left;
	clear:right;
	margin: 0;
	padding: 8px 0px 20px 49px;
	border:0;
	border-left: 1px solid #ccc;
	min-height:52px;
	font-size: x-small;
	color: #fff;
	width: 496px;
}
* html #foot #imprint {
	width: 545px;
	height:80px;
	w\idth: 496px;
	he\ight:52px;
	font-size: xx-small;
}


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