/*XXXXXXXXXXXXXXX
     INDEX
XXXXXXXXXXXXXXXXX

0. Containers
1. Left Column
2. Right Side
3. Navigation
4. Layout Classes
5. Slideshow

XXXXXXXXXXXXXXX*/

/*X    XXX    XXX
XXX   X   X   XXX
XXX   X   X   XXX
XXX   X   X   XXX
XXX   X   X   XXX
XXX    XXX    XXX

XXXXXXXXXXXXXXXXX
   CONTAINERS
XXXXXXXXXXXXXXX*/


body
{
  background: rgb(60,70,82) url('../images/bg_silverware.jpg') top right no-repeat;
}

#container_outer
{
	background: white;
	border: none;
	margin: 120px auto 0;
	padding: 8px;
	position: relative;
	width: 960px;
}

#container_inner
{
	background: white;
	border: 1px solid rgb(189,149,21);
	height: 100%;
	margin: 0;
	padding: 24px;
	position: relative;
	width: 910px;
}

#footer
{
	background: none;
	border: 0;
	margin: 10px auto;
	padding: 0;
	text-align: center;
	width: 910px;
}

/*X     X     XXX
XXX    XX     XXX
XXX     X     XXX
XXX     X     XXX
XXX     X     XXX
XXX   XXXXX   XXX

XXXXXXXXXXXXXXXXX
   LEFT COLUMN
XXXXXXXXXXXXXXX*/

#border_fill_one
{
	background: url('../images/bg_left.jpg') bottom left no-repeat;
	border-right: 1px solid rgb(189,149,21);
	bottom: 0;
	height: 90%;
	left: 0;
	position: absolute;
	margin: 24px 2px 24px 24px;
	padding: 0 56px 0 12px;
	top: 0;
	width: 240px;
	z-index: 1;
}
#border_fill_two
{
	background: none;
	border-right: 1px solid rgb(101,129,248);
	bottom: 0;
	height: 90%;
	left: 0;
	position: absolute;
	margin: 24px 2px 24px 24px;
	padding: 0 60px 0 12px;
	top: 0;
	width: 240px;
	z-index: 1;
}

#branding
{
	background: none;
	clear: left;
	float: left;
	margin: 0 2px 0 16px;
	padding: 0 56px 24px 0;
	position: relative;
	width: 240px;
	z-index: 2;
}

#utilities
{
	background: none;
	clear: left;
	float: left;
	margin: 0 2px 0 16px;
	margin-bottom: 3em;
	padding: 0 56px 24px 0;
	position: relative;
	width: 240px;
	z-index: 2;
}

#site_map h2
{
	margin: 0;
}

#contact_form,
#contact_form input,
#contact_form #message
{
	color: rgb(85,85,100);
	font-family: 'Times New Roman', 'Times', serif;
	font-size: 9pt;
	line-height: 11pt;
	font-weight: 500;
}
#contact_form input.check
{
 	display: none;
}
#contact_form input
{
	display: block;
	margin-bottom: 1em;
	width: 240px;
}
#contact_form label
{
	display: block;
}
#contact_form textarea
{
	display: block;
	margin-bottom: 1em;
	padding: .25em;
	width: 240px;
}

#contact_form ul li
{
	cursor: pointer;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
#contact_form ul li img
{
	border: none;
	margin: 0;
	padding: 0;
}
#contact_form ul li:hover img
{
	border: none;
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#contact_form #send
{
	background: url('../images/button_send_on.gif') top left no-repeat;
	height: 43px;
	width: 71px;
}
#contact_form #send:hover img
{
	border: none;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*X    XXX    XXX
XXX   X   X   XXX
XXX      X    XXX
XXX     X     XXX
XXX    X      XXX
XXX   XXXXX   XXX

XXXXXXXXXXXXXXXXX
   RIGHT SIDE
XXXXXXXXXXXXXXX*/

#navigation
{
	clear: none;
	float: left;
	height: 116px;
	margin: 0 0 0 2px;
	padding: 0 67px;
	width: 451px;
}

#page
{
	clear: none;
	float: left;
	margin: -50px 0 0 2px;
	padding: 0 0 24px 20px;
	width: 572px;
}

div.subpage
{
	display: none;
}
div.current
{
	display: block;
}

#page img.accent
{
	border: none;
	clear: right;
	float: right;
	margin: 0 18px 0 0;
	position: relative;
	top: 18px;
}

/*X   XXXXX   XXX
XXX       X   XXX
XXX     XX    XXX
XXX       X   XXX
XXX       X   XXX
XXX   XXXX    XXX

XXXXXXXXXXXXXXXXX
   NAVIGATION
XXXXXXXXXXXXXXX*/


#navigation ul
{
	margin: 0;
	padding: 0;
	width: 100%;
}
#navigation ul li
{
	cursor: pointer;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation li#button_upcoming{
	background: url('../images/nav_upcoming_on.gif');
	height: 43px;
	width: 141px;
}
#navigation li#button_past{
	background: url('../images/nav_past_on.gif');
	height: 43px;
	width: 100px;
}
#navigation li#button_about{
	background: url('../images/nav_about_on.gif');
	height: 43px;
	width: 88px;
}
#navigation li#button_help{
	background: url('../images/nav_help_on.gif');
	height: 43px;
	width: 108px;
}
#navigation ul li img
{
	border: none;
	margin: 0;
	padding: 0;
}
#navigation ul li.current img,
#navigation ul li:hover img
{
	border: none;
	opacity: 0.0;
	filter: alpha(opacity=0);
}

#tabs img
{
	cursor: pointer;
	margin: 0 15px 3px 0;
}

#page #subnav
{
	border: 1px solid rgb(189,149,21);
	border-left: none;
	border-right: none;
	padding: 8px 0;
	position: relative;
	width: 100%;
}
#page #subnav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#page #subnav ul li
{
	background: url('../images/subnav_widget_off.gif') center left no-repeat;
	border: none;
	color: rgb(102,119,130);
	cursor: pointer;
	display: block;
	float: left;
	margin: 0;
	padding: 0 22px;
}
#page #subnav ul li.current,
#page #subnav ul li:hover
{
	background: url('../images/subnav_widget_on.gif') center left no-repeat;
}
#page #subnav ul li a
{
	color: rgb(102,119,130);
	text-decoration: none;
}

/*X      X    XXX
XXX     XX    XXX
XXX    X X    XXX
XXX   XXXXX   XXX
XXX      X    XXX
XXX      X    XXX

XXXXXXXXXXXXXXXXX
 LAYOUT CLASSES
XXXXXXXXXXXXXXX*/

.clear
{
	clear: both;
}

.keep
{
	white-space: nowrap;
}

.hidden
{
	display: none;
}

a,
a:hover,
a:visited
{
	color: rgb(102,119,130);
}

body
{
	color: rgb(102,119,130);
	font-family: 'Times New Roman', serif;
	font-style: normal;
	font-weight: 400;
	font-size: 10pt;
	line-height: 1.5em;
}

h1, h2, h3
{
	margin: 1.2em 0 0 0;
	padding: 0;
}

h2
{
	color: rgb(189,149,21);
	font-family: 'Futura', 'Century Gothic', 'Avant Garde Gothic', 'Arial Narrow', sans-serif;
	font-style: light;
	font-weight: 400;
	font-size: 11pt;
	line-height: 1.5em;
}

p
{
	margin: 0 0 .75em 0;
	padding: 0;
}

ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 0 0 .75em 0;
	padding: 0;
}
ul li
{
	margin: 0 0 0 -17px;
	padding: 0 0 0 17px;
}
ul ul li
{
	margin: 0;
}


/*X   XXXXX   XXX
XXX   X       XXX
XXX   XXXX    XXX
XXX       X   XXX
XXX       X   XXX
XXX   XXXX    XXX

XXXXXXXXXXXXXXXXX
   SLIDESHOW
XXXXXXXXXXXXXXX*/


#slide_container{
  border: 1px solid black;
  height: 333px;
  margin: 10px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 500px;
}
#slide_container #slideset{
  display: block;
  font-size: 0;
  height: 333px;
  left: 0;
  position: relative;
  top: 0;
  width: 9000px;
}
#slide_container #slideset img{
  clear: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
}
#slide_container .slide_ui{
  background-color: rgb(60,70,82);
  cursor: pointer;
  display: none;
  filter: alpha(opacity=40);
  opacity: 0.4;
  position: absolute;
}
#slide_container:hover .slide_ui{
  display: block;
}
#slide_container div.hovering{
  display: block;
}
#slide_container .slide_ui:hover{
  filter: alpha(opacity=80);
  opacity: 0.8;
}
#slide_container .bottom,
#slide_container .bottom:hover{
  background-color: rgb(60,70,82);
  bottom: 0;
  color: white;
  cursor: auto;
  font-size: .8em;
  font-weight: bold;
  opacity: 0.8;
  filter: alpha(opacity=80);
  left: 45px;
  padding: 6px;
  position: absolute;
  text-align: center;
  width: 396px;
}
#slide_container .bottom p{
  margin: 0;
  display: none;
}
#slide_container p.show{
  display: block;
}
#slide_container .center{
  height: 50px;
  left: 225px;
  top: 140px;
  width: 50px;
}
#slide_container .pause{
  background: rgb(60,70,82) url("../images/slide_pause.gif") center center no-repeat;
}
#slide_container .play{
  background: rgb(60,70,82) url("../images/slide_play.gif") center center no-repeat;
}
#slide_container .left{
  background: rgb(60,70,82) url("../images/slide_arrow_left.gif") center center no-repeat;
  height: 333px;
  left: 0;
  top: 0;
  width: 40px;
}
#slide_container .right{
  background: rgb(60,70,82) url("../images/slide_arrow_right.gif") center center no-repeat;
  height: 333px;
  right: 0;
  top: 0;
  width: 40px;
}