/* Created using Style Master from Western Civilisation CSS1 { -23 -4 558 808 } */

BODY {
background-color: #FFFFFF;
font-size: small;
margin: 2%;
}

NORMAL, DIV, UL, OL, LI, TD, p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #333366;
}

TH {
font-weight: bold;
color: #FFFFFF;
background-color: #333366;
}

p,UL,OL {
/*margin-left: 2em;*/
margin-right: 2em;
text-align: left;
}

li {
margin-left: 2em;
}

H1 {
background-color: #979DC1;
color: #333366;font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 150%;vertical-align: middle;
padding: 0em;}



#banner {background-color:#979DC1;}

#header {
margin-bottom: +1em;
vertical-align: middle;
text-align: center;
background-color: #979DC1;
padding: 1em;
}

H2 {
padding: 0.25em;
margin-bottom: -0.25em;
font-size: 130%;
border-top: 1pt #979Dc1 solid;
border-bottom: 2pt #979DC1 solid;
}

H3 {
padding: 0.25em;
margin-bottom: -0.25em;
font-size: 110%;
}

H4 {
padding: 0.25em;
font-size: 100%;
}

H5 {
padding: 0.25em;
font-size: 90%;
}

H6 {
font-size: 70%;
padding: 0.25em;
}

A:link {
font-weight: bold;
color: #666699;
text-decoration: underline;
}
H1 a:link, H1 a:visited {
font-weight: bold;
color: navy;
text-decoration: none;

}


A:visited {
color: #666699;
text-decoration: underline;
font-weight: bold;
}

A:hover {
color: #6666CC;
text-decoration: underline;
color: #669999;
}

.outerborder {
background-color: #FFFFFF;
border: 1pt #979DC1 solid;
padding: 1em;
}



#maincontent {
background-color: #FFFFFF;
margin-left: 1em;
padding-left: 25px;
padding-right: 25px;
border: 1pt #979DC1 solid;
margin-top: 0em;
padding-top: 10px;
margin-right: 0em;}

#Bottomlinks {
margin: 1em 0 1em 0;

}

.topbg {
background-color: #979DC1;
color: #333366;
}

.creditpd {
color: #979DC1;
background-color: #666699;
font-size: xx-small;
text-align: left;
padding-top: 1em;
padding-left: 130px;
padding-bottom: 1em;
}

.creditpd a:link {
color: #979DC1;
text-decoration: none;
font-weight: bold;
}

.creditpd a:visited {
color: #979DC1;
text-decoration: none;
font-weight: bold;
}

.creditpd a:hover {
color: #979DC1;
text-decoration: underline;
}

.nav {
background-color: #FFFFFF;

}

.nav a:link {
color: #666699;
font-weight: bold;
text-decoration: none;
}

.nav a:hover {
color: #669999;
font-weight: bold;
text-decoration: underline;
}

.nav a:visited {
color: #669999;
font-weight: bold;
text-decoration: none;
}

.address {
background-color: #979DC1;
color: #333366;
font-weight: bold;
margin-top: +1em;
text-align: left;
padding: 5px;
font-size: 110%;min-height: 85px;}

.navy {
color: #333366;
}

.address a:link {
font-weight: bold;
text-decoration: underline;
color: #FFFFFF;
}

.address a:visited {
font-weight: bold;
text-decoration: none;
}

.address a:hover {
font-weight: bold;
text-decoration: underline;
color: #000000;
padding: 0.5em;
}

.selectpicture {
font-size: smaller;
font-style: normal;
color: #666699;
}

.expiredevent {
color: #CCCCCC;
}

.copyright {
font-size: x-small;
color: #979dc1;
background-color: #666699;
text-align: left;
padding-left: 130px;
}

.copyright a:link {
font-weight: bold;
text-decoration: underline;
color: #979DC1;
}

.copyright a:visited {
color: #979DC1;
text-decoration: underline;
}

.copyright a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.smaller {
font-size: smaller;
}

.white {
color: #FFFFFF;
}

.yellow {
color: #FFCC66;
}

.grey {
color: #CCCCCC;
}

.larger {
font-size: larger;
}

.rednotes {
color: #FF3300;
}
.BookingEnquiry {
	background-color:#D4D9F7;
	border: 1pt #333366 solid;
	padding: 1%;
	width: 77%
	}
.BookingEnquiry .RuledTable {
	width: 98%
	}
.RuledTable {
	width: 75%;
	margin: 1em 0 0 0;

}
.RuledTable TD{
	padding: 5px;
	border-bottom:1pt solid #7B7A74;


	}
.RuledTable TH {
	background-color: #333366;
	color: #ffffff;
	font-size: 100%;
	padding: 5px;
		}

/*********** #NavBar link styles ***********/

#Nav ul a:link, #Nav ul a:visited, #Nav ul a:hover {
display: block;  
width: auto;
}
#Nav ul {list-style: none; padding: 0; margin: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#Nav li {border-bottom: 1px solid #A1B1AE;
	margin: 0;
	
		}

/* fix for browsers that don't need the hack */
html>body #Nav li {border-bottom: none;}


/*********** #NavLinks styles ***********/

#Nav{
	margin: 0;
	text-align: left;
	width: auto;
	background-color: #333366;
}


#Nav a	{
	padding: 2px 5px 2px 5px;
}

#Nav a:link, #Nav a:visited{
	margin: 0;
	border-top: 2pt #454588 solid;
	border-bottom: 2pt solid #222244;
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-decoration: none;
	color: #ffffff;
	background-color: #333366;
}

#Nav a:visited{
	
	font-weight: normal;
	
}

#Nav a:hover, 
body#Home li#Home-nav a,
body#Facilities li#Facilities-nav a,
body#Map li#Map-nav a,
body#Area li#Area-nav a,
body#Enquiries li#Enquiries-nav a,
body#Jobs li#Jobs-nav a {
	border-top: 2pt #777FAD solid;
	border-bottom: 2pt solid #A7ACCA;
	voice-family: "\"}\""; 
	voice-family:inherit;
	text-decoration: none;
	color: #000000;
	background-color: #979DC1;
}


/*********************/

.AttentionBox {
	margin: 1em 0 0 1em;
	padding: 1em;
	border: 1pt #C1BB97 solid;
	background-color: #D4D9F7;
	font-weight: bold;
	font-size: larger;
	text-align: center;
	clear:both;
	}
	
/** Image Styles***/

.ImgLeft{
float: left; 
margin: 0 1em 1em 1.5em;


}
.ImgRight{
float: right; 
margin: 1em 0 1em 1em;
clear: right;

}
.ImgLeft, .ImgRight  {
	/*max-width: 200px;*/
	border:solid #333366;
	border-width:1px;
	background:#FFF;
	padding:10px;
	font-size: smaller;
	color:#333366;
	text-align:center;
	}
.ImgLeft a img, .ImgRight a img, .ImgCentre a img,
.Centred a img, .centred a img,
.Gallery a img {
	border: 1px solid #979DC1;
	padding: 2px;
	}
.ImgLeft a:hover img, .ImgRight a:hover img, .ImgCentre a:hover img,
.Centred a:hover img, .centred a:hover img,
.Gallery a:hover img {

	border: 1px solid #979DC1;
	background-color: #D4D9F7;
}

.PictureCaption {
	max-width: 200px;
	text-align: left;
	font-size: smaller;
	margin: 5px 0 10px 0;
	padding: 0 0 5px 0;
	color: #333366;}

/*****************************/
.Clear {
	height: 10px;
	width: auto;
	clear:both;
	}

.NoWrap, .NoBreak {
	white-space: nowrap;
	}
.TopBan H2 {
	color: #ffffff;
}