/* author: Colin Harrison Design Limited */
/* David H Boyd Creation date: 28/08/2007 */

/* Global Styles */
html, body {background-image:url(images/common/parchdark.jpg); font-family: Arial,sans-serif; color: #000; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

a {color: #000000; text-decoration: none;}
a:hover {color: #FF0000; text-decoration: underline;}
a img {border-width: 0px;}

/* rounded buttons */
.round {
	cursor:pointer; 
	line-height:22px;
	background:url(images/common/button_grey.gif) no-repeat right top; 
	padding-right:30px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
}
.round span { 
	background:url(images/common/button_grey.gif) no-repeat left top; 
	height:22px;
	display:block;
	display:inline-block;
	padding-left:30px; line-height:22px;
}
	a.round:hover {background-position:right -124px; text-decoration: none;}
	a.round:hover span {background-position:left -124px;}
	

ul {color: #000000; list-style-position:outside; list-style:disc; vertical-align:middle;}
li {margin: 0px; padding: 0px; font-size: 80%;}

/* Overall Container */
#dragonleft {float: left; margin: 140px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#dragonright {float: right; margin: 140px 10px 0px 0px; padding: 0px 0px 0px 0px;}

#outercontainer {width: 1000px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px;}

#container {width: 758px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px;}
#container2 {width: 758px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px;}

/* Main Content */

/* Header Div */
#header {width: 758px; height: 71px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center;}

/* Menu Bar Div */
#menubar {width: 758px; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/* Content Div */
#content {width: 758px; height: 360px; background-image:url(images/common/window_background.gif); background-repeat: no-repeat; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px;}
* html #content {width: 758px; height: 420px; w\idth: 758px; he\ight: 360px;}
#content strong {color:#333333}

#contentindex {width: 758px; height: 360px; background-image:url(images/common/window_background_index.gif);  background-repeat: no-repeat; margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px; text-align:center;}
* html #contentindex {width: 758px; height: 420px; w\idth: 758px; he\ight: 360px; }

#contentindex p {width: 640px; color: #000033;  font-size: 80%; line-height: 150%; text-align: center; margin-left: auto; margin-right: auto; padding: 10px 0px 00px 0px;}
#contentindex img {margin-top: 5px;}

#scrollcontent {position:relative; background-image:url(images/common/parch.jpg); width: 658px; height: 324px; margin: 0px auto 0px auto; border-width: 3px 0px 3px 0px; border-color:#999999; border-style: solid; overflow: auto; padding: 30px 10px 0px 30px;}
* html #scrollcontent {width: 698px; height: 360px; w\idth: 658px; he\ight: 324px;}

#scrollcontent .contimgright {border: 0px; float: right; margin: 5px 0px 20px 20px;}
#scrollcontent .contimgrightdragon {border: 0px; float: right; margin: 25px 10px 20px 20px;}
#scrollcontent .contimgleft {border: 0px; float: left; margin: 5px 20px 20px 0px;}
#scrollcontent .titleleft {border: 0px; margin: 5px 20px 0px -25px;}

#scrollcontent li {color: #666666;  line-height: 150%; text-align: left;}
#scrollcontent .textlayout {width: 95%; margin: 0px 0px 20px 0px; float: left;}
#player {float: right; margin: 25px 10px 20px 20px;}

#miniplayer {margin: 0px 0px 20px 0px;}




/* Footer Menu Div */
#footermenu {width: 750px; height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 5px; padding: 4px 4px 0px 4px;}

/* Image Styles */
.header {width: 758px; height: 71px;}
.linklogos {margin: 5px 0px 5px 10px; vertical-align:middle;}

/* Styles */
h1 {margin-top: 20px; font-size: 130%; color: #333333; font-weight: bold; text-align: left;}
h2 {margin-top: 30px; font-size: 100%; color: #333333; font-weight: bold; text-align: left;}
p {color: #666666;  font-size: 80%; line-height: 150%; text-align: justify;}
.menu {line-height: 250%;}

.sitemapindent {margin-left: 24px;}

.imagelink {font-size: 75%; font-weight: bold; text-align: left;}
.imagelinklarge {font-size: 75%; font-weight: bold; text-align: left; margin-left: 15px;}
.newsheader {color:#E2383B; font-weight: bold; text-align: left;}
.linkslink {font-weight: bold; text-align: left;}
.features {font-size: 95%; color: #999999; font-weight: bold; line-height: 90%;}
  

/* Accessibility Page */
.leftmargin1 {margin-left: 16px; }

img.center {display: block; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
img.bottom {margin-top:450px;}

.center {text-align:center;}
.centerred {text-align:center; color:#E2383B}

/* Main Menu Styles */
#mainmenu {color: #000000; font-weight: bold;}
#mainmenu a {color: #000000;}
#mainmenu a:hover {color: #FF0000; text-decoration: underline;}
#mainmenu ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none;}
#mainmenu li {display: inline; list-style-type: none; vertical-align: middle;}

/* Spacing */
.spacemm {padding: 20px;}
.spacefm {padding: 22px;}
.spacefm1 {padding: 5px;}

/* Footer Menu */
#footerleft {font-size: 90%; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; float: left; color: #000000;}
#footerleft ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#footerleft li {display: inline; list-style-type: none; vertical-align: middle}
#footerleft a {color: #000000}
#footerleft a:hover {color: #FF0000; text-decoration: underline;}
#footerright {font-weight: bold; color: #000000; float: right; vertical-align: top; text-align: right; font-size: 70%;}
#footerright a {color: #000000}
#footerright a:hover {color: #33CCFF; text-decoration: underline;}
#footerright img {border: 0px; margin-left: 0px; margin-right: 0px; padding: 0px}
#footerright ul {display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; list-style-type: none}
#footerright li {display: inline; list-style-type: none; vertical-align: middle}

/* Form Details */
.mandatoryfield {color: #ff0000;}

label {width: 6em; float: left; text-align: right; margin-right: 0.5em; display: block}

input {color: #000033; background:#ffffff; border: 1px solid #000033}

select {color: #000033; background:#ffffff; border: 0px solid #000033}

textarea {color: #000033 ; background: #ffffff; border: 1px solid #000033}

.submit input {margin-bottom: 2.0em; margin-right: 0.5em; color: #FFFFFF ; background: #333333; font-weight: bold;}
 
fieldset {width: 65%; border: 1px solid #000033;}

legend {font-size: 90%; color: #000033; font-weight: bold; text-align: left;} 



/* Skip Navigation */
.skip {
	position:absolute; 
	top:0px; 
	left:-1000px; 
}
.skip:focus,.skip:active {
	position: absolute; 
	top: 10px; 
	left: 10px; 
	background: #E2383B; 
	color: #FFFFFF;
	font-weight: bold; 
	padding: 10px
}