a {
	color:#003366;
}

a.current {
	color:#999999;
}

a:hover {
	border-top-style: dashed;
	border-top-width: thin;
}

body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 90%;
	background-color:#FFFFFF;
	margin: 0;
}

ul {
	font-size:100%;
	color:#666666;
	line-height: 1.5em;
	list-style: none;
}

h2 {
	color:#CC3300;
	font-size:85%;
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#E5E5E5;
	background-repeat: repeat-x;
}

h3 {
	color:#E4001B;
	font-size:85%;
	font-weight:bold;
}

h3 a{
	color:#E4001B;
}

p {
	text-align:left;
	color:#000000;
	font-size: 100%;
	line-height: 1.5em;
	border-top-width: medium;
}

.bold
{
	font-weight: bold;
}

.italic {
	font-style: italic;
}
.centred {
	text-align: center;
}

.bold_italic {
	font-style: italic;
	font-weight: bold;
}

.orange {
	color: #FFFFCC;
}

.blue {
	color: #003366;
}

.green {
	color: #DFFFBE;
}

.gray {
	font-weight:normal;
	font-size:70%;
	color: #F0F0F0;
	height: 120px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

/* ----- Superior Bar -----  */
div.supBar {
	overflow: hidden;
	height: 150px;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

div.search {
	width: 20em;
	float: right;
	clear: right;
	color:#003366;
	font-size: 70%;
	margin: 1.5em 1em 0em 1em;
}

.searchbox {
	color:#666666;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
}

/* ----- Menu -----*/
div.menu {
	width: auto;
	vertical-align: middle;
	font-size:80%;
	padding: 1em 1em 1em 1em;
	text-align: right;
	height: auto;
	background-color: #0080C0;
	border-bottom-color: #615BC4;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-color: #C7CBFE;
	border-top-style: solid;
	border-top-width: thin;
}

div.menu a{
	color:#FFFFFF;
	font-weight: bold;
}

/* ----- right Info - News -----*/

div.newsContainer{
	float: left;
	clear: left;
	width: 12em;
	margin: 0.5em 0.5em 0em 0.5em;
}

div.horizmenu{
	width: 12em;
	background-color:#F8F8F8;
	border-style:solid;
	border-width:1px;
	border-color:#ECECEC;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-image: url(../images/news1.jpg);
}

div.news2{
	width: 12em;
	background-color:#D0EAFF;
	border-style:solid;
	border-width:1px;
	border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-image: url(../images/news2.jpg);
	background-repeat: repeat-x;
}

/* ----- main Container ----- */
div.mainContainer{
	margin: 0em 0em 0em 14em;
}

div.rightInfo{
	float: right;
	clear: right;
	width: 12em;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#FFF3CE;
	margin: 0.5em 0.5em 0.5em 0em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index: 3;
}

div.rightInfo h2{
	color:#FFFFFF;
	background-color:#CC3300;
	border-style:solid; border-width:1px; border-color:#E4001B;
}

div.mainInfo{
	width: auto;
	border-style:solid;
	border-width:1px;
	border-color:#F0F0F0;
	margin: 0.5em 14.5em 0.5em 0.5em;
	padding: 0em 0.5em 0.5em 0.5em;
	z-index: 4;
}

div.mainInfo h3 a{
	color:#003366;
}

div.image {
	float:left;
	width: 80px;
	height: 80px;
	margin-right:0.5em;
	margin-bottom:0.5em;
	background-color:#F0F0F0;
	border-style:dotted; border-width:1px; border-color:#F0F0F0;
}

div.image h3{
	color:#CCCCCC;
}

/* ----- sub Compainer ----- */
div.subContainer{
	clear:both;
	width: auto;
	font-size:60%;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
	margin: 0em 0em 0em 0em;
	padding: 1em 0.5em 1em 0.5em;
}

div.copyright {
	color: #999999;
	text-align:right;
	margin-left:20em;
	margin-right:0.5em;
	font-size:80%;
}

div.copyright a{
	color:#999999;
}

div.subLinks{
	float:left;
	clear:left;
	color:#777777;
	margin-left:2em;
}

div.subLinks a{
	color:#777777;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
div.mainInfofull {

	width: auto;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
h1right {
	color:#FF9933;
	font-weight:bold;
	padding-left: 0.5em;
	text-align: right;
}
#leftcontent {
	position: absolute;
	left:1%;
	width:20%;
	top:0px;
	background:#fff;
	z-index: 4;
	background-image:  url("../images/msdp_logo.jpg");
	background-repeat: no-repeat;
	height: 135px;
	}
#centerleftcontent {
	position: absolute;
	left:22%;
	width:28%;
	top:0px;
	background:#fff;
	background-color: #CC3300;
	z-index: 3;
	background-image: url(../images/msdp_westderby.gif);
	height: 135px;
	background-repeat: no-repeat;
	}
	
#centerrightcontent {
	position: absolute;
	left:51%;
	width:28%;
	top:0px;
	background:#fff;
	z-index: 2;
	background-image: url(../images/city_visit.gif);
	height: 135px;
	background-repeat: no-repeat;
	background-color: #CC3300;
	}
#rightcontent {
	position: absolute;
	left:80%;
	width:19%;
	top:0px;
	background:#fff;
	background-color: #CC3300;
	z-index: 1;
	background-image: url(../images/pool.gif);
	height: 135px;
	background-repeat: no-repeat;
	}
.skiplink {display:none} 

h1 {
	color:#CC3300;
	font-size:100%;
	font-weight:bold;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#E5E5E5;
	background-repeat: repeat-x;
}
.bluesmall {
	color: #003366;
	font-size: 75%;
	font-variant: small-caps;
}
li {
	list-style-position: inside;
	list-style-type: disc;
	font-size: 100%;
}

