/*
** ht_screen.css
**
**
*/

* {
	margin: 0;
	padding: 0;
}

/*
** Colors
*/
body {
	background-color: #c0c0c1;
}

h1, h2, h3, h4, h5, h6, a, a:hover {
	color: #860505;
}

#container, #header, #column {
	background-color: #fff;
}

#container,
#content ul li  {
	color: #666666; 
}	

#navcontainer ul, 
#navcontainer ul li a {
	color: #fff; 
	background: #D65257;
}

#navcontainer ul li a:hover,
#navcontainer ul li#active a { 
	color: #fff; 
	background: #860505;
}

#column a {
	color: #D65257; 
}

#footer {
	color: #888;
}

* { border-color: #860505; }

body {
}

#navcontainer ul li a { 
	border-color: #fff;
}

#content {
	border-color:#ccc;
}

#column {
	/* background: #fff url('Images/A2FenderScript.gif') no-repeat bottom center; */
}

#column h3 {
	border-color: #D65257;
}

#footer {
	border-color: #ccc; 
}
.photo, 
.columnphoto {
	border-color: #cecfc6 #999 #999 #cecfc6; 
	background-color: #f3f3f3;
}

/*
** font stuff.
*/
* {
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
}

body {
	margin: 10px;
	padding: 0;
	text-align: center;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

#container { font-size: 0.8em; }
#column h3 { font-size: 1.0em; }
#column p { font-size: 0.9em; }
#footer { font-size: 0.8em; }

#badbrowser, #skip { display: none; }

/*
** container 
*/
#container {
	text-align: left;
	/* v2 width: 700px; */
	width: 700px;
	border-style: solid;
	border-width: 2px;
	margin: auto;
	border-top-color: #D65257;
	border-left-color: #D65257;
	border-right-color: #860505;
	border-bottom-color: #860505;
	/*background: #c0c0c1 url('Images/Header/texture.gif') repeat-y bottom center;*/
}

img.containerlink {
	border-style: none;
	float: right;
}

/* 
** Header
*/
#index_header {
	background: white url('Images/Header/HTBanner.gif') no-repeat top center;
	padding: 0px;
	height: 170px;
}

#header {
	background: white url('Images/Header/HTBanner_small.gif') no-repeat top center;
	padding: 0px;
	height: 50px;
}

#index_header h1 {
	display:none;
	margin: -25px 5px 0px 0px;
	padding-top: 0px;
	font-weight: bold;
	text-align: right;
}

#index_header h2 {
	display: none;
	margin: -25px 10px 0px 0px;
	font-style: italic;
	text-align: right;
}

/* 
** navcontainer 
*/
#navcontainer {
	margin: 0;
	padding: 0;
}

#navcontainer ul {
	/* v2 width: 700px; */
	width: 700px; /* ie doesn't like 100%*/
	float: left;
	padding: 0;
	margin: 0px 0 2px 0px;
}

#navcontainer ul li { 
	display: inline;
}

#navcontainer ul li a {
	float: left;
	padding: 5px;
	border-width: 0 1px 0 0;
	border-style: solid;
	text-decoration: none;
}

/*
** Content
*/
#content {
	/* The meat of the site */
	float: left;
	/* v2 width: 450px; */
	width: 450px;
	padding: 10px 5px 0px 5px;
	margin: 10px 0 10px 10px;
	border-width: 0 1px 0 0;
	border-style: solid;
}

#content h1 {
	margin: 20px 20px 10px 0;
}
	
#content h2 {
	margin: 20px 20px 10px 0;
}

#content h3 {
	margin: 20px 20px 0px 0px;
}

#content h4 {
	margin: 10px 20px 0px 20px;
}

#content h4.agenda {
	margin: 20px 20px 0px 20px;
}

#content a {
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: dotted;
}

#content a:link {
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: dotted;
}

#content a:hover {
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: solid;
}	

#content a.photo:link,
#content a.photo:visited {
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#content li {
	list-style-type: circle;
        margin: 0 0 10px 0;
}

#content ul {
	margin: 0 20px 0 60px;
}

#content li.sublist {
	list-style-type: none;
}

#content address {
	margin: 10px 20px 10px 60px;
}
	
#content p {
	margin: 10px 20px 10px 20px;
}

#content p.agenda {
	margin: 0px 20px 10px 20px;
}
	
#content .description {
	margin: 0 0 0 0;
}

#content p.owner,
#content p.misc {
	padding: 0px 0 0 0;/*here*/
	margin: 0px 20px 90px 180px;
}

#content p.hz_line {
	margin: 15px 70px 20px 70px;
	color: #D65257;
	border-width: 0 0 1px 0;
	border-style: solid;
}

#content .prevnext {
	float: right;
}

#content .prevnext a { 
	text-decoration: none;
	border-width: 0 0 1px 0;
	border-style: none;
}

.introtext {
	color: #860505;
	font-weight: bold;
}	

.emtext {
	color: #860505;
	font-weight: bold;
}	

.notetext {
	color: #860505;
	font-weight: bold;
}

.editorcomments {
	font-style: italic;
}


/*
** column 
*/
#column {
	padding: 20px 0px 10px 10px; /* A2 Fender Script */
	/* padding: 20px 0px 50px 10px;  A1 Fender Script */
	/*left margin is 20px greater than content width */
	margin: 0px 10px 0px 470px;
	text-align:center;
}

#column h3 {
	margin: 20px 10px 10px 10px;
	border-width: 0 0 1px 0;
	border-style: solid;
	text-align:left;
}

* html #column h3 {margin-top: 0px;} /* IE does not set spacing correctly */

#column li a, 
#column p a {
	border-width: 0 0 1px 0; 
	border-style: dotted;
	text-decoration: none;
}

#column li a:hover, 
#column p a:hover {
	border-width: 0 0 1px 0; 
	border-style: solid;
	text-decoration: none;
}

#column ul {
	margin: 0px 10px 0 30px;
}

#column li {
	margin: 0px 0 10px 0px;
	text-align:left;
	list-style-type: none;
}

#column p {
	margin: 0 10px 10px 30px;
	text-align:left;
}

#column .intro {
	font-style: italic;
}

#column input {
	margin-left: 10px;
}

#store #content form p, label, input {
	margin: 5px 0 0px 20px;
}

#store #content form {
	margin: 20px 40px 10px 40px;
	padding: 10px 0 10px 0;
	border-width: 1px; 
	border-style: none;
	border-color: black;
	background: #eee;
}

.photo {
	border-width: 1px;
	border-style: solid;
	padding: 5px 7px 5px 7px;
	margin: 0px 10px 0px 10px;/*here*/
}

#bottomimages .photo {
	border-width: 1px;
	border-style: solid;
	padding: 5px 7px 5px 7px;
	margin: 0px 0px 0px 10px;/*here*/
}

.floatleft {
	float: left;
	clear: both;
}

.floatright {
	float: right;
	clear: both;
	margin: 0px 20px 10px 20px;
}

.columnphoto {
	border-width: 1px;
	border-style: solid;
	padding: 5px 7px 5px 7px;
	margin: 0px 10px 10px 10px;
}

.noborder {
	border-width: 0 0 1px 0; 
	border-style: none;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.columnimage {
	border-width: 1px;
	border-style: none;
	padding: 5px;
	margin: 0px 10px 0px 10px;
}

.themeimage {
	padding: 0px;
	margin: 0px;
	border-style: none;
}

#bottomimages {
	clear: both;
	margin: 10px 0px;
}

/*
** footer 
*/
#footer {
	clear: both;
	margin: 10px 10px 10px 10px;
	padding: 10px 0px 10px 0px;
	border-width: 1px 0 0 0;
	border-style: solid;
	text-align: center;
}

#footer p {
	margin: 0px 0px 0px 0px;
}

#footer a {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

table {
	border-width: 1px;
	border-style: solid;
	border-spacing: 0px;
	width: 400px;
	margin: 30px 20px 5px 20px;
}

thead {
	background-color: #ddd;
	border-width: 1px;
	border-style: solid;
}

td {
	padding: 2px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #860505
}

thead td { 	
	font-weight: bold;
	text-align: center;
}

caption {
	caption-side: bottom;
	width: auto;
	text-align: center;
	font-weight: bold;
}

.ownerbox {
/*
	float: left;
	width: 200px;
	border-width: 0px;
	border-style: solid;
	border-color: gray;
	padding: 10px;
*/
}