/* 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,b,u,i,center,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-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
ol,ul {
	list-style:none;
}
blockquote,q {
	quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* Layout */
html {
	height: 100%;
}
body {
	min-height: 101%;
	text-align: center;
	color: #333;
	background-color: #483d8b;
}
#container {
	width: 980px;
	margin: 0 auto;
	border: 0;
	text-align: left;
	background-color: #fff;
}
#container_logo {
	width: 100%;
	float: left;
	clear: both;
}
#logo {
	width: 100%;
	float: left;
	text-align: center;
}
#container_header {
	width: 100%;
	float: left;
	clear: both;
}
#header {
	width: 100%;
	float: left;
}
#container_nav {
	width: 100%;
	float: left;
	clear: both;
}
#nav {
	width: 100%;
	float: left;
}
#container_content {
	width: 100%;
	float: left;
	clear: both;
}
#maincontent {
	width: 480px;
	float: left;
	overflow: hidden;
	text-align: left;
}
#right1 {
	width: 200px;
	float: left;
}
#right2 {
	width: 200px;
	float: left;
}
#right3 {
	width: 80px;
	float: left;
}
#container_footer {
	width: 100%;
	float: left;
	clear: both;
}
#footer {
	width: 100%;
	border-top: 1px solid #483d8b;
	float: left;
	text-align: center;
}
#container_footer p {
	margin: 0;
}
#interact_footer {
	display: none;
}
body#contactpage div#interact_footer {
	display: block;
 	clear: both;
	width: 100%;
	text-align: center;
}
body#locationpage div#right2 {
	display: none;
}	
body#locationpage div#right1 {
	width: 400px;
}	
.padding {
	padding: 0 10px; /* hasLayout issue if top padding used - see hacks in IE stylesheets */
}
.padding_logo {
	padding: 10px;
}
.padding_header {
	padding: 10px 10px 0 10px;
}
.padding_nav {
	padding: 0 10px;
}
.padding_maincontent {
	padding: 3em 10px 2em 10px;
}
.padding_right1, .padding_right2, .padding_right3 {
	padding: 6em 10px 2em 10px;
}
.padding_footer {
	padding: 5px 10px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
#flashprint {
	display: none;
}
/* Fonts */
body {
	font-family: Georgia, "Bookman Old Style", "Times New Roman", "DejaVu Serif", "Bitstream Vera Serif", serif;
	font-size: 75%; /* 75% x 16px = 12px */
	line-height: 1.5em; /* 1.5 x 12px = 18px */
}
p {
	font-size: 1em; /* 1 x 12px = 12px */
	margin: 0.75em 0; /* total of 1.5 x 12px = 18px */
	line-height: 1.5em; /*1.5 x 12px = 18px */
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Bookman Old Style", "Times New Roman", "DejaVu Serif", "Bitstream Vera Serif", serif;
	color: #483d8b;
}
h1 {
	font-size: 1.5em; /* 1.5 x 12px = 18px */
	margin: 0 0 1em 0; /* total of 1 x 18px = 18px */
	line-height: 1em; /* 1 x 18px = 18px */
}
h2 {
	font-size: 1.25em; /* 1.25 x 12px = 15px */
	margin: 0.6em 0; /* total of 1.2 x 15px = 18px */
	line-height: 1.2em; /* 1.2 x 15px = 18px */
}
h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0.75em 0; /* total of 1.5 x 12px = 18px */
	line-height: 1.5em; /*1.5 x 12px = 18px */
	font-weight: bold;
}
table {
	border-collapse: collapse;
	clear: left;
	font-size: 100%; /* to help out IE5 - otherwise it re-sizes text too aggressively */
}
th, td {
	text-align: left;
	vertical-align: top;
	padding: 0;
}
th {
	font-size: 1em; /* 1 x 12px = 12px */
	padding: 0.75em 5px; /* total 1.5 x 12px = 18px */
}
td {
	font-size: 1em; /* 1 x 12px = 12px */
	padding: 0.75em 5px; /* total 1.5 x 12px = 18px */
	line-height: 1.5em; /* 1.5 x 12 = 18px */ 
}
blockquote, ul, ol, dl, address {
	margin: 0.75em 20px; /* total of 1.5 x 12px = 18px */
}
dd { 
	margin-left: 2em;
}
ul {
	list-style-type: circle;
}
li {
	margin: 0.75em 0 0.75em 1.5em; /* total of 1.5 x 12px = 18px */
}
form, fieldset {
	margin: 0.75em 0; /* total of 1.5 x 12px = 18px */
}
fieldset { 
	padding: 5px;
}
label {
	margin: 0.375em 0; /* total of 0.75 x 12px = 9px */
}
p.quote {
	font-style: italic;
}
p.quote_ref {
	margin: 0.75em 20px; /* total of 1.5 x 12px = 18px */
	font-size: 0.9em;
}
p.testimonial {
	padding: 10px;
	color: #fff;
	background-color: #a5a0c6;
	font-size: 0.9em;
}	
p.credit {
	font-size: 0.8em;
	font-style: italic;
	color: #999;
	text-align: center;
}
#container_footer p {
	font-size: 0.85em;
	font-weight: bold;
	color: #483d8b;
	margin: 0.5em 0;
}
#interact_footer p {
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	margin: 4em 0 0 0;
}
/* Images in right */
#right1 img, #right2 img, #right3 img {
	margin: 0 0 20px 0;
}
/* nav menu */
/* horiz menu - gradient.
Uses <ul> float:left; <li> display:inline; <a> display:block, float:left.
Can only align left.
Issues:
 - IE5.5 lets <ul> go slightly too wide breaking out of its container - accept (obsolete browser; usable)
Can wrap - not pretty but usable. Use for short menus only - where there will be no wrapping even after font re-sizing. */
#nav ul {
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #867fb2 url(img/nav_bgd.jpg) bottom left repeat-x;
}
#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul li a {
	display: block;
	float: left;
	margin: 0;
	border-right: 1px solid #675e9f;
	padding: 0.25em 0.75em;
	line-height: 1.5em; /* display: block so total height is line-height plus padding = 2em */
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#nav ul li.last a {
	border-right: 0; /* no border-right on last item */
}
#nav ul li a:hover {
	color: #483d8b;
background: #e3e2ed url(img/nav_hover.jpg) bottom left repeat-x;
	text-decoration: none;
}
/* Current page styling */
body#homepage li#home a, body#roomspage li#rooms a, body#facilitiespage li#facilities a, body#locationpage li#location a, body#activitiespage li#activities a, body#contactpage li#contact a, body#linkspage li#links a {
	color: #fff;
	background: #e3e2ed url(img/nav_hover.jpg) bottom left repeat-x;
	text-decoration: none;
}
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover {
	color: #483d8b;
	text-decoration: none;
}
#interact_footer a:link, #interact_footer a:visited {
	color: #fff;
	text-decoration: underline;
}
#interact_footer a:hover {
	color: #b2042c;
	text-decoration: underline;
}