/************************************************
 *												*
 * 		Style Sheet for Seymours Bar      		*
 *												*
 ************************************************/  


html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 100%; /* For IE since it dislikes EMs */
    letter-spacing:1px;
}

body {
	background: #525252 url(../images/page.gif) top center repeat-y;
	/*background-color: #000;*/
	font-size: 75%;
	color: #fff;
	text-align:center
}

/* Link Styling
------------------------------------------------- */

a 			{ color: #bc0812; }
a:link		{ color: #bc0812; }
a:active 	{ color: #bc0812; }
a:hover 	{ color: #777777; }

img { border: 0px; }


/* Main Layout
------------------------------------------------- */

#wrap {
	background-color: #000;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	margin: 0 auto;
	background-color: #000;
	padding: 10px 0 10px 0;
	text-align: left;
	border: 1px solid #000;
}

#header {
	margin: 0 auto;
	width: 100%;
	height: 101px;
	text-align: left;
	color: #ee1284;
	background: #000 url(../images/seymours.jpg) top left no-repeat;
}

#footer {
	clear: both;
	background-color: #000;
	color: #777;
	text-align: right;
	padding: 5px;
	border-top: 1px solid #980E10;
	padding-bottom: 30px;
}

#footer p {
	font-size: 90%;
}

/* Style Elements
------------------------------------------------- */

hr { margin: 0 30px; height: 1px; background-color: #bc0812; }

form { margin: 5px 0 5px 20px;}

div.spacer {
	height: 70px;
}

div.text {
	margin: 5px 180px 5px 20px;
	padding: 4px;
	color: #aaa;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing:1.1px;
	text-align: left;
}

p { 
	margin: 0 30px;
	padding: 4px;
	text-align: left;
}

p.text { 
	margin: 5px 240px 5px 20px;
	padding: 4px;
	color: #aaa;
	font-size: 1.0em;
	line-height: 1.6em;
	letter-spacing:1.1px;
	text-align: justify;
}

p.text2 { 
	margin: 5px 20px 20px 20px;
	padding: 4px;
	color: #aaa;
	font-size: 1.0em;
	line-height: 1.6em;
	letter-spacing:1.1px;
	text-align: justify;
}


/* Text Styling
------------------------------------------------- */

h1 {
	margin: 0 20px;
	padding: 4px;
	font-size: 120%;
	color: #eee;
	letter-spacing:1.1px;
	text-align: justify;
}
h2 {
	margin: 0 20px;
	padding: 4px;
	font-size: 115%;
	color: #ff8800;
	letter-spacing:1.1px;
	text-align: justify;
}
h3 {
	margin: 0 20px;
	padding: 4px;
	font-size: 110%;
	color: #ddd;
	letter-spacing:1.1px;
	text-align: justify;
}
h4 {
	margin: 0 20px;
	padding: 4px;
	font-size: 100%;
	color: #ddd;
	letter-spacing:1.1px;
	text-align: justify;
}
h5 {
	margin: 0 20px;
	padding: 4px;
	font-size: 90%;
	color: #ddd;
	letter-spacing:1.1px;
	text-align: justify;
}
h6 {
	margin: 0 20px;
	padding: 4px;
	font-size: 80%;
	color: #ddd;
	letter-spacing:1.1px;
	text-align: justify;
}

/* Control Elements
------------------------------------------------- */

.right {
	float: right;
	margin: 0;
	margin-right: 10px;
	border: 0px;
	/*vertical-align: middle;*/
}
.left {
	float: left;
	margin: 0;
	margin-left: 10px;
	border: 0px;
	/*vertical-align: middle;*/
}

.clear {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
}

/* Tabbed Navigation
------------------------------------------------- */

#navcontainer {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #980E10;
}

ul#navlist {
	margin: 0 30px;
	list-style-type: none;
	/*padding-bottom: 37px;*/
	font: normal 0.85em arial, sans-serif;
	text-transform: uppercase;
}

html>body ul#navlist {
	margin: 0 0px;
	list-style-type: none;
	padding-bottom: 33px;
	font: normal 0.85em arial, sans-serif;
	text-transform: uppercase;
}

ul#navlist li  {
	float: left;
	height: auto;
	background: #000 url(../images/menubg.gif) center left repeat-x;
	margin: 2px 2px 0 2px;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
	border-bottom: 0;
}

#navlist a {
	float: left;
	color: #eee;
	text-decoration: none;
	padding: 8px;
	padding-left: 3px;
	padding-right: 3px;
	width: 100px;
}

html>body #navlist a {
	float: left;
	color: #eee;
	text-decoration: none;
	padding: 8px;
	padding-left: 10px;
	padding-right: 10px;
	width: 82px;
}

#navlist a:hover { background: #bc0812 url(../images/pointer.gif) bottom center no-repeat; }

/* Active Navigation
------------------------------------------------- */

li#active a { background: #bc0812 url(../images/menu.gif) center center repeat-x; }
li#active a { color: #fff; }


/* Facilities List
------------------------------------------------- */

ul#facilities {
	list-style-type: square;
	color: #777777;
}

.map {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #777;
}

html>body .map {
	float: left;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 1px solid #777;
}

select { font-size: 12px; }
