/* CSS Document */

#skip{
	height:1px;
	width:1px;
}

#skip a img{
	border:none;
}	

/*----------Outer div initially set to a width roughly that of the banner image in ems*/
#outer{
	width:45.5em;
	margin:0 auto;
	
}

/*------A container for everything that is not the banner.  This is here to make sure the rest of the content centeres properly
		beneath the banner*/
#notBanner{
	width:44em;
	margin:0 auto;
}

/*---------------container for the banner image itself.  Fixed width to match the image*/
#banner{
	width:722px;
	margin:0 auto;
	text-align:center;
}


/*-----------------------styling for the naivation bar*/
#nav{
	position:relative;
	text-align:center;
}

/*-------------------positions and roughly resizes the rounded corner to the left*/
#navStart{
	position:absolute;
	left:0px;
	top:-0.2em;
}

#navStart img{
	height:2.15em;

}

/*----------------styling for the navigation list.  Width initally the size of the banner*/
#nav ul{
	list-style:none;
	margin-left:0px;
	padding:0px;
	width:44em;
	background-color:#E8E7E3;
	background-image:url(images/navBack.jpg);
	background-repeat:no-repeat;
	padding-top:0.1em;
	padding-bottom:0.5em;
	padding-right:0;
	text-align:center;
}	

#nav li{
	display:inline;

}

#nav li a{

	color:#000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
	padding-left:0.45em;
	padding-right:0.45em;
	padding-top:0.1em;
	padding-bottom:0.1em;

}

#nav li a:hover{
	color:#993333;
}

#nav li a.activeNav{
	color:#993300;
	
}

/*-----------positioning for the rounded corner to the right of the nav bar*/
#navEnd{
	position:absolute;
	right:0px;
	top:-0.2em;
}

#navEnd img{
	height:2.15em;
}


/*-----------------main content area of site.  width set to 100% to allow enclosing behaviour in IE*/
#mainBlock{
	border:1px solid #CCCCCC;
	margin-top:1em;
	width:100%;
	min-height:400px;
}


/*------------------The column containing the submenu and registration form*/
#leftCol{
	width:27%;
	float:left;
}

#subMenu{
	
	border:1px solid #CCCCCC;
	margin-left:0.8em;
	margin-top:1em;	
	margin-bottom:1em;
	margin-left:1em;
	padding-bottom:1em;
}

#subMenu ul{
	list-style:none;
	margin:0;
	padding-left:1em;
}

#subMenu li{
	line-height:1.5em;
	background-image:url(images/bullet.jpg);
	background-position:0 0.5em;
	background-repeat:no-repeat;
	/*this fixes IE display block problem*/
	border-bottom:1px solid white;
}

#subMenu li a{
	padding-left:1.5em;
	display:block;
	padding-right:1em;
}

#subMenu li a:hover{
	color:#993333;
}

#subMenu li.active{
	background-image:url(images/bulletActive.jpg);
	background-position:0 0.3em;
	line-height:1.3em;
	margin-left:-0.2em;
}

#subMenu li.active a{
	color:#000066;
	padding-left:1.8em;
}

#subMenu li.active a:hover{
	color:#993333;
}

#leftCol h2{

	font-size:1em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0.1em;
	margin-left:0em;
	padding-left:0.8em;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
}

#subMenu li a{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#register{
	border:1px solid #cccccc;
	margin-left:1em;
	margin-bottom:2em;
}

.reg{
	padding-left:0.5em;
}

.regInput{
	width:9em;
	border:1px solid #000066;
	padding-left:0.5em;
	margin-right:0.4em;
}


/*----------------------------------Styles for the main text area*/
#content h1, #contentfull h1{
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:1.3em;
}


#content{
	width:65%;
	float:right;
	margin-right:1em;
	margin-bottom:1em;
	position:relative;
}

#contentfull{
	width:100%;
}

/*----------------------This container and the styles applied to it provide float enclosing behaviour in firefox*/
#columnContainer:after{
	content:" ";
	clear:both;
	visibility:hidden;
	display:block;
	height:0;
}


#content h2, #contentfull h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	
}

#content h3, #contentfull h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#993300;
}

#content ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#content li{
	padding-top:0.4em;
}

#content p, #contentfull p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#content table, #contentfull table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#content td, #contentfull td{
	padding:0.3em 0.3em 0.3em 0.3em;
}

#content td p, #contentfull td p{
	font-size:1em;
}

#content a, #contentfull a{
	color:#000066;
}

#galleryContainer{
	position:relative;
}

#gallery {
	list-style:none;
}

.noBorder{
	border:none;
}

.greyBorder{
	border:1px solid #cccccc;
}

.greyBorder tr{
	border-top:1px solid #cccccc;
}

.bgBlue{
	background-color:#E5F5FA;
}

.tableHead{
	background-color:#E5E5E5;
	color:#000066;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}

.floatright{
	float:right;
	margin:0.8em 0.8em 0.8em 0.8em;
}

.floatleft{
	float:left;
	margin:0.8em 0.8em 0.8em 0.8em;
}

.headline{
	color:#000066;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:1em;
	padding-left:1em;
}

a.headline:visited{
	color:#000066;
}

.date{
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
}



/*-----------------------------styles for the footer*/
#footer ul{
	float:right;
}

#footer li{
	display:inline;
	color:#999999;
}

#footer li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.7em;
	padding-left:0.45em;
	padding-right:0.45em;
}

#sunsol{
	padding-top:0.5em;
	float:left;
}

#sunsol p{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.7em;
}

#sunsol a{
	font-family:Arial, Helvetica, sans-serif;
	color:#F77B31;
	
}

.reservations{
	width:100%;
	margin-bottom:10px;
}

.reservations th{
	text-align:left;
	background-color:#E5E5E5;
	padding:3px;
}

.bolden{
	color:red;
	font-weight:bold;
}

.reservations td{
	background-color:#E5F5FA;
	padding:3px;
}

.clear{
	clear:both;
}