/* CSS Document */

html
{
  height: 			100%;
}

body
{
  background: 		#FFF url(./images/wrapper_bg.gif) top left repeat-y;
  height: 			100%;
  margin: 			0;
  padding: 			0;
  font-family: 		"Myraid Pro", "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
}


.wrapper
{
  background: 		url(./images/bg.gif) top left repeat-x;
  min-height: 		100%;
  height: 			auto !important;
  height: 			100%;
  position: 		relative;
}

.container
{
  width: 			590px;
  margin: 			0;
  padding:			0;
}

#searchBar
{
  width: 			250px;
  float: 			right;
  margin: 			0 10px 0 0;
  padding: 			0;
}

#searchBar .head
{
  margin: 			2px 0 0;
  padding: 			0;
  background: 		#465052 url(../images/search_bg.gif) bottom left repeat-x;
  color: 			#FFF;
  font-weight: 		bold;
  line-height: 		.8em;
}

#searchBar .content
{
  background: 		#FFF;
  margin: 			0;
  padding: 			0;
  height: 			18px;
}

form
{
  margin: 			0;
  padding: 			0;
}

#searchBar .content form input.search
{
  background: 		#FFF;
  border: 			0 none;
  margin: 			0;
  padding: 			0;
  width: 			220px;
}

#searchBar .content form input.button
{
  margin: 			1px 4px 0 0;
  padding: 			0;
  width: 			15px;
  height: 			16px;
  float: 			right;
}

.icon
{
  width: 			206px;
  height: 			164px;
  #margin: 			0 15px 0 38px !important;
  #margin: 			0 15px 0 19px;
  padding: 			0;
  float: 			left;
  text-align: 		center;
  vertical-align: 	middle;
  #border: 			#FFF solid;
  #border-width: 	0 2px 2px;
}

.icon img
{
  #margin: 			27px 0 0;
}

.weather
{
  position:			absolute;
  top: 				65px;
  right:			5px;
  float: 			right;
}

.bla
{
	margin: 		0;
	padding: 		0;
	font-weight: 	normal;
	position:		absolute;
	top: 			40px;
	left:			253px;
	float: 			right;
}

#title
{
  margin: 			0;
  padding: 			5px 0 0;
  color: 			#e5ebdf;
  color: 			#FFF;
}

#title h1
{
	font-size: 		1.7em;
	margin: 		0;
	padding: 		0;
	font-weight: 	normal;
	position:		absolute;
	top: 			40px;
	left:			253px;
	float: 			right;
}

#title h2  {
  font-size: 		1.3em;
  line-height: 		.8em;
  margin: 			0;
  padding: 			0px;
  font-weight: 		normal;
}

#navigation {
  position: 		absolute;
  top: 				122px;
  left: 			260px;
  width: 			700px;
}

#navigation ul
{
  margin: 			0;
  padding: 			0;
  list-style: 		none;
  list-style-image: none;
  border: 			none;
}

#navigation ul li
{
  float: 			left;
  margin: 			0 12px 0 0;
  padding: 			0;
  width: 			119px;
  height: 			34px;
  vertical-align:	middle;
  text-align: 		center;
}

#navigation ul li a
{
  display: 			block;
  width: 			119px;
  height: 			34px;
  margin: 			0;
  padding: 			10px 0 0;
  text-align: 		center;
  color: 			#7c8c9b;
  text-decoration: 	none;
  font-weight: 		bold;
  text-transform: 	uppercase;
}

#navigation ul li a:hover
{
  color: 			#93a6b7;
  color: 			#EEE;
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: 		url(../images/tab_selected.gif) top left no-repeat;  
  color: 			#343434;
}

#navigation ul li a.selected:hover
{
  color: 			#000;
}

#body
{
  float: 			left;
  margin-bottom: 	220px;
}

#sidebar
{
  width: 			50px;
  float: 			left;
  font-size: 		.9em;
  color: 			#465052;
}

#body .sidebar h3
{
  color: 			#465052;
}

#sidebar.content
{
  margin: 			3px 0 3px 10px !important;
  padding: 			0;
  width: 			auto;
  float: 			none;
  color: 			#465052;
}


#body form input, #body form textarea, #body .sidebar select
{
  border: 			1px solid #465052;
  background: 		#e0edf7;
  color: 			#465052;
  width: 			100%;
}

#body form input.submit
{
  width: 			auto;
  float: 			right;
}

#body .sidebar ul.links
{
  list-style: 		none;
  padding: 			0;
  margin: 			0;
  border: 			none;
  list-style-image: none;.
  list-style-type:  none;
  	color: 		  #465052;
}

#body .sidebar ul.links li
{
  padding: 			0;
  margin:			0;
  border-bottom: 	#7c8c9b solid 1px;
  height: 			1.7em;
  list-style-type:  none;
  	color: 		  #465052;
}

#body .sidebar ul.links li a
{
  padding: 			0;
  margin:			0;
  display: 			block;
  color: 			#465052;
  text-decoration: 	none;
  font-weight: 		bold;
  list-style-type:  none;
}

#body .sidebar ul.links li a:hover
{
	color: 		  #465052;
  font-weight: 		bolder;
  background: 		white;
}

#body .selected
{
  color: 			blue;
  font-weight: 		bolder;
  background: 		white;
}

#body .content
{
	position:			absolute;
	top:				173px;
	left:				209px;
	float: 			left;
	width: 			710px;
	margin: 			10px 0 0 30px;
	padding: 			0;
	color: 			#59452a;
}

#body .content .byline
{
  font-variant:		small-caps;
  font-size: 		.9em;
  font-weight: 		normal;
  font-style:		italic;
}

#body .content p
{
  margin: 			0;
  padding:			0 0 1em;
}

#body .content .nodeFoot
{
  text-align: 		right;
  font-variant:		small-caps;
  font-size: 		.9em;
  font-weight: 		bold;
  font-style:		italic;
}

#body .content .nodeFoot a
{
  text-decoration: 	none;
  color: 			#59452a;
}

#body .content .comments
{
}

#body .content .comments .comment
{
  margin:			0 0 0 10px;
  font-size: 		10pt;
  background: 		url(../images/comment_corner.gif) top left no-repeat;
  padding: 			20px 0 0 27px;
}

#body .content .comments .comment h4
{
  margin: 			0;
  padding: 			0;
}

#body .content .area100
{
  clear: 			both;
  width: 			98%;
  margin: 			0;
  padding: 			4px;
}

#body .content 
{
  text-decoration: 	none;
  color:			black;
}

#body .content a:hover
{
  text-decoration:  underline;
  color:			blue;
}

h3
{
  font-size: 		1.1em;
  font-weight: 		bold;
  margin: 			0;
  padding: 			0;
  color: 			#59452a;
  clear: 			both;
}

h4, h5, h6
{
  margin: 			0;
  padding: 			0;
  clear: 			both;
}

h4 a, h5 a, h6 a
{
  text-decoration:  none;
}

h4
{
  font-style: 		italic;
}

#body a
{
  text-decoration:  none;
    color: 			blue;
}

#body h3 a
{
  text-decoration:  none;
}

#footer
{
  clear: 			both;
  position: 		absolute;
  bottom: 			0 !important;
  bottom: 			-1px;
  width: 			100%;
  margin: 			0;
  padding: 			0;
}

#footHead
{
  clear: 			both;
  margin: 			0;
  padding: 			0;
  background:		url(../images/footer_bg.gif) bottom left repeat-x;
}

#footHead .head
{
  text-transform:   uppercase;
  font-size: 		1.5em;
  font-weight: 		bold;
  width: 			33%;
  float: 			left;
  margin: 			0;
  padding: 			0;
  color: 			#59452a;
  line-height: 		.8em !important;
  line-height: 		.7em;
  height: 			.8em !important;
  height: 			.7em;
}

#footHead .container
{
  padding: 			0 0 0 15px;
  margin: 			0;
}



#footBody
{
  clear: 			both;
  width: 			100%;
  background: 		#59452a;
  margin: 			0;
  padding: 			0;
}

#footBody .container
{
  padding: 			0 0 0 15px;
  margin: 			0;
}

#footBody .content
{
  width: 			33%;
  float: 			left;
  margin: 			0;
  padding: 			0;
  color: 			#FFFFCC;
}

.clear
{
  clear: 			both;
}

#footBody .showcase
{
  text-align: 		center;
}

#footBody .showcase img
{
  padding: 			0;
  margin: 			2px;
  border: 			#DDA 3px solid;
}

#footer #footBody ul
{
  list-style: 		none;
  list-style-image: none;
  margin: 			5px 0;
  padding: 			0;
  border: 			none;
  width: 			95%;
}

#footer #footBody ul li
{
  padding: 			0;
  margin: 			0 10px; 
  height: 			1.8em;
  border-bottom: 	1px solid #49351A;
}

#footer #footBody ul li a
{
  color: 			#DDA;
  text-decoration:  none;
  display: 			block;
  padding: 			3px;
}

#footer #footBody ul li a:hover
{
  background: 		#705735;
}

#copyright
{
  background: 		#372b1a;
  color: 			#DDA;
  border-top: 		1px solid;
  height: 			1.7em;
}

#copyright a
{
  color: 			#DDA;
}

#copyright .container
{

  text-align: 		right;
}



/*  Calendar  */

#calendar a {
	color:			#DF9496;
}

#calendar {
	width: 			100%;
	padding: 		0;
	margin: 		0;
	border-left: 	1px solid #A2ADBC;
	font: 			normal 12px/20px;
	color: 			#616B76;
	text-align: 	center;
	background-color: #fff;
}

#calendar .nav, #calendar .nav a {
	font: 			bold 18px;
	color: 			#fff;	
	text-align: 	center;
	text-decoration:none;
}	

#calendar caption {
	margin: 		0;
	padding: 		0;
	width: 			100%;
	background: 	#A2ADBC;
	color: 			#fff;	 
	font: 			bold 12px;
	text-align: 	center;
}

#calendar th {
	font: 			bold 11px/20px;
	color: 			#616B76;
	background: 	#D9E2E1;
	border-right: 	1px solid #A2ADBC;
	border-bottom: 	1px solid #A2ADBC;
	border-top: 	1px solid #A2ADBC;
}

#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {
	color: 			#F6F4DA;
	font-weight: 	bold;
	background: 	#DF9496;
}

#calendar td {
	border-right: 	1px solid #A2ADBC;
	border-bottom:	1px solid #A2ADBC;
	width: 			20px;
	height: 		20px;
	text-align: 	center;
}

#calendar td a {
	text-decoration:none;
	font-weight: 	bold;
	display: 		block;
}

#calendar td a:link, #calendar td a:visited {	
	color: 			#608194;
}

#calendar td a:hover, #calendar td a:active {
	color: 			#6aa3ae;
}

/*  Gallery  */
#gallery 
{
  padding:			0; 
  margin:			0 auto; 
  list-style-type:	none; 
  overflow:			hidden; 
  width:			467px; 
  height:			240px; 
  border:			1px solid #888; 
  background:		#fff url(../images/win_backh.gif) bottom right no-repeat;
  }
  
#gallery li {
  float:			left;
  }
  
#gallery li a {
  display:			block; 
  height:			240px;
  width:			28px;
  overflow:			hidden;
  float:			left; 
  text-decoration:	none; 
  border-right:		1px solid #fff; 
  cursor:			default;
  }
  
#gallery li a img {
border:				0;
background: 		#FFF url(../images/gallery_loading.gif) top left no-repeat;
}

#gallery li a:hover {
  background:		#eee; 
  width:			320px;
}
  
/*  Archive  */

.archive
{
  width: 			700px;
  background: 		#ecf2e6;
  border-collapse:  collapse;
  margin-left: 		20px;
}

.archive thead
{
  text-align: 		left;
}

.archive td, .archive th
{
  border: 			2px solid #d3d9ce;
  padding: 			3px;
  border-collapse:  collapse;
}

.archive .spanner
{
  color: 		#d3d9ce;
  font-weight: bold;
}

.archive .options
{
  text-align: center;
}


/*  General Elements  */
pre
{
  display: block;
  font-family: monospace;
  overflow:visible;
  border-width: 1px 0;
  border-style: dashed;
  padding: 3px;
}

code
{
  color: #F60;
  border-width: 0 1px;
  border-style: dashed;
  display: block;
  padding: 3px;
}

blockquote
{
  background: #ecf2e6 url(../images/quote.gif) top left no-repeat;
  margin: 5px 20px;
  padding: 5px 5px 5px 43px;
  border: 1px solid #d3d9ce;
}

ol li ol
{
  list-style: lower-roman;
}

ol li ol li ol
{
  list-style: lower-alpha;
}

#content ul
{
  	#list-style-image: url(../images/arrow.gif);
  	padding-left: 30px;
}

.buttonscontainer {
  	padding-left:  35px;

	width: 130px; 
	height: 165px;
}

.buttons a {
	color: #465052;
	border: 1px solid;
	background-color: #b3c5df;
	padding: 2px;
	padding-left: 3px;
	font: 14px Trebuchet MS, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-color: #c9d6ea #9db1d0 #9db1d0 #c9d6ea;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
}

.buttons a:hover {
	border: 1px solid;
	padding-left: 4px;
	padding-top: 3px;
	padding-bottom: 1px;
	padding-right: 1px;	
	background-color: #e4eaf3;
	border-color: #9db1d0 #c9d6ea #c9d6ea #9db1d0;
	color: #000000;
	text-decoration: none;
}

/*  Scheduling  */

#form
{
	position:		absolute;
	top:			173px;
	left:			209px;
	float: 			left;
	width: 			710px;
	margin: 		10px 0 0 30px;
	padding: 		0;
	color: 			#59452a;
}

.schedule {
  		float: 			left;
  		width: 			710px;
 		margin: 		0px 0 0 0px;
  		padding: 		0;
  		color:			black;
}
    form div {
		margin: 	0 0 0.25ex 0;
		clear: 		left;
		padding-top:  .5ex;
	}
    label {
		width: 8em;	
		display: block;
		float: left;
		font-weight: bold;
		padding-right: 1.5em;
	}
	label.other {
		width: 10.5em;	
		display: block;
		float: left;
		font-weight: normal;
		padding-right: 1.5em;
	}
	label.secondary {
		float: left;
		width: auto;
		font-weight: normal;
		margin: 0.25ex 0 0 10.5em;
		padding-left: 1.5em;
	}
	form div.actions {
		margin-left: 12em;
		padding=left: 1.5em;
	}
	label.formw {
		float: left;
		padding-right: 1.5em;
		width: 25em;	
		display: block;
		font-weight: normal;
	}
	label.radio {
		float: left;
		padding-right: 1.5em;
		width: 2em;	
		display: block;
		font-weight: normal;
	}