@charset "utf-8";
/* CSS Document
	Teal: #26b6c7;
*/

* { margin: 0; padding: 0; }

body {
	background: #000000;
	font: 14px Arial, Helvetica, sans-serif;
	color: #dddddd;
}

h2 { margin: 10px 10px 10px 15px; font-size: 24px; text-transform: uppercase; color: #ffffff; letter-spacing: -1px; }
h3 { margin: 10px 10px 10px 15px; font-size: 20px; letter-spacing: -1px; }
h4 { margin: 10px 10px 10px 15px; font-size: 14px; color: #00FFFF; }


img { border: none; }

a { text-decoration: none; color: #cc0000 }

p { color: #eeeeee; }

.teal { color: #26b6c7; }
.white { color: #ffffff; }
.whiteborder { border: 8px solid #ffffff; float: left; margin: 0 10px 10px 0; }
.right { text-align: right; }

p.address { font-size: 16px; }

table.data {  margin: 10px 10px 10px 20px; border-collapse: collapse; }
table.data td { padding: 10px 10px; border-bottom: 1px dashed #444444; }
table.data td.bullet { padding-left: 25px; background: url(../images/icons/bullet.jpg) no-repeat left }

table.bookings { margin: 10px 10px 10px 15px; width: 600px; border-collapse: collapse; }
table.bookings td, table.bookings th { padding: 10px 10px; border-bottom: 1px dashed #444444; border-top: 1px dashed #444444; text-align: left;}

table.calendar a { color: #999999; border-bottom: 1px solid #999999; }

#container {
	width: 960px;
	margin: 0 auto;
	background: #333333;
}

#member {
	padding: 10px;
	background: #000000;
	text-align: right;
	font-size: 12px;
}
#navigation {
	background: #333333 url(../images/nav-bg.jpg) repeat-y;
	text-align: center;	
	border-bottom: 5px solid #000000;
}

#navigation ul {
	list-style: none;
}

#navigation ul li {
	display: inline;
}

#navigation ul li a {
	color: #ffffff;
	text-transform: uppercase;
	font: 18px Arial, Helvetica, sans-serif;	
	text-decoration: none;
	display: inline-block;
	width: 180px;
	padding: 15px 0;

}

#navigation ul li a:hover {
	background: #eeeeee url(../images/nav-bg-act.gif) repeat-x;
	color: #333333;	
}

.selected {
	background: #eeeeee url(../images/nav-bg-act.gif) repeat-x;
	color: #333333 !important;	
}

#banner {
	width: 960px;

	background: #000000;
	float: left;
	border-bottom: 5px solid #000000;
}

#banner img { float: left; }

#leftsidebar {
	width: 321px;
	border-top: 2px solid #444444;
	float: left;
}

img.sidebar { margin: 0 10px 10px 15px; border: 8px solid #ffffff; float: left; }

p.sidebar { margin: 0 10px 10px 15px; line-height: 130%; }


#maincontentarea {
	width: 960px;
	background: #333333 url(../images/content-block-bg.jpg);
	float: left;
}

#contentarea {
	width: 637px;
	float: left;
}

.contentblock {
	width: 637px;
	border-top: 2px solid #444444;
	border-left: 2px solid #444444;	
	float: left;
}

.contentblock img { margin: 0 15px 10px 15px; border: 8px solid #ffffff; float: left; }

.contentblock p { margin: 0 10px 10px 15px; line-height: 130%; }

.contentblock a { color: #CC0000; border-bottom: 1px solid #CC0000; font-weight: bold; }

.contentblock a:hover { color: #ffffff; border: none; }

.newscol { padding: 10px 10px 10px 15px; width: 290px; float: left; }
.newscol h5 { margin-bottom: 10px; font-size: 14px; color: #26b6c7; text-decoration: none; border: none; }
.newscol h4 { margin-bottom: 10px; font-size: 16px; color: #eeeeee; text-decoration: none; border: none; }
.newscol p { margin: 0 10px 10px 0; }
.newscol a { color: #CC0000; border-bottom: 1px solid #CC0000; font-weight: bold;  }
.newscol a:hover { color: #ffffff; border: none; }
.newscol h5.archive {margin: 15px 0 0 0;}
.contentblock p sup { color: #666666;}

ul.services {
	margin: 10px 0 0 15px;
	color: #26b6c7;
}

ul.services li {
	padding: 0 0 10px 10px;
	list-style: url(../images/icons/bullet.jpg);
}

ul.services li a {
	color: #dddddd;
	border: none;
}

ul.points {
	margin: 10px 0 0 20px;
}

ul.points li {
	padding: 0 0 10px 10px;
	list-style: url(../images/icons/bullet.jpg);
}

/* Shop at Odel */
div.shop {
	height: 320px;
	margin: 0 0 0 20px;
}

div.shop img {
	margin: 0 3px 3px 0;
}


/*Form*/
label {
	margin: 5px 0;
	font-weight: bold;
	display: block;
}

input {
	margin: 0 0 10px 0;
	padding: 5px;
	border: none;
	background: #dddddd;
	width: 280px;
}

input.button {
	background: #000000;
	color: #26b6c7;
	font-weight: bold;
	width: 100px;
}
/*End form*/

h4 { font-size: 14px; color: #ffffff; text-decoration: none; border: none; }

#footer {
	width: 960px;
	padding: 10px 0;
	background: #333333 url(../images/nav-bg.jpg) repeat-y;
	border-top: 2px solid #444444;
	text-align: center;
	color: #ffffff;
	float: left;
	font-size: 12px;
}

#footer a { border-bottom: 1px solid #CC0000; color: #999999; border: none; }
#footer a:hover { color: #ffffff; border: none; }

.errorbox { margin: 0 0 5px 0; padding: 5px; background: #FFFF99; border: 1px solid #000000; color: #000000; font-weight: bold; }

div.form { 	margin: 0 0 5px 0; padding: 5px; }
div.form input { margin: 5px; padding: 5px; border: 1px solid #26b6c7; font-size: 14px;}
div.form textarea { margin: 5px; padding: 5px; border: 1px solid #26b6c7; font: 14px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; }
div.form select { margin: 5px; padding: 4px; width: 200px; border: 1px solid #26b6c7; }
div.form label { width: 150px; margin: 5px; padding: 4px; display: inline-block; }
div.form input[type="text"] { width: 450px; }
div.form input.smallfield { width: 80px; }

div#timeslots { height: 100px; }
div#timeslots img { border: none; margin: 10px; }
div#timeslots label { width: 154px; }