/*  ---- HTML Tags ---- */

body{
	padding:0;
	font-size:76%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: black;
	min-width: 820px;
	background: #ddeedd url(../images/background.jpg) repeat-x;
	margin: 0;
}

a {
	text-decoration: none;
	}
	
a img{
	border:none;
}

h1, h2, h3, h4 {
	font-weight: bold;
	color: #991414;
}

h1{
	font-weight: bold;
	font-size: 2em;
}

h2{
	font-size: 1.6em;
	margin-bottom: 20px;
}

h3{
	font-size:1.2em;
}

h4{
	font-size:1em;
}

ul{
	text-indent: 20px;
};

li{
	list-style-position: outside;
	list-style-type: circle;
	margin-top: 5px;
	list-style-image: url(../images/bullet.gif);
}



/* ---- Structure Definitions ---- */

#header{


	background: #ddeede (../images/headerBg.jpg);
	background-color: #ddeede;
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0px;
	height: 100px;
	background-image: url(../images/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#menuBar{
	width: 100%;
	height: 25px;
	background: #7ac4a5 url(../images/menubarBg.jpg) repeat-x;
	float: left;
	position: absolute;
	top: 100px;
	left: 0px;
}

/* ---
#mainMenu {
	float: left;
}

---*/

#container{
	top: 0px;
	position: absolute;
	width: 100%;
	text-align: left;
}

#content{
	margin-top:40px;
	width:100%;
	clear:both;
}

#left{
	float:left;
	width: 60%;
	margin: 20px 0 0 20px;
	padding-bottom: 50px;
}

#right{
	margin-left:65%;
	margin-top:60px;
	padding: 0 10px 0 10px;
	font-size: 1em;
	font-weight: bold;
}

#footer{
	padding:0 0 20px 10px;
	text-align:left;
	color:#888888;
	float: left;
	margin-top: 20px;
	clear: both;
}

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	width: 50%;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #d4e2ff;
	font-weight: bold;
	font-size: 1em;
	padding: 3px 0px 3px 10px;
	color: green;
	text-decoration: none;
	margin-left: 1em;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #ffd4f7;
	background-image: none;
	text-decoration: none;
}

/* ---- Qualified tags ---- */

#header p {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
	font-style:italic;
}
#hdr_1 {
	font-size:3em;
	color: #A92D2D;
	line-height: 40px;
	margin: 10px 0 0 10px;
}

#hdr_2 {
	font-size:2.5em;
	color: #E7B9BC;
	line-height: 40px;
	margin: 0px 0 0 40px;
}


/* ---
#menuBar ul {
margin:0 0 0 4%;
padding:0;
}

#menuBar li {
	float:left;
	list-style:none;
	padding:0;
	margin: 0;
}
--- */


#menuBar ul {
margin:0;
padding:0;
}

#menuBar li {
	float:left;
	list-style:none;
	padding:0;
	margin-top: 2px;
}


#menuBar a {
	border-right:1px solid #810099;
	color:#991414;
	display:block;
	font-size:14px;
	padding: 0px 10px 0 10px;
	font-weight: bold;
	height: 22px;
}

#menuBar a:hover {
	background:#3aa796 url(../images/menuhover.jpg) repeat-x;
	color:#F4E4F7;
	text-decoration:none;
}

#content h2{
	margin:0 0 10px 0;
	color:#555555;
	border-bottom:2px solid #aabbbb;
	font-size: 1.8em;
}

#content h3{
	margin:15px 0 15px 0;
	color:#555555;
	border-bottom:2px solid #aabbbb;
	font-size: 1.4em;
}

#content p{
	margin:0.5em 1em 0.8em 1em;
}

#right h2{
	margin:15px 0 15px 0;
	width:100%;
	font-size:1.6em;
}

#date{
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	margin-top: 0px;
	height: 22px;
	line-height: 25px;
}

#footer span{
	color: #aabbbb;
	font-size:2em;
	letter-spacing:-2px;
}

/* --- Class definitions --- */

.mainPhoto{
	float: left;
	padding: 0px 30px 10px 10px;
	font-size: 0.75em;
	text-align: center;
	font-weight: bold;
}

.mainPara{
	margin:20px 0 20px 0;
	border:1px solid #6B716B;
	background: #EDFFED;
	padding:10px 20px 0 20px;
	font-size: 1.2em;
}

.mainPara span{
	font-weight: bold;
}

.link{
	display: block;
	margin: 4px 0 0 0;
	padding: 2px 12px;
}

.link:hover{
	color: #C77D56;
	text-decoration:none;
	background:url(../images/linkarrow.gif) left no-repeat;
}

.thumbs{
	text-align: center;
}

.thumbs img{
	position:relative;
	padding: 3px;
	margin:5px 2px 5px 0;
	border:solid #aabbbb 1px;
	cursor: pointer;
}

.intro{
	font-size: 1em;
}

.richDialog{
	position : fixed;
	top : 20%;
	left: 16%;
	width : 500px;
	padding : 10px;
	background-color : #cccccc;
	border : medium outset;
	text-align: center;
	visibility : hidden;
}

.insetDisplay{
	border-style: inset;
	border-width: thin;
}

#richDialogText{
	margin-top : 20px;
	margin-left: auto;
	margin-right: auto;
	width : 250px;
	border-style : inset;
	border-width : thin;
	padding : 5px;
	text-align : center;
	background: #ffffcc url(../images/msgBg.jpg) repeat-x;
}

.messageBox{
	position : absolute;
	margin: 5px 2px 5px 0;
	padding: 2px;
	width : 110px;
	border : 1px solid black;
	font-size: 12px;
	text-align : center;
	background: #ffffcc url(../images/msgBg.jpg) repeat-x;
	visibility : hidden;
}

.box {
	display: block;
	padding: 3px 3px 10px 3px;
	margin: 0 0 10px 10px;
	border: 1px solid;
}

img.outlined {
border:1px solid #b0b0b0;
margin:5px 15px 6px;
padding:5px;
}

img.inset {
border:2px inset;
margin:5px 15px 6px;
}

.specialInfo{
	font-weight: bold;
	color: #35239E;
}

.fullWidth {width: 90%}

.halfWidth {
	width: 45%;
}

.dropCap{
	float: left;
	color: #DBC78C;
	font-size: 96px;
	line-height: 70px;
	padding-top: 2px;
	font-family: Times, serif, Georgia;
}

.feature{
	font-size: 1.2em;
}
.clearMe{
	clear: both;
}

.spacer{margin-top: 20px;}

.grey{background-color: #cccccc;}
.blackBorder{border-color: black;}

.yellow{background-color: #FFD96C;}
.yellowBorder{border-color: #FFD96C; background-color: #FFF5DA;}

.blue{background: #76A8B8;}
.blueBorder{border-color: #76A8B8; background-color: #C2DBE3;}

.mauve{background: #AAB9FF;}
.mauveBorder{border-color: #AAB9FF; background-color: #D4DCFF}

.red{
	background: #E7B9B9;
	padding-left: 5px;
}
.redBorder{border-color: #E7B9B9; background-color: #F1CED7;}

.green{background: #A8B876;}
.greenBorder{border-color: #A8B876; background-color: #DBE3C2;}

.sand{background: #eddeab;}
.sandBorder{border-color: #eddeab; background: #E5E1C5;}
 
.floatLeft {
	float: left;
}
.floatRight {float: right;}
.centred {margin: 0 auto;}

.small {font-size:0.84em;}
.large {font-size:1.2em;}
.center {text-align:center;}
.right {text-align:right;}
#right a {
	display: block;
}

.thumbLink {
	line-height: 80px;
	width: 100%;
	float: left;
}
.content {
	position: relative;
	top: 125px;
	background-image: url(../images/contentBg.jpg);
	overflow: hidden;
	background-color: #f9fffb;
	background-repeat: repeat-x;
	width: 90%;
	margin: auto auto;
}

#contact{
	font-weight: bold;
	font-size: 1em;
	float: right;
}