/*
font stacks:
Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

dk teal - 003648
med teal - 669eb0
khaki - a9b175
leather - 5c5441
buff - ecefdb
*/

body {
	font-family: Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	font-size: 14px;
	background: #ecefdb url('images/bg.jpg') repeat-y top center;
	margin: 0;
	padding: 0;
	color: #000;
	}

#foot, #head, .colmask {
	width: 970px;
	margin: 0px auto;
	}

#masthead {
	border-bottom: 4px solid #a9b175;
	}

#foot {
	background: #ecefdb;
	border-top: 4px solid #a9b175;
	font-family: Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 11px;
	padding: 8px 0;
	text-align: center;
	clear: both;
	}

#content {
	padding: 24px 0 12px 0;
	}
	
a {
	font-weight: bold;
	text-decoration: underline;
	}

a:link {
	color: #669eb0;
	}

a:visited {
	color: #003648;
	}

a:hover, a:active {
	color: #5c5441;
	}

a.img {
	border: none;
	text-decoration: none;
	}
	
h1, h2, h3, h4 {
	font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	margin-top: 0;
	margin-left: 3px;
	margin-right: 3px;
	color: #003648;
	margin-bottom: 12px;
	}

.col3 h1, .col3 h2, .col3 h3 {
	margin: 18px 12px;
	margin-top: 0;
	text-align: center;
	}
	
h1 {
	font-size: 36px;
	}

h2 {
	color: #5c5441;
	font-size: 26px;
	font-style: italic;
	}

h3 {
	font-size: 20px;
	text-transform: uppercase;
	}

h4 {
	font-weight: normal;
	font-size: 17px;
	font-style: italic;
	}

b {
	color: #5c5441;
	text-transform: uppercase;
	}
	
p {
	margin-top: 0;
	margin-bottom: 16px;
	padding: 0;
	line-height: 130%;
	}
	
#content p {
	margin: 0 3px 16px 3px;
	}

#foot p {
	margin: 0;
	}

#foot p#addy {
	margin-bottom: 16px;
	font-size: 14px;
	}
	
.col2 p, .col2 b {
	color: #fff;
	}
	
.col2 p, .col3 p {
	margin: 8px;
	}
	
/* three-col holy grail layout */

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	/* float:left; */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* holy grail 3 column settings */
.holygrail {
	background:#669eb0;    	/* Right column background colour */
}

.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#fff;    	/* Centre column background colour */
	border-right: 4px solid #a9b175;
}

.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:400px;         	/* Left column width + right column width */
	background:#003648;    	/* Left column background colour */
	border-right: 4px solid #a9b175;
}

.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1 {
	margin:0 215px 0 219px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	/* right:15px;  Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of right column content (right column width minus left and right padding) */
	/* margin-right:45px;  	Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/* end holy grail */

/* nav */

#nav ul {
	border-top: 1px solid #669eb0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	}

#nav li {
	font-family: Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #669eb0;
	padding: 0;
	}

#nav li a, .bluebox a	{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 3px 8px;
	background: #003648;
	
	}
	
#nav a:hover, .bluebox a:hover {
	background: #5c5441;
	}
	
/* end nav */	



/* misc */

.bluebox {
	font-family: Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
	font-size: 24px;
	text-align: center;
	}
	
.bluebox a {
	padding: 8px 8px 8px;
	margin-left: 4px;
	}
	
#content img {
	background: #ecefdb;
	padding: 1px;
	border: 6px solid #a9b175;
	margin-bottom: 4px;
	}

small {
	font-size: 80%;
	}

ul {
	margin-bottom: 16px;
	margin-left: 16px;
	}
	
li {
	line-height: 150%;
	padding-bottom: 2px;
	}

.left, .right {
	margin-bottom: 6px; 
	}
	
.left {
	margin-right: 24px;
	margin-left: 9px;
	float: left;
	}

.right {
	margin-left: 24px;
	margin-right: 9px;
	float: right;
	}

.centered {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
	
hr {
	border: none;
	margin: 0;
	padding: 0;
	clear: both;
	}
	
img.plain {
	background: none !important;
	padding: 0 !important;
	border: none !important;
	}
	
#content td, #content th {
	padding: 0 15px 20px 0;
	}