/* STYLE SHEET FOR MSW SITE
Created by: DHG
www.mswukltd.co.uk
ToC
	1.defaults
	2.structure
	3.links and navigation
	4.fonts
	5.images
	6.hacks
Notes
*/

/* ----------- 1.defaults -------------*/
*{
	margin: 0;
	padding: 0;
	}
body {
	color: #666666;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	voice-family: "\"}\""; /* font size hack for IE5 */
	voice-family: inherit;
	font-size: small;
	background-color: #c4cbd1;
	background-image:url(images/background.jpg);
	background-repeat:repeat-y;
	background-position:top;
	}
	
/* ------------ 2.structure ------------*/
#wrapper {
	width: 850px;
	}
#masthead {
	padding: 50px 0px 0px 0px;
	background-color: #4D534E;
	}
#navContainer {
	background-image: url(images/navgrad.gif);
	background-repeat: repeat-x;
	height: 22px;
	}
#content {
	width: 850px;
	border-top: solid #4D534E 15px;
	}
#maincontentwrap {
	border-top: solid #000000 1px;
	background-image: url(images/vertline_left.gif);
	background-repeat: repeat-y;
	background-color: #4D534E;
	float: left;
	}
#maincontent {
	width: 580px;
	float: right;
	background-image: url(images/vertline_right.gif);
	background-position: top right;
	background-repeat: repeat-y;
	margin-left: 20px;
	background-color: #FFFFFF;
	}
#sectionheaders {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 80%;
	text-align: left;
	margin-left: 40px;
	/* removed the float for IE6
	float: left;
	*/
	width: 210px;
	}
#sectionheaders a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 4px;
	}
#sectionheaders a:hover {
	background-color: #A1A49A;
	color: #4D534E;
	}
#sectionintros {
	background-color: #A1A49A;
	font-size: 70%;
	color: #000000;
	margin-left: 40px;
	padding: 4px 4px 4px 4px;
	text-align: left;
	margin-bottom: 10px;
	float: left;
	width: 202px;
	voice-family: "\"}\""; /* font size hack for IE5 */
	voice-family: inherit;
	margin-left: 40px;
	display: inline;
	}
#sectionintros a{
	color: #000000;
	text-decoration: none;
	display: block;
	}
#sectionintros a:hover{
	background-color: #CC0000;
	color: #FFFFFF;
	}
#storypic {
	width: 555px;
	text-align: left;
	}
#contentheaderstd {
	color: #CC0000;
	font-size: 130%;
	text-align: left;
	width: 525px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
#contentheader {
	color: #CC0000;
	font-size: 130%;
	text-align: left;
	padding: 10px;
	width: 535px;
	border-bottom: solid #000000 1px;
	}
#contentcolumnwrap {
	width: 555px;
	float: left;
	}
#contentsinglecol {
	width: 530px;
	padding: 0px 5px 0px 10px;
	font-size: 80%;
	text-align: left;
	line-height: 130%;
	}
#contentsinglecol ul{
	list-style-type: circle;
	list-style-position: inside;
	}
#contentsinglecol li{
	line-height: 180%;
	}
#contentsinglecol td{
	padding: 4px;
	/*border: solid #666666 1px;*/
	font-size:110%;
	}
#contentleft {
	width: 250px;
	float: left;
	font-size: 80%;
	text-align: left;
	line-height: 130%;
	border-right-width: 0px;
	border-right-style: 0;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
	}
#contentleft li, #contentright li{
	line-height: 180%;
	}
#contentleft ul, #contentright ul{
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 15px;
	}
#contentright {
	width: 250px;
	float: right;
	font-size: 80%;
	text-align: left;
	line-height: 130%;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#contentleftcol {
	width: 533px;
	float: left;
	padding: 5px 0px 0px 10px;
	font-size: 80%;
	text-align: left;
	height: 300px;
	overflow: auto;
	line-height: 130%;
	}
#contentrightcol {
	width: 260px;
	float: right;
	padding: 5px 10px 0px 0px;
	font-size: 80%;
	text-align: left;
	height: 300px;
	overflow: auto;
	line-height: 130%;
	}
.sectionpics {
	float: right;
	}
.sectiontext {
	float: left;
	width: 125px;
	}
#leftnav {
	float: left;
	width: 250px;
	}
#calltoaction {
	background-color: #000000;
	clear: both;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	padding: 3px 0px 3px 0px;
	height: 30px;
	}
#calltoaction a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
#calltoaction a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
#footer {
	font-size: 70%;
	color: #999999;
	text-transform: uppercase;
	text-align: right;
	clear: both;
	padding: 25px 25px 25px 25px;
	border-top: solid #333333 1px;
	background-image: url(images/msw_monologobk.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #4D534E;
	}
#footer a {
	color: #999999;
	}
.separator {
	clear: both;
	height: 0;
	}
	
/* ----------- 3.links and navigation -----------*/
a {
	}
a:visited {
	}
a:hover {
	}
a:active {
	}
#navigation {
	font-size: 70%;
	font-weight: bold;
	height: 22px;
	padding: 5px 0px 0px 0px;
	}
#navigation a {
	color: #FFFFFF;
	text-decoration: none;
	border-left: solid #333333 1px;
	padding: 5px 7px 5px 7px;
	margin-right: -3px;
	}
#navigation a:hover {
	background-image: url(images/navgradover.gif);
	}
#navigation ul {
	}
#navigation li {
	display: inline;
	}
#contentleft a,#contentsinglecol a{
	color: #cc0000;
	text-decoration: underline;
	}

#contentleft a:hover, #contentsinglecol a:hover{
	color: #ffffff;
	background-color: #cc0000;
	text-decoration: none;
	}
.h1link{
	text-decoration:none;
	color:#CC0000;
}	
/* ----------- 4.fonts --------------*/
h1, h2, h3, h4, p, ul {
	}
h1 {
	font-size: 150%;
	color: #000000;
	}
h2 {
	font-size: 110%;
	color: #666666;
	}
h3 {
	font-size: 90%;
	text-transform: uppercase;
	}
h3 a{
	text-decoration: none;
	color: #666666;
	}
h3 a:hover{
	background-color: #CC0000;
	color: #FFFFFF;
	}
h4 {
	}
p {
	}

dt {
	color:#000;
	font-weight:bold;
}
	dd {
		margin-left:15px;
	}

ul {
	list-style-type: none;
	}
.darkgreytext {color: #A1A49A}
.currentnav {color: #CC0000}
.floatr_pad {
	float:right;
	padding:3px;
}

td{
	font-size:100%;
}

ol{
	margin:10px 0 5px 20px;
}

dd{
	padding-bottom:10px;
}

	
/* ------------ 5.images ----------------*/
a img {
	border: 0;
	}
	
/* ------------- 6.hacks -----------------*/
body {/* IE 5 centering bug fix */
	text-align: center;
	}
#wrapper {
	text-align: left;
	}