/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
a {
	text-decoration: none;
	color: #cc3366;
}

a:visited {
	text-decoration: none;
	color: #CC3399;
}

a:hover, a:focus {
	text-decoration: none;
	background: #CCCCCC;
	color: #FF0000;
}

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em;
	 
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin:0; 
	padding:0 
}

form {
	margin: 0 0 .5em 0;
}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { 
	border:none;
}

/* more varnish stripping as necessary... */

/*Lets set the common defaults like background colour and default font */
html, body {
	background: #FFF;
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
}

/*Sets the main container to display in the middle and keeps it there when window is resized.*/
#container {
	width: 770px;
	\width: 790px;
	w\idth: 770px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	
}
table {
	font-size: .8em;
}
table .heading {
	color: #0000FF;
	font-size: 1.2em;
	font-weight: bold;
}

/*Position of banner heading and logo image */
#banner {
	height: 100px;
	padding: 5px;
	margin-bottom: 5px;
	background: url(../images/banner.gif) no-repeat center;
}

/*Sets position of main content area */
#content {
	padding: 5px 5px 5px 48px;
	margin-left: 145px;
}
		
#content p {
	font-size: 0.8em; /*Sets font size for the p in the content area only*/
}

#content h1 {
	margin: 0 0 6px 0;
}
#content blockquote {
	margin: 0 0 0 30px;
}

#sidebar {
	float: left;
	width: 120px;
	\width: 130px;
	w\idth: 120px;
	margin: 5 5px 0 0;
	padding: 0;
	
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li {
	margin-bottom: 8px;
	padding: 0px;
	background: #CC3366;
	text-align: center;
	font-size: 0.7em;	
}
#sidebar li a{
	width: 120px; /* putting this and height here will set these values for all the list item anchors */
	height: 30px;
	display: block; /* this allows width and height to be applied to the anchors, which are normally an inline element (and therefore cannot normally be given a width and height) */ 
	color: #ffffff;
	padding: 0;
	margin: 0;
}
li#home a{
	background: url(../images/home.gif) no-repeat;
}
li#home a:hover{
  background: url(../images/home_over.gif) no-repeat;
}  
li#news a{
	background: url(../images/news.gif) no-repeat;
}
li#news a:hover{
  background: url(../images/news_over.gif) no-repeat;  
}
li#events a{
	background: url(../images/attractions.gif) no-repeat;
	color: #FFFFFF;
}
li#events a:hover{
  background: url(../images/attractions_over.gif) no-repeat;
}
li#where a{
	background: url(../images/location.gif) no-repeat;
}
li#where a:hover{
  background: url(../images/location_over.gif) no-repeat;
}
li#history a{
	background: url(../images/history.gif) no-repeat;
}
li#history a:hover{
  background: url(../images/history_over.gif) no-repeat;
}
li#contact a{
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
}
li#contact a:hover{
	background-image: url(../images/contact_over.gif);
	background-repeat: no-repeat;
}
li#links a{
	background: url(../images/links.gif) no-repeat;
}
li#links a:hover{
  background: url(../images/links_over.gif) no-repeat;
}
li#applications a{
	background: url(../images/book.gif) no-repeat;
}
li#applications a:hover{
  background: url(../images/book_over.gif) no-repeat;
}
li#images a{
	background: url(../images/images.gif) no-repeat;
}
li#images a:hover{
  background: url(../images/images_over.gif) no-repeat;
}

li#press a{
	background: url(../images/press.gif) no-repeat;
}
li#press a:hover{
  background: url(../images/press_over.gif) no-repeat;
}
li#friends a{
	background: url(../images/friends.gif) no-repeat;
}
li#friends a:hover{
  background: url(../images/friends_over.gif) no-repeat;
}

#footer {
	clear: both;
	padding: 5px 5px 5px 192px;
	margin-top: 10px;
	background: url(../images/bow_arrow.gif) no-repeat left center;
	height: 60px;
	font-size: 0.6em;
	color: #999999;
	line-height: 2.5em;
	
}
hr {
	color: #CC0066;
	height: 2px;
	width: 100%;
	background: #CC0066;
}

#imghead1 {
	position: relative;
}
#content #time {
	font-weight: bold;
	color: #0000FF;
}
#content #imgmap {
	background: url(../images/map.gif) no-repeat left top;
	height: 570px;
}
.red {
	color: #CC0066;
}
label {
	font-size: .9em;
	text-transform: uppercase;
}

.img-right {
	float: right;
	margin: 0 6px 6px 6px;
}
#form-contact input, textarea {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #666666;
	display: block;
	font: 1em Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin: 4px 0 4px 0;
	-moz-border-radius: 3px;
	padding: 1px;
}


#contact-heading {
	text-indent: -9999px;
	margin: 0;
	height: 24px;
	background-color: transparent;
	background-image: url(../f_contact/contact_images/contactform_heading.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#form-contact {
	padding: 0 0 10px 10px;
	width: 330px;
	background-color: #666666;
	background-image: url(../f_contact/contact_images/contactform_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

#form-contact div {
	padding: 10px 10px 0 0;
	background-color: transparent;
	background-image: url(../f_contact/contact_images/contactform_div_bg.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#form-contact-name, #form-contact-email, #form-contact-message { 
	width: 300px; 
}

#form-contact label {
	padding: 0 0 0 14px;
	color: #FFFFFF;
	background-image: url(../f_contact/contact_images/label_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#list-error {
	list-style-type: none;
	color: #FFFFFF;
}

#list-error li {
	padding-left: 20px;
	background-color: transparent;
	background-image: url(../f_contact/contact_images/list_error_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

label.form-error {
	font-weight: bold;
}

label.form-error:after {
	content: " [This field is required.]";
	color: #F62B0C;
}

input.form-error, textarea.form-error {
	color: #FFFFFF;
	background-color: #CC0066;
}

#form-contact p { 
	color: #FFFFFF;
}

.danger {
	color: red;
}