﻿/* CSS Document */

body{margin:0;padding:0; background-color:#fff;}

html{margin:0;padding:0; background-color:#fff;}
body{font: 76% sans-serif, arial,sans-serif;}

/* Typography */ 
p {margin:0; font-weight:500;}
h5 {margin:0; font-weight:500;}
h4 {margin:0; font-weight:500;}
h3 {margin:0; font-weight:500;}
h2 {margin:0; font-weight:500;}
h1 {margin:0; font-weight:500;}
p {padding: 4px 0; font-size: 1.1em}
div#content h1 {font-size: 3em; font-style:oblique; font-family: 'Trebuchet MS' , Arial;}
div#content h2 {font-size: 2em; font-style:oblique; font-family: 'Trebuchet MS' , Arial;} 
div#content h3 {font-size: 1.8em;}
div#content h4 {font-size: 1.6em}
div#content h5 {font-size: 1.4em}

/* Primary Blocks */
div#header {width: 90%;color: #fff;}
div#horiznav {width: 100%;background: #e0dfe3 repeat-x left top;}
div#container {clear:both; width: 80%; margin: 0 auto; }
div#content {width: 80%; float:left; padding: 30px 1% 30px 0; background-color:#fff;}
div#rightcol {width: 10%; float:right; padding: 30px 0; background-color:#fff;}
div#topper {width: 100%; padding:2.5%;}

/* Footer */
div#footer {clear:both; width: 90%; background:#e0dfe3 top left repeat-x; padding-left:10%; text-align:right;}
div#footer ul {margin:0; padding: 15px 5px 15px 0; text-align:right}
div#footer ul li {list-style-type:none; display:inline; padding: 0 1%;}
div#subfooter ul li a:visited {color: #666666; text-decoration: none;}
div#footer ul li a:link {color: #666666; text-decoration: none;}
div#footer ul li a:hover {text-decoration:underline} 

/* Header Div */
div#header h1 {	font-size: 3em;	padding: 10px 0px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;word-spacing: -0.05em;	letter-spacing: 1px;	line-height: 1em;font-weight: bold;font-style: normal;	color: #666666;}
div#header h2 {	padding: 10px 0px;	font-size: 1em;	font-family: Arial, Helvetica, sans-serif;	text-decoration: none;	word-spacing: -0.05em;	letter-spacing: 1px;	line-height: 1em;	font-weight: bold;	font-style: normal;	color: #8B0000;}
div#header img{	float: left; padding: 0 5px 3px 0;}

/* Horiz nav */
div#horiznav ul {margin:0; padding: 8px 0; margin-left: 10%}
div#horiznav ul li {list-style-type:none; display:inline; padding: 5px 2px 0 2px;}
div#horiznav ul li a:visited {text-decoration:none; padding: 8px; color:#000; }
div#horiznav ul li a:link {text-decoration:none; padding: 8px; color:#000; }
#current { background:#fff url(Images/corner.gif) top left no-repeat;}

div#horiznav ul li a:hover { background:#fff url(Images/corner.gif) top left no-repeat;}

/* Content Div */
div#content h1 {font-size: 3em;	color:  #666666;}
div#content h2 {font-size: 2em;	background: #fff no-repeat left;	padding-left: 25px;	color: #8B0000;}
div#content h3 {font-size: 1.6em;	padding: 5px 0;	color: #8B0000;}
div#content h4 {font-size: 1.4em;	color: #8B0000;}
div#content h5 {font-size: 1.2em;	color: #8B0000;}
div#content a:visited {
	
	text-decoration: none;
}
div#content a:link {
	
	text-decoration: none;
}
div#content a:hover {background-color:#eee;}
div#content p {text-align:justify}
div#content p.right {text-align:right;}

/* Right col */
div#rightcol a:visited {
	color: #E0DFE3;
	text-decoration: none;
	border-bottom: 1px #8B0000 solid;
}
div#rightcol a:link {
	color: #E0DFE3;
	text-decoration: none;
	border-bottom: 1px #8B0000 solid;
}
div#rightcol a:hover {
	background-color: #E0DFE3;
}
div#rightcol h2 {font-style:oblique; font-family: 'Trebuchet MS' , Arial;}
div#rightcol ul {margin:0; padding:0;}
div#rightcol ul li {list-style-type: none; padding-top: 4px; text-align: center;}

/* Topper */
h2#about {background:#eee  top left no-repeat; padding: 0 0 8px 21px;}
div#topper {background: #eee url(Images/topper_corner.gif) top left no-repeat; color:#333;}
div#topper p {padding: 0 10px;}

/* Photo column */
div#photo_box {width: 100%; background-color: #eee; padding: 4px 0; margin-bottom: 15px;}
h2#links {	padding-bottom: 5px;	padding-left: 20px;	background: #fff url(Images/link.gif) left top no-repeat;}
h2#photos {	color: #666666;	padding: 0 0 5px 0;	margin-top: 10px;	background: #fff no-repeat left top;}

/* TABLES */ 
table {
	border: none;
	border-collapse: collapse;
	width: 90%;
	margin-left: 3ex;
}
td {background-color: #fff; padding:3px; border: 1px solid #fff}
th {text-align:left;border: 1px solid #fff}
thead th {color:#fff; font-size:1.5em; background: #cc6699 url(Images/header.jpg) top left repeat-x; padding: 10px 6px}
tbody th {color:#fff; font-size:1.15em; background-color: #e0dfe3 ; padding: 6px}
tbody th.sub {font-size: .90em; color:#000; background-color: #eee; padding: 6px}

/* Special */
.more {background: url(Images/arrow_right.gif) center right no-repeat; padding-right: 18px; }
p.right {text-align:right;}
.subscribe {background: #fff url(Images/subscribe.gif) center left no-repeat; padding-left: 15px;}
code {background-color:#eee; padding: 5px; border: 2px solid #ccc;}
blockquote {background:#fff url(Images/quote.gif) top left no-repeat; border: 2px solid #eee; margin:8px 5px; padding-left: 18px;}
acronym {border-bottom: 1px dotted #ccc; cursor:help; } 
img {border-width: 0px;}
img.left {float:left; padding: 0 5px 3px 0}
img.right {float:right; padding: 0 0 3px 5px;}
.highlight {background-color:#e0dfe3;}
.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.s {text-decoration:line-through; color:#ccc;}

/* Skip links */
div#skiplinks {	position: absolute;	top: 0;	right: 5px;	z-index: 2;	color: #000000;}
div#skiplinks ul {margin:0; position:0; padding-top:4px;}
div#skiplinks ul li {list-style-type:none; display:inline;}
div#skiplinks ul li a:visited {	color: #000000;	text-decoration: none;}
div#skiplinks ul li a:link {	color: #000000;	text-decoration: none;}
div#skiplinks ul li a:hover {	border-bottom: #e0dfe3}
li#to_content {background: url(Images/to_content.gif) center left no-repeat; padding-left: 17px}
li#to_nav {background: url(Images/to_nav.gif) center left no-repeat; padding-left: 17px}
li#contact {background: url(Images/email.gif) center left no-repeat; padding-left: 17px}
li#feed {background: url(Images/feed.gif) center left no-repeat; padding-left: 17px}
li#to_home {background: url(Images/home.gif) center left no-repeat; padding-left: 17px}

