/* CSS by Fred Campbell. 20.10.07 */

/* Layout */

* { margin: 0; padding: 0;}

body { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: center; line-height: 1.4em;}

#wrapper { width: 780px; margin: 0 auto; background-color: #FFFFFF; text-align: left;}

#masthead { height: 215px; position: relative; margin-top: 10px; margin-bottom: 25px; background: url(../images/jetty.jpg) no-repeat center bottom;}

#nav { position: absolute; bottom: 10px; right: 20px; width: 28em; }

#content { float: left; margin-bottom: 25px; }

#contentL { float: left; width: 375px; margin-bottom: 25px; }
#contentLdeep {
	float: left;
	width: 375px;
	margin-bottom: 25px;
	padding-top: 55px;
}

#contentR { float: right; width: 310px; }
#contentRBG {
	float: right;
	width: 310px;
	background-image: url(../images/downloads.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 310px;
	padding-top: 40px;
}

#contentP { float: right; width: 380px; }

#contentPeople  ul { list-style: none; }

#contentPeople  li {
	margin-bottom: 20px;
	background-color: #FFFFFF;
	line-height: 125%;
	float: right;
	padding: 0px;
	margin-left: 15px;
}

#contentPeople  img { margin-bottom: 8px; display: block; border: 1px solid #666666;}

#contentContactL {
	float: left;
	width: 310px;
}
#contentContactR {float: right; width: 440px;}

#contentCoursesL {
	float: left;
	width: 480px;
	text-align: center;
	color: #003300;
}

#contentCoursesR {
	float: right;
	width: 260px;
	color: #003300;
	text-align: center;
}

#contentCoursesL p {
	padding: 0px;
	font-size: 95%;
}


.box {
	border: 1px solid #003300;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 20px;
}


#footer { clear: both; }

#table {position: relative; width: 620px; margin-top: 5px; }

.line1 {
	position: absolute;
	left: 25px;
	top: 8px;
}

.line2 {
	position: absolute;
	left: 25px;
	top: 35px;
}

.line3 {
	position: absolute;
	left: 25px;
	top: 65px;
}

.line4 {
	position: absolute;
	left: 25px;
	top: 95px;
}

.line5 {
	position: absolute;
	left: 25px;
	top: 125px;
}

/* Type */

h1 {
	font-size: 180%;
	margin-bottom: 25px;
	color: #003300;
	text-align: center;
	line-height: 100%;
}

h2 {font-size: 200%; margin-bottom: 5px; color: #003300; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BF0000; padding-bottom: 25px;}

h3 {font-size: 120%; padding-bottom: 5px; color: #003300; padding-top: 5px; }

h4 { color: #003300; font-size: 160%; line-height: 110%; margin-bottom: 20px; }

p { padding-bottom: 10px; }


#content p, #content li {
	padding-right: 75px;
}

.indent { margin-left: 20px; }


/* Lists */

#nav ul { margin: 0; padding: 0; list-style: none; }

#nav ul a { font-weight: bold; color: #FFFFFF; display: block; text-decoration: none; float: left; padding-top: 0; padding-bottom: 0; padding-right: 20px; }

#nav ul a:hover { text-decoration: underline; }

#nav li { display: inline; margin: 0px; padding: 0px; }

ul { list-style-position: inside; list-style-type: none; list-style-image: url(../images/redbullet.jpg); }

li { padding-bottom: 8px; padding-left: 15px;}

#li a { font-weight: bold;}

ol { list-style-position: inside; }


/* Styling */

.contact { position: absolute; top: 25px; right: 0px; color: #003300; font-weight: bold;}

.bold {font-size: 120%; color: #003300;font-weight: bold;}

.italic {font-style: italic; font-weight: normal;}

a:link { color: #003300; }

a:visited { color: #006600; }

a:hover { text-decoration: none; }

.insetR { float: right; margin-left: 8px; }

a img { border: 0; }

.line { font-weight: bold; color: #FFF; position: absolute; left: 20px; top: 78px; }

.red { color: #BF0000; }

.imgborder {border: 1px solid #000000;}

.imgDocsBG {
	background: url(../images/docs.jpg) center top no-repeat;
	height: 240px;
	text-align: center;
	padding-top: 60px;
}

.boldreg { font-weight: bold; }

#footer p { text-align: center; font-size: 90%; color: #333333; line-height: 110%; text-decoration: none; }

#footer a { text-decoration: none; color: #333333;}

table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	width: 230px;
}

td {padding-right: 20px;}
.clearfix {
	clear: both;
	text-align: center;
	padding-bottom: 20px;
}