body {
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	display: inline;
	font-size: 12px;
}
h2 {
	text-transform: uppercase;
	font-size: 12px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #17486B;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #17486B;
	padding-left:10px;
	padding-bottom:5px;
	color: #17486B;
}



/* Added by Jon - New tips layout */
h2.tips-head1 { border-left: 0; }
#tips-wrapper h2 { margin: 0; margin-bottom: 5px;}
#tips-wrapper { margin-top: 10px; width: 100%;}
#tips-wrapper p { padding-left: 10px; margin: 0; padding-bottom:5px; }
.tips-clear { clear: left; }
.tips-cols { margin-bottom: 20px; }
#tips-col1 { margin-bottom: 20px; }
#tips-clearfloat {clear: left;}

/* added by Rob 17-01-2005 */
#tips-col1 a, div.tips-cols a { color: #17486B; }

/* IE float home page problem fix */
.home-clear { clear: left; }

/* Residential Pages - Fixes problems with floats if earlier 
column location don't have much content and later ones do */
.resident-wrapper { width: 660px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; 
					font-size: 12px; color: #17486B; line-height:150%; }
.resident-wraptwo {float: left; width: 440px;}
.resident-first {float: left; width: 220px;}
.resident-second {margin-left: 220px;}
.resident-third {margin-left: 440px;}
.resident-clearfooter {clear: both;}
p.right-link { text-align: right; color:#C11111; font-size:10px;}
.resident-wrapper p { margin-right: 20px; }

p.news-right { text-align: right; }

h3 {
	font-size:12px; 
}
th {
	border-bottom-width:1px;
	border-bottom-color:#D6DFEA;
	border-bottom-style:solid;
	border-right-width:1px;
	border-right-color:#D6DFEA;
	border-right-style:solid;
	padding-right:10px;
	text-align:left;
}
td {
	border-right-width:1px;
	border-right-color:#D6DFEA;
	border-right-style:solid;
	padding-right:10px;
}
td.right, th.right {
	border-right-style:none;
}
.menu {
	border-left-width: 1px;
	border-left-style:solid;
	border-left-color: #17486B;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #17486B;
}
.menu2 {
	border-left-width: 1px;
	border-left-style:solid;
	border-left-color: #17486B;
}
.pic {
	border-width:1px;
	border-color:#17486B;
	border-style:solid;
	height:110px;
	width:200px;
	display:block;

}
.pic2 {
	border-width:1px;
	border-color:#17486B;
	border-style:solid;
	height:234px;
	width:422px;
	display:block;

}
.col {
	float:left;
	margin-right:20px;
	width:200px;
}
.col2 {
	float:none;
	width:200px;
}
.col3 {
	float:left;
	margin-right:20px;
	width:425px;
}
.col4 {
	float:none;
	width:200px;
}
.struck {
	text-decoration: line-through;	
}
a.menu, a.menu2 {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color: #17486B;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	float:left;
	
}
a.menu:visited, a.menu2:visited {
	color:#17486B;
}
a.menu:hover, a.menu2:hover {
	color:#C11111;
}
.line {
	height:1px;
	width:100%;
	border-top: 1px solid #D6DFEA;
	margin-top:10px;
	margin-bottom:10px;
	clear: both;
}

div.line hr { display:none; }

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #17486B;
	line-height:150%;
}
.textbox { width:530px; float:left;   }

.red {
	float:right;
	color:#C11111;
	font-size:10px;
}

.red2 {
	color:#C11111;
	font-size:12px;
	display:block;
}

.tiny {
	font-size:9px;
}

.figure {
	height:130px;
	visibility:visible;
	width:114px;
	float:left;
	margin-right:15px;
}


.figure2 {
	height:180px;
	visibility:visible;
	width:114px;
	float:left;
	margin-right:15px;
	margin-top:30px;
}





#logo {
	position: absolute;
	left:100px;
	top:70px;
}
#logo img {
	border: 0;
}

#menubar {
	position: absolute;
	left:100px;
	top:180px;
	display:block;
	font-size: small;
	z-index:2;
	width: 665px;
	text-transform: uppercase;
}

.main {
	position:absolute;
	left:101px;
	top:225px;
	width:660px;
}

#intro {
	margin-top:0px;
	
}

#popuptext {
	margin-top: 50px;
}

#courses {
	margin-top:60px;
}

#locourse {
	clear:left;
	margin-top:60px;
}

#menubar2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #17486B;
	display:block;
	z-index:2;
	margin-top:60px;
	float:left;
}

#home2 {
	clear:left;
}

#stress2 {
	float:none;
}

#thick {
	height:5px;
	width:100%;
	background-color:#17486B;
	float:left;
}

#footer { position:relative;
}

table.str {
	width:100%;
}

table.str th.topc {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #17486B;
}

table.str th {
	text-transform: uppercase;	
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #17486B;
	padding-left:10px;
	padding-bottom:5px;
	border-right-style:none;
}

table.str td {
	border-right-style:none;
	padding-left:10px;
}

table.str a {
	color:#17486B;
}
.courseinfo { color:#000000; }

td a { color: #17486B; }
td a:hover { color:#990000; }
td a:visited { color:#666666; }

#popuptext p {
	margin-left: 30px;
}
#popuptext h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-transform: capitalize;
	color: #990000;
	margin: 20px;
}

#popuptext a {
	color: #990000;
	text-decoration: none;
}

#popuptext a.map {
	text-align: center;
}

#popuptext a:hover {
	text-decoration: underline;
}
#popuptext a:visited {
	color: #666666;
}

#locationlayer {
	width:420px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #17486B;
}
#locationinfo {
	width:200px;
	float:left;
	margin-left: 20px;
}
#locationinfo h3 { text-transform:uppercase; }
#locationinfo h3, #locationinfo h4 { font-size:medium; }
#locationinfo a.footagelink {color:#17486B; font-size:smaller; text-align:center;}
#locationinfo a.coursedates {
	color: #17486B;
	text-decoration:underline;
	display:block;
	width:188px;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #FFFFFF;
}
#locationinfo a.coursedates:hover {
	background-color:#D6DFEA;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-bottom-color: #17486B;
	border-left-color: #17486B;
}

#locationinfo h2 { margin-top:50px;}



/* all the footer styles */

.clear { clear:both; width:100%; height:5px; background-color:#FFFFFF;} 

.footer { position:relative; 
}
.footermenu { margin-top:50px; 
	position:relative;
	border-bottom: 5px solid #17486B; color:#17486B;
}
a.footerlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #17486B;
	text-decoration: none;
	text-transform: uppercase;
}
a.footerlink:hover { color:#990000; }
#footerleft, #footerright { width:49%; color:#17486B; font-size:x-small;}
#footerleft {  float:left; }
#footerright { float:right; }
#footerright p { text-align:right; }
#footerleft a, #footerright a { color:#17486B; }
#footerleft a:hover, #footerright a:hover { color:#990000; }
#footerright b, #footerright strong { color:#990000; font-weight:bold; }


/* very top styles */
/* added style wrap-top and altered top to fix a horizontal scroll issue 
on PC in both IE and mozilla (Jon) */
#wrap-top {
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	background-color: #D6DFEA;
}
#top {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 100px;
	font-weight:bold;
}

h1 {  color:#17486B; font-size: small; text-transform:uppercase; }
.activities { color:#990000; }

#top2 {
	padding-left: 45px;
	font-size: small;
	color:#17486B;
}

#top2 strong {  color:#FFFFFF; }
#top2 a {  color:#17486B; text-decoration:none; }
#top2 a:hover { text-decoration:underline; }

/* Top menu */

#home { width:38px; }
#about {
	width: 94px;
}
#local {
	width: 110px;
}
#res {
	width: 198px;
}
#stress {
	width: 151px;
}

/*
table.diary { width:660px; position:relative; }
*/

.tablecomment {
	color:#C11111;
	font-size:x-small;
	}
	
/* additional header styles */




/* added by Jon - for the form */
#fapply {margin: 0; padding: 0;}
#fapply fieldset {border: 0; padding: 0;}
#fapply legend {display: none;}
#fapply p {margin: 0; padding: 0; clear: left;}
#fapply p label {width: 25%; font-weight: bold; margin-right: 5px; float: left; text-align: right; padding-top: 10px;}
#fapply input.boxes {margin: 0; padding: 2px; width: 300px; border: 1px solid #17486B; margin-top: 7px;}
#fapply input.small {width: 100px;}
#fapply textarea {margin: 0; padding: 2px; width: 300px; border: 1px solid #17486B; margin-top: 7px;}
#fapply input.button { color: #000; margin-top: 2px; margin-bottom: 5px;}
#fapply p.btpara {margin-top: 8px; padding-left: 26%;}