@charset "UTF-8";
/* REWORKED RESET  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; } /* remember to define focus styles! */
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*end of REWORKED RESET */

/* LAYOUT */
html, body {
	height: 100% 
}
body { 
	text-align: center; /* necessary to achieve centered layout for IE5/Win */
	/*background: url(../images/bg-01.gif) repeat-x;*/
}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	margin-left: auto;
	margin-right: auto;
	width:761px;
}
#footer { /* MAKE THIS A ROUNDED CORNER BOX IN #330099 */
	color:#330099;
	position: relative;
	width: 760px;
	margin: 0 auto;
	font-size:0.8em;
	border-top: 2px solid #ccccfe;
	padding-top:8px;
	text-align:center;
}
.push,
.footer {
	height: 4em;
}
#content {
	background:#fff;
	text-align:left; 
	float: right;
	width: 590px;
	margin:23px 0 20px 0px;
	/*border:1px solid green;*/
}
#leftsidebar {
	float: left;
	/*position:absolute;*/
	/*top:205px;*/
	margin-top:20px;
	width: 144px;
}
#rightsidebar {
	float:right;
	height:300px;
	width:180px;
	border:none;
	margin-bottom:20px;
	padding-bottom:10px;
	margin-left:10px;
}
.hrpuffinstuff { border-top:2px solid #ccccfe; margin:5px 0 10px 0; width:100%; }
.filledbox { background-color:#ccccfe; margin:10px 0 20px 0; padding:10px; text-align:left; }
.left { float:left; }
.right { float:right; }
.clearfooter, #footer { height: 4em; }
.clearfooter { clear: both; }

/* Typography */
body, p, li, label, input, #ctas { 
	font:.9em/1.2em "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color:#000;
}

h4, h5, h6, p { 
	padding-bottom: 1.0em;
}

h1, h2, h3, h4, h5, h6 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color:#330099;
	/*color:#12505D; */ /* this colour is more of a blue spruce colour and is dark enough for good contrast on white */
	padding-bottom:0.6em;
	line-height:1.0em;
}
h1 { font-size:1.6em;}
h2 { font-size:1.2em; /*border-bottom:1px solid #ccccfe; padding-top:0.5em; padding-bottom:0.2em; margin-bottom:0.6em;*/}
h3 { font-size:1.0em; }
h4 { font-size:0.9em; }
h5 { font-size:0.8em; }
h6 { font-size:0.8em; }

h2.whr {
	border-top:1px solid #ccccfe;
	margin-top:25px;
	padding:20px 0;
}
h3 span {
	font:italic 0.8em/0.8em arial,sans-serif;
	color:#330099;
	margin-left:10px;
}

p.emphasis {
	color:#cc0000;
}
p.quote {
	font:italic 1.0em/1.3em arial,sans-serif;
	color:#330099;
}
p.testimonial {
	font:italic 0.9em/1.2em arial,sans-serif;
	color:#330099;
	text-align:left;
}
p.quote span {
	font:italic bold 1.0em/1.3em arial,sans-serif;
	color:#330099;
}
h3 span {
	font:italic 0.8em/1.2em arial,sans-serif;
	color:#330099;
	margin-left:10px;
}

ul.bullets {
	list-style-type:disc;
	padding-left:1.0em;
	padding-bottom:1em;
}
ul.bullets li {
	padding-bottom:5px;
}
ul.linklist {
	padding-bottom:2em;
}
ul.linklist li {
	padding-bottom:1em;
}

a { color:#330099; }
a:hover { color:#fff; background-color:#330099; text-decoration:none; }
a img { border:none; }
em { font-style:italic; }
cite { font-style:italic;font-size:0.9em; margin:0 0 20px 20px; display:block;}

.photowcap-right,
.photowcap-left {
	display: inline;
	padding: 3px;
	border: 1px solid #ccccfe;
	background-color:#ccccfe;
	text-align: center;
	font: italic 0.75em Geneva, Arial, Helvetica, sans-serif;
} 
.photowcap-right {
	float: right;
	clear: both;
	margin: 0 0 20px 20px;
}
.photowcap-left {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}
.photo-right {
	display: inline;
	padding: 3px;
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}
.photo-left {
	display: inline;
	padding: 3px;
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
}

/* NAVIGATION */
#menu ul{
	list-style: none;
	margin:0;
	padding:0;
}
#menu li{
	border-top:2px solid #fff;
	margin:0;
	padding:0;
}
#menu li.last{
	border-bottom:2px solid #fff;
	margin:0;
	padding:0;
}
#menu li a {
	display: block;
	width:134px;
	background-color:#ccccfe;
	padding:3px 10px 3px 0;
	font-family: "Lucida Grande", Lucida, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration: none;
	text-align:right;
}
#menu li a:hover{
	background-color:#330099;
}
#menu a:link,
#menu a:visited {
	color: #330099;
}
#menu a:hover{
	background-color:#330099;
	color: #fff;
}
#menu a:active{
	background-color:#330099;
	color: #fff;
}

/* TABLES */
table {	
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin: 20px 0;
	width: 100%;
	text-align: left;
}
.calendar th {
	color: #fff;
	font-weight:bold;
	margin:10px 0;
	padding: 5px;
}
.calendar td { padding: 5px; line-height:1.2em;}
.calendar td strong{ font-weight:bold;}

table.blue th	{ background-color:#1A004D; }
table.purple th{ background-color:#5533bb; }
table.green th	{ background-color:#424e1e; }
table.pink  th	{ background-color:#eecccc; }
table.amber th	{ background-color:#BF8F00; }
table.red th	{ background-color:#665588; }
table.brown th	{ background-color:#5F2E11; }

table.blue  tr	 { border: 1px dashed #1A004D; }
table.purple tr { border: 1px dashed #5533bb; }
table.green tr 	 { border: 1px dashed #424e1e; }
table.pink  tr	 { border: 1px dashed #eecccc; }
table.amber tr 	 { border: 1px dashed #BF8F00; }
table.red tr 	 { border: 1px dashed #665588; }
table.brown tr	 { border: 1px dashed #5F2E11; }

table.blue  span.ed	 { font-weight:bold; color: #1A004D; }
table.purple  span.ed	 { font-weight:bold; color: #5533bb; }
table.green  span.ed	 { font-weight:bold; color: #424e1e; }
table.pink  span.ed	 { font-weight:bold; color: #eecccc; }
table.amber  span.ed	 { font-weight:bold; color: #BF8F00; }
table.red  span.ed	 	{ font-weight:bold; color: #665588; }
table.brown  span.ed	 { font-weight:bold; color: #5F2E11; }