/**** REMOVES DEFAULT BROWSER STYLES - CHANGE AND DIE !! ****/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,  p, blockquote, td, th
{
	margin:  0;
	padding : 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

/* Removes list-styles from lists 
ol, ul
{ list-style : none; }  */

/* Normalizes font-style and font-weight to normal  */
address, caption, cite, code, dfn, em,  th, var
{font-style : normal; font-weight : normal; }



/* Removes  border from fieldset and img */
fieldset, img
{border : 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align : left; }

/* Removes  quotation marks from q  */
q:before, q:after
{ content : '' ; }

*{
	padding: 		0;
	margin: 		0 0 0 0;
}	

/* MAIN PAGE STYLES START HERE */

body {
	width:894px;
	text-align : left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../graphics/bg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: repeat-x;
	margin-top: 2px;
	margin-bottom: 15px;
}

h1,h2,h3,h4,h5,h6, .numbertxt  {
font-weight: normal;
}

p,a {
	font-weight: normal;
	text-align: left;
}


h1 {
	font-size: 24px;
	font-weight: normal;
	color: #980125;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-weight: normal;
	color: #980125;
}

/* container */

#container {
	width:894px;
}

/* header */

#header {
	width:894px;
	height: 95px; /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	text-align: center;
	background-image: url(../graphics/headerbg1.jpg);
}


#sub-head{
	padding-top: 6px;
	padding-bottom: 7px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
	color: #980125;
	font-size: 100%;
}

#numbers-head p {

}

/* column wrapper */

#col-wrapper {
	width: 894px;
	height: 1%;
	background-image: url(../graphics/colwrapper-bg.gif);
	padding: 0px;
	margin: 0px;
	background-repeat: repeat;
	float: left;
}




/* left column */

#left-col {
	width: 180px;
	height: 1%;
	float: left;
	border-right: 1px dashed #BA556D;
	border-left: 1px solid #BA556D;
}

#left-col p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
}

#left-col h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	font-weight: bold;
}

.centre {
	text-align: center;
}

/* side right col */


#rightcol-box p{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 12px;
	padding-right: 22px;
	padding-left: 22px;
	line-height: 18px;
}

#rightcol-box h2{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 18px;
	color: #980125;
	padding-left: 22px;
	font-weight: bold;
	background: url(../graphics/h-underline.jpg) no-repeat 22px 28px;
}

#rightcol-box h3{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 16px;
	color: #000000;
	padding-left: 22px;
	font-weight: normal;
}

#rightcol-box h1{
	padding-top: 7px;
	padding-bottom: 7px;
	color: #980125;
	padding-left: 22px;
}


#rightcol-box ul{
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 24px;
	margin-left: 40px;
}

#rightcol-box ol{
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 24px;
	margin-left: 44px;
}

#rightcol-box ol li {
	padding-top: 4px;
	padding-bottom: 4px;
}

#rightcol-box ul li {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* right column all pages except home */

#otherright-col {
	float: left;
	height: 1%;
	width: 711px;
	padding-bottom: 18px;
	padding-top: 9px;
	background: url(../graphics/otherrightcol-bg.gif) repeat-x;
}

#rightcol-box{
	width: 671px;
	height: 1%;
	background-color: #FFFFFF;
	margin-left: 14px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DA9CA9;
	border-left-color: #DA9CA9;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-right: 12px;
}


#right-header{
	width: 685px;
	margin-left: 14px;
}

#right-footer{
	margin-left: 14px;
}

#right-col ul {
	margin-right: 10px;
}

#right-col li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style-type: disc;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 130%;
}
/* end right column all pages except home */



#headings-border{
	border: 1px solid #c3c3c3;
	margin-right: 13px;
	margin-left: 5px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: -1px;
}

#headings-border h1{
	padding-top: 8px;
	padding-bottom: 2px;
	color: #980125;
}

#right-col p, #right-col h2, #right-col h3, #right-col h4{
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* footer */

#footer {
	text-align: center;
	clear: both;
	width: 894px;
	font-size: 90%;
	color: #FFFFFF;
	background-image: url(../graphics/footer.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	background-repeat: no-repeat;
	height: 55px;
}

#footer p{
	text-align: center;
	color: #333333;
	font-size: 10px;
	padding-top: 8px;
	font-weight: bold;
}

#footer a{
	text-align: center;
	color: #333333;
	font-size: 10px;
	padding-top: 8px;
	text-decoration: none;
	font-weight: bold;
}

#footer a:link{
	text-align: center;
	color: #333333;
	font-size: 10px;
	padding-top: 8px;
	text-decoration: none;
}

#footer a:hover{
	text-align: center;
	color: #333333;
	font-size: 10px;
	padding-top: 8px;
	text-decoration: underline;
}

#copyright {
	width:894px;
	text-align: center;
	clear: both;
	float: left;
	font-size: 10px;
	background-image: url(../graphics/copyright-topg.gif); /* POSSIBLE CHANGE GRAPHIC FOR COLOUR */
	color: #333333;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 5px;
	margin-bottom: 14px;
}

#copyright a {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
}

#copyright a:link {
	text-decoration: none;
	color: #333333;
	font-size: 10px;
}

#copyright a:hover {
	text-decoration: underline;
	color: #333333;
	font-size: 10px;
}

A:link	{
	text-decoration:underline;
	font-weight: normal;
	color: #003399;
}

A:visited	{ 
	text-decoration:underline; 
	font-weight: normal; 
	color: #003399;
	}

A:hover	{ 
	text-decoration:underline; 
	font-weight: normal; 
	color: #000000;
}

A:active	{
	text-decoration:underline;
	color: #003399;
}

/* map page */

#map{
	margin-left: 20px;
	margin-top: 8px;
	margin-bottom: 50px;
	border: 1px solid #CCCCCC;
	width: 500px;
	background-color: #FFFFFF;
	padding: 4px;
}


/******* contact form *******/

#contact-form {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	background-color: #FFFFEC;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 520px;
	color: #000000;
}

#personal {
	padding: 15px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-color: #FFFFFF;
}

#repeat-form {
	border: 1px solid #CCCCCC;
	width: 550px;
	font-size: 11px;
	background-color: #FDFDFD;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
/* general form styles  */

.inputbox {
	font-family      : Verdana, Arial, Helvetica, sans-serif;
	font-size        : 11px;
	color            : #000033;
	background-color : #FBF7F7;
	border           : 1px solid #B4B4B4;
}

.formtext {
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* floats images in content */

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight {
	float: right;
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 9px;
	border: 1px solid #CCCCCC;
}

img.nofloat {
	padding: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 1px solid #CCCCCC;
}

.clearboth {
	clear: both;
}

.contentpics{
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	background: #FFFFFF;
}

.contentpics-left{
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom: 4px;
	background: #FFFFFF;
	margin-right: 10px;
}


#nav {
	height: 31px;
	background-image: url(../graphics/nav.gif);
	background-repeat: repeat-x;
	border: 1px solid #BA556D;
}


#nav ul {
	background-color:#CCC;
	float:left;
	width:891px;
	padding:0;
	margin:0;
	overflow:hidden;
	background-image:url(../graphics/nav.gif);
	background-repeat:repeat-x;
}

#nav ul li {
	display:inline;
	margin:0;
	padding:0;
}

#nav ul li a {
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#BA556D;
	padding-top:8px;
	padding-right:15px;
	padding-bottom:5px;
	padding-left:15px;
	background-image:url(../graphics/nav.gif);
	background-repeat:repeat-x;
}

#nav ul li a:link {
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	padding-top:8px;
	padding-right:15px;
	padding-bottom:8px;
	padding-left:15px;
	background-image:url(../graphics/nav.gif);
	background-repeat: repeat-x;
}

#nav ul li  a:visited {
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#FFFFFF;
	padding-top:8px;
	padding-right:15px;
	padding-bottom:8px;
	padding-left:15px;
	background-image:url(../graphics/nav.gif);
	background-repeat: repeat-x;
}


#nav ul li a:hover {
	background-color:#980125;
	color:#FFFFFF;
	background-image:url(../graphics/nav-hover.gif);
	background-repeat: repeat-x;
}

#nav ul li a:active {
	background-color:#980125;
	color:#FFFFFF;
	background-image:url(../graphics/nav.gif);
	background-repeat: repeat-x;
}


#top-images {
	height: 120px;
	width: 892px;
	border-right: 1px solid #BA556D;
	border-bottom: 1px solid #BA556D;
	border-left: 1px solid #BA556D;
	}


#base {
	background-image: url(../graphics/base.gif);
	background-repeat: repeat-y;
}

#base  p{
	text-align: center;
	color: #333333;
	font-size: 12px;
	padding-top: 2px;
}
.italic {
	font-style: italic;
}
.large-text {
	font-size: 16px;
}

/* content in all pages not home*/
#content {
	width: 891px;
	float: left;
	height: 1%;
	padding-bottom: 18px;
	padding-top: 9px;
	background: url(../graphics/otherrightcol-bg.gif) repeat-x;
	
	border-left: 1px solid #BA556D;
}


#content-header{
	width: 865px;
	margin-left: 14px;
}

#content-footer{
	margin-left: 14px;
}

#content-box{
	width: 851px;
	height: 1%;
	background-color: #FFFFFF;
	margin-left: 14px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DA9CA9;
	border-left-color: #DA9CA9;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-right: 12px;
}

#content-box p{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 12px;
	padding-right: 22px;
	padding-left: 22px;
	line-height: 18px;
}

#content-box h2{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 18px;
	color: #980125;
	padding-left: 22px;
	font-weight: bold;
	background: url(../graphics/h-underline.jpg) no-repeat 22px 28px;
}

#content-box h3{
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 16px;
	color: #000000;
	padding-left: 22px;
	font-weight: normal;
}

#content-box h1{
	padding-top: 7px;
	padding-bottom: 7px;
	color: #980125;
	padding-left: 22px;
}


#content-box ul{
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 24px;
	margin-left: 40px;
}

#content-box ol{
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	line-height: 24px;
	margin-left: 44px;
}

#content-box ol li {
	padding-top: 4px;
	padding-bottom: 4px;
}

#content-box ul li {
	padding-top: 4px;
	padding-bottom: 4px;
}
