/*
Gillwood master stylesheet
author: Greg Power - http://www.lakeville.co.uk
version: March 2007
*/

/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/
/* -----------------------------------*/

body {margin: 0px; padding: 0px; font: 0.8em/1.3em Arial, Helvetica, sans-serif; background: url(img/body-bg.gif) repeat-y center 0px;}

p {	word-spacing: 0.2em; padding: 3px 8px; color: #000; }

#secondaryContent p {
	padding-bottom: 7px;
}

#footer p {
	text-align: right;
	color: #fff;
	padding-top: 10px;
}

em {
	font-weight: bold;
}

#footer a, #footer a:visited {
	color: #FBDB43;
	text-decoration: none;
	border-bottom: 1px dashed #FFCC33;
}
#footer a:hover {
	text-decoration: underline;
	border-style: none;
	background: transparent;
}

a {
	color: #043464;
	border-bottom: 1px dashed #043464;
	text-decoration: none;
}

a:visited {	color: #663399;	text-decoration: underline; border-style: none;}
a:hover {color: #fff; background: #d44944; border-style: none;}

#mapContainer a {border: none;}

/* -----------------------------------*/
/* ---- HEADINGS <<<--------*/
/* -----------------------------------*/

h1, h2, h3 {padding: 3px 8px; color: #990000; letter-spacing: 0.1em;}
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
#secondaryContent h1 {font-size: 1em;}

/* -----------------------------------*/
/* ---- STRUCTURE <<<--------*/
/* -----------------------------------*/

#container {
	margin: 0 auto;
	padding: 0px;
	width: 770px;
	background: url(img/container-bg.gif) repeat-y;
}

#header {
	height: 220px;
	background: url(img/header-bg.gif);
}

#header #polaroid {
	background: transparent;
	height: 196px;
	width: 406px;
	float: right;
	margin: 2px 25px 0px 0px;
}

#primaryContent {
}

#primaryContent a {
	font-weight: bold;
}

#mapContainer {
	padding: 3px 8px;
	height: 220px;
	width: 754px;
}

#secondaryContent {
	background: #003399;
}

#secondaryContent #avail {
	width: 280px;
	float: left;
	clear: left;
}

#secondaryContent #locality {
	width: 245px;
	float: left;
}

#secondaryContent #rooms {
	width: 245px;
	float: right;
	clear: right;
}

#footer {
	background: url(img/header-bg.gif) repeat;
	clear: both;
	height: 80px;
}

/* -----------------------------------*/
/* ---- NAVIGATION <<<-------*/
/* -----------------------------------*/

#navigation {
	background: url(img/nav-bg.gif) repeat-x;
	height: 36px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#navigation ul,#navigation li {
	margin:0;
	padding:0;
	height: 36px;
}

#navigation li
{
	float:left;
	list-style:none;
	text-align: center;
}
#navigation li a {
	font: bold 0.9em/36px Arial, Helvetica, sans-serif;
	display: block;
	padding: 0px 16px;
	height: 36px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	border: none;
}

* html #navigation li a {
	width:1%;
	text-align: center;
}

#navigation li a:hover {
	background: url(img/nav-bg-hover.gif) repeat-x;
	color: #FF3D3D;
}

/* -----------------------------------*/
/* ---- IMG/REPLACEMENT <<<-----------*/
/* -----------------------------------*/

/* Logo image replacement */

#header h1 {
	background: url(img/logo.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 177px;
	width: 241px;
	position: relative;
	left: 25px;
	float: left;
	text-indent: -9000px;
}

#header h1 a {
	background: url(img/logo.jpg) no-repeat;
	display: block;
	height: 177px;
	width: 241px;
	border-style: none;
	position: relative;
	text-indent: -9000px;
}

#header #polaroid img {
	border-style: none;
}

#secondaryContent img {
	border: 2px solid #990000;
}

/* -----------------------------------*/
/* ---- MISCELLANEOUS <<<-------------*/
/* -----------------------------------*/

.floatRight {
	margin: 3px 10px;
	float: right;
}

.dropcap {
	float:left;
	color:#CC3300;
	padding-top:2px;
	font: 4.5em/0.75em Times, serif, Georgia;
	padding-right: 3px;
} 

img.interior {
	margin-right: 2px;
}

#table {
	margin-left: 8px;
}

table {
	border-collapse: collapse;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
}
caption {
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	padding: 5px 0px;
}
th, td {
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0.6em;
	vertical-align: 4px;
}
th {
	text-align: left;
	text-transform: uppercase;
}
thead th, tfoot th, tfoot td {
	background-color: #cc9;
	font-size: 1.1em;
}
tbody th {
	padding-left: 24px;
}
tbody th, td {
	background-color:#eee;
}
tbody tr:hover td, tbody tr:hover th {
	background-color: #E5E5CB;
}
tr.odd td, tr.odd th {
	background-color: #ddd;
}
tbody a {
	color: #333;
}
tbody a:visited {
	color: #999999;
}
tbody a:hover {
	color: #33c;
}
tbody a:active {
	color: #33c;
}
tbody td+td+td+td a {
	padding-right: 12px;
}
tfoot th {
	text-align: right;
}
tfoot th:after {
	content: ":";
}