* {
	/* this zeros everything in each browser */
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: small; 
	text-align: center; /* this centrally aligns the page in older browsers */
	background-color: #333;
}

/* layout structure */
#wrap {
	width: 960px;
	margin: 0 auto; /* this centrally aligns the page in modern browsers */
	background: #fff;
	display: block;
	text-align: left; /* this resets the text alignment for older browsers - must be kept! */
}

#header {
	width: 960px;
	float: left;
	height: 144px;
}

#navigation {
	width: 960px;
	float: left;
}

#message {
	width: 920px;
	padding: 5px 20px;
	background: #999;
	text-align: center;
	float: left;
}

#columns {
	width: 960px;
	float: left;
	background: url(../images/bgColumns.gif) #fff repeat-y;
}

#col1 {
	float: left;
	width: 250px;
	padding: 35px;
}

#col2 { /* this puts the video to the edge of the site */
	float: right;
	width: 640px;
	
}

body.accommodation #col2,
body.communications #col2,
body.downloads #col2,
body.contact #col2 { 
	float: right;
	width: 570px;
	padding: 35px;
	}

body.contact2 #col2 { 
	float: left;
	width: 250px;
	padding: 67px 35px 35px 35px;
	background: none;
	}

body.contact2 #col3 { 
	float: right;
	width: 250px;
	padding: 67px 35px 35px 35px;
	}
	
#fullCol {
	float: left;
	width: 890px;
	background: #ccc;
	padding: 35px;
}

#footer {
	width: 960px;
	float: left;
}

/* header styling */

#header h1 {
	width: 440px;
	height: 33px;
}	

/* navigation styling */

#navigation {
	float: left;
	width: 960px;
	background: #000;
}
#navigation ul {
	list-style: none;
	width: 960px;
	height: 25px;
}
#navigation li {
	float: left;
	display: block;
}
#navigation li a {
	float: left;
	display: block;
	height: 25px;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-indent: -9000px; /* this keeps the html text for accessibility but moves it off screen so it doesn't clash with the button graphics */
}

/* these lines control the hover states of the navigation */
#navigation li.tnHome a { background: url(../images/home.png) no-repeat top left; width:160px; }
#navigation li.tnHome a:hover { background: url(../images/home.png) no-repeat top right; }
body.home #navigation li.tnHome a {	background: url(../images/home.png) no-repeat top right; }

#navigation li.tnLocation a { background: url(../images/location.png) no-repeat top left; width:160px; }
#navigation li.tnLocation a:hover { background: url(../images/location.png) no-repeat top right; }
body.location #navigation li.tnLocation a {	background: url(../images/location.png) no-repeat top right; }

#navigation li.tnAccommodation a { background: url(../images/accommodation.png) no-repeat top left; width:160px; }
#navigation li.tnAccommodation a:hover { background: url(../images/accommodation.png) no-repeat top right; }
body.accommodation #navigation li.tnAccommodation a {	background: url(../images/accommodation.png) no-repeat top right; }

#navigation li.tnCommunications a { background: url(../images/communications.png) no-repeat top left; width:160px; }
#navigation li.tnCommunications a:hover { background: url(../images/communications.png) no-repeat top right; }
body.communications #navigation li.tnCommunications a {	background: url(../images/communications.png) no-repeat top right; }

#navigation li.tnDownloads a { background: url(../images/downloads.png) no-repeat top left; width:160px; }
#navigation li.tnDownloads a:hover { background: url(../images/downloads.png) no-repeat top right; }
body.downloads #navigation li.tnDownloads a {	background: url(../images/downloads.png) no-repeat top right; }

#navigation li.tnContact a { background: url(../images/contact.png) no-repeat top left; width: 160px; }
#navigation li.tnContact a:hover { background: url(../images/contact.png) no-repeat top right; }
body.contact #navigation li.tnContact a {	background: url(../images/contact.png) no-repeat top right; }

#navigation li.tnContact a { background: url(../images/contact.png) no-repeat top left; width: 160px; }
#navigation li.tnContact a:hover { background: url(../images/contact.png) no-repeat top right; }
body.contact2 #navigation li.tnContact a {	background: url(../images/contact.png) no-repeat top right; }

/* message styling */
#message p {
	font-size: 10px;
	font-weight: bold;
}


/* col1 styling */

#col1 h1 {
	margin: 0 0 15px 0;
}

#col1 h2 {
	margin: 0 0 15px 0;
}

#col1 h3 {
	margin: 0 0 15px 0;
}

#col1 h4 {
	margin: 0 0 15px 0;
}

#col1 p {
	margin: 0 0 15px 0;
}

#col1 a {
	color: #000;
}
#col1 a:hover {
	color: #0099FF;
	text-decoration: none;
}

#col1 ul {
	margin: 15px;
	display: inline;
	display: block;
}

#col1 ul li {
	padding: 0 0 3px 10px;
}

#col1 ol {
	margin: 15px 20px;
	display: inline;
	display: block;
}

#col1 ol li {
	padding: 0 0 3px 5px;
}

#col1 table {
	border-collapse: collapse; /* this is the equivalent of cellspacing */
	margin: 15px 0 0 0;
	float: left;
	border: 0;
}

#col1 table th {
	font-weight: bold;
	padding: 3px;
	border-bottom: solid 2px #ccc;
}
#col1 table td {
	padding: 3px;
	border-bottom: solid 2px #1f8e68;
}
#col1 table tr.alt td {
	/* this uses the styling above but also adds a background */
	background: #f5f5f5;
}


/* col2 styling */

#col2 h1 {
	margin: 0 0 15px 0;
}

#col2 h2 {
	margin: 0 0 15px 0;
}

#col2 h3 {
	margin: 0 0 15px 0;
}

#col2 h4 {
	margin: 0 0 15px 0;
}

#col2 p {
	margin: 0 0 15px 0;
}

#col2 a {
	color: #000;
}
#col2 a:hover {
	color: #0099FF;
	text-decoration: none;
}

#col2 ul {
	margin: 15px;
	display: inline;
	display: block;
}

#col2 ul li {
	padding: 0 0 3px 10px;
}

#col2 ol {
	margin: 15px 20px;
	display: inline;
	display: block;
}

#col2 ol li {
	padding: 0 0 3px 5px;
}

#col2 table {
	float: left;
	border-collapse: collapse; /* this is the equivalent of cellspacing */
	margin: 0 0 15px 0;
}

#col2 table th {
	font-weight: bold;
	padding: 3px;
	border: solid 2px #ccc;
}
#col2 table td {
	padding: 3px 5px;
	border: 0;
	border-bottom: solid 2px #1f8e68;
}
#col2 tableß tr.alt td {
	/* this uses the styling above but also adds a background */
	background: #f5f5f5;
}
body.accommodation #col2 table {
    float: left;
    border-collapse: collapse; /* this is the equivalent of cellspacing */
    margin: 0 0 15px 0;
}

body.accommodation #col2 table th {
    font-weight: bold;
    padding: 3px;
    border: solid 2px #ccc;
}

body.accommodation #col2 table td {
    padding: 3px 5px;
    border: solid 2px #ccc;
}

body.accommodation #col2 table tr.alt td {
    /* this uses the styling above but also adds a background */
    background: #f5f5f5;
}
body.contact2 #col2 table {
	border-collapse: collapse; /* this is the equivalent of cellspacing */
	margin: 15px 0 0 0;
	float: left;
}

body.contact2 #col2 table th {
	font-weight: bold;
	padding: 3px;
	border: solid 2px #ccc;
}
body.contact2 #col2 table td {
	padding: 3px;
	border: solid 1px #ccc;
}
body.contact2 #col2 table tr.alt td {
	/* this uses the styling above but also adds a background */
	background: #f5f5f5;
}
#col3 a {
	color: #000;
}
#col3 a:hover {
	color: #0099FF;
	text-decoration: none;
}
#col3 table {
	border-collapse: collapse; /* this is the equivalent of cellspacing */
	margin: 15px 0 0 0;
	float: left;
}

#col3 table th {
	font-weight: bold;
	padding: 3px;
	border: solid 2px #ccc;
}
#col3 table td {
	padding: 3px;
	border: solid 1px #ccc;
}
#col3 table tr.alt td {
	/* this uses the styling above but also adds a background */
	background: #f5f5f5;
}

/* footer styling */
#footer a {
	background: url(../images/impact.png) top left no-repeat;
	width: 960px;
	height: 16px;
	text-indent: -9000px;
	display: block;
}

#footer a:hover {
	background: url(../images/impact.png) top right no-repeat;
	width: 960px;
	height: 16px;
	text-indent: -9000px;
	display: block;
}



/* misc styles */

br.clear {
	clear: both;
	height: 0;
}

.note {
	font-size: 80%;
}