/*----------------global elements---------------*/

body {
	background-color: #363636;
	background-image: url(../gfx/bg_gradient.gif);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS";
	font-size: 80%;
	color: #333333;
	line-height: 15px;
}

p {
	padding: 0px;
	margin: 0px 0px 7px;
	font-size: 90%;
}

a {
	font-family: "Trebuchet MS";
	color: #33CC33;
	font-weight: 700;
}

h1 {
	font-size: 14px;
	color: #5C0003;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

h2 {
	font-size: 12px;
	color: #5C0003;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

.calRightMid h2 {
	margin: 10px 0 0 10px;
}

.calRightMid p, .calRightMid h3 {
	padding: 10px;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.box {
	border: 1px solid #cccccc;
	height: 14px;
}

.textbox {
	border: 1px solid #cccccc;
}

input.reset {
	margin-left: 50px;
}

.photoLeft {
	float: left;
	display: inline;
	width: 301px;
}

.photoRight {
	float: right;
	display: inline;
	width: 336px;
	text-align: center;
	margin-right: 40px;
}

.photoLeft img {
	float: left;
	display: inline;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

.photoFrame1 {
	display: block;
	float: left;
	width: 335px;
	height: 500px;
	overflow: hidden;
}

.photoFrame {
	display: block;
	float: left;
	width: 335px;
	height: 500px;
	display: none;
	overflow: hidden;
}

.photoFrame p, .photoFrame1 p {
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	text-align: left;
	
}


/*----------------main nav sprite---------------*/

#nav {
	width: 795px;
	display: inline;
	float: left;
	position: relative;
	height: 44px;
}

#nav ul {
	list-style: none;
	display: inline;
}

#nav ul li {
	float: left;
	display: inline;
}

#nav ul li a {
	float: left;
	height: 44px;
	background-image: url(../gfx/nav.gif);
}

#nav ul li a.logo {
	width: 161px;
	background-position: 0 0;
}

#nav ul li a.about {
	width: 88px;
	background-position: -161px 0;
}

#nav ul li a.about:hover, a.aboutCurrent {
	width: 88px;
	background-position: -161px -44px;
}

#nav ul li a.calendar {
	width: 99px;
	background-position: -249px 0;
}

#nav ul li a.calendar:hover, a.calendarCurrent {
	width: 99px;
	background-position: -249px -44px;
}

#nav ul li a.chronicles {
	width: 87px;
	background-position: -348px 0;
}

#nav ul li a.chronicles:hover, a.chroniclesCurrent {
	width: 87px;
	background-position: -348px -44px;
}

#nav ul li a.gallery {
	width: 87px;
	background-position: -435px 0;
}

#nav ul li a.gallery:hover, a.galleryCurrent {
	width: 87px;
	background-position: -435px -44px;
}

#nav ul li a.ink {
	width: 83px;
	background-position: -522px 0;
}

#nav ul li a.ink:hover, a.inkCurrent {
	width: 83px;
	background-position: -522px -44px;
}

#nav ul li a.links {
	width: 126px;
	background-position: -605px 0;
}

#nav ul li a.links:hover, a.linksCurrent {
	width: 126px;
	background-position: -605px -44px;
}

#nav ul li a.contact {
	width: 64px;
	background-position: -731px 0;
}

#nav ul li a.contact:hover, a.contactCurrent {
	width: 64px;
	background-position: -731px -44px;
}

/*----------------content wrappers---------------*/

#allWrap {
	width: 795px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#headerWrap {
	background-image: url(../gfx/header_top.jpg);
	float: left;
	display: inline;
	position: relative;
	width: 795px;
	height: 96px;
}

a#indexLink {
	display: block;
	float: left;
	width: 150px;
	height: 95px;
	text-decoration: none;
}

#contentWrap {
	float: right;
	background-image: url(../gfx/bg_pattern.gif);
	width: 770px;
	display: inline;
	padding-bottom: 10px;
}

/*----------------elements---------------*/
/*----------------Home---------------*/
#twitter{
	width:260px;
	margin-top: 10px;
	display: inline;
	float: left;
	margin-bottom: 10px;
	background-color:#fff;
}

#twitter ul#twitter_update_list{
	margin:0;
	padding:0;
	list-style-type:none;
}

#twitter ul#twitter_update_list li{
	padding:8px;
}

#twitter ul#twitter_update_list li a{
	float:left;
	width:260px;
	margin-bottom:8px;
}

#homeMain{
	float:left;
	display:inline;
	margin:10px 0;
	width:580px;
}
.homeBox {
	float: left;
	width: 280px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

.homeBoxTop {
	background-image: url(../gfx/home_boxheader.gif);
	height: 30px;
	width: 270px;
	padding-left: 10px;
}

.homeBoxMid {
	background-color: #FFFFFF;
	width: 260px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.homeBoxFooter {
	background-image: url(../gfx/home_boxfooter.gif);
	float: left;
	height: 30px;
	width: 280px;
}

.cardFlip {
	width: 150px;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline;
	float: left;
	margin-bottom: 10px;
}

/* --- ABOUT --- */

.aboutBox {
	float: left;
	width: 445px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

.aboutBoxTop {
	background-image: url(../gfx/about_boxheader.gif);
	height: 30px;
	width: 435px;
	padding-left: 10px;
}

.aboutBoxMid {
	background-color: #FFFFFF;
	width: 425px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}

.aboutBoxMid p {
	font-size: .9em;
}

.aboutBoxFooter {
	background-image: url(../gfx/about_boxfooter.gif);
	float: left;
	height: 20px;
	width: 445px;
}

.aboutPic {
	float: left;
	width: 281px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 13px;
	display: inline;
}

.aboutPicHeader {
	background-image: url(../gfx/about_picheader.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 10px;
	width: 281px;
	padding-left: 10px;
}

.aboutPicMid {
	background-color: #FFFFFF;
	width: 261px;
	padding-right: 10px;
	padding-left: 10px;
}

.aboutPicFooter {
	background-image: url(../gfx/about_picfooter.gif);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 281px;
}

/* --- Calendar --- */

#cal {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

.calHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;
	padding-left: 10px;
}

.calMid {
	background-color: #ffffff;
	float: left;
	width: 740px;	
}

#calFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 740px;	
}

.calContentLeft {
	display: inline;
	background-color: #ffffff;
	float: left;
	width: 520px;
	text-align: center;
}

.calRight {
	float: left;
	width: 206px;
	margin-top: 35px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

.calRightHeader {
	background-image: url(../gfx/rightBoxHeader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 21px;
	width: 196px;
	color: white;
	text-align: center;
}

div.calRightHeader div {
    margin-top: 2px;
    
}

.calRightMid {
	background-image: url(../gfx/rightBoxbg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 196px;
}

.calRightFooter {
	background-image: url(../gfx/rightBoxFooter.gif);
	background-repeat: no-repeat;
	float: left;
	height: 11px;
	width: 196px;
}

#calkey {
	width: 491px;
	height: 33;
	clear: left;
}


/* ---- Calendar Table Styles ---- */

#calendarWrap {
	background-color: transparent;
	margin-left: 10px;
}

table#calendar {
	border: 0;
	border-collapse: collapse;
	table-layout: fixed;
	margin-top: 10px;
	margin-bottom: 5px;
}

table#calendar th {
	background-color: #78000D;
	color: white;
	padding: 0px;
	border: 3px solid #78000D;
	border-bottom: 3px solid #666;
	font-weight: normal;
	font-size: 80%;
}

table#calendar td {
	background-color: #fff;
	padding: 0;
	border: 3px solid #666;
}

table#calendar td a {
	display: block;
	width: 62px;
	height: 51px;
	text-align: right;
	padding: 1px;
	border: 3px solid #fff;
	color: #3c3;
	text-decoration: none;
}

table#calendar td a:hover {
	color: #151d71;
	text-decoration: none;
}

table#calendar td a.outday {
	color: #ccc;
}

table#calendar td a.selected {
	display: block;
	width: 62px;
	height: 51px;
	text-align: right;
	padding: 1px;
	border: 3px solid #3c3;
	color: #3c3;
	text-decoration: none;
}

table#calendar td a.today:hover {
	display: block;
	width: 62px;
	height: 51px;
	text-align: right;
	color: #3c3;
	text-decoration: none;
}

table#calendar td a.today {
	display: block;
	width: 62px;
	height: 51px;
	text-align: right;
	padding: 1px;
	border: 3px solid #850011;
	color: #3c3;
	text-decoration: none;
}


/* ---- Chronicles ---- */

#chronicles {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#chronicles .content {
	background-color: white;
	float: left;
	display: block;
	width: 720px;
	padding: 10px;
	clear: both;
}

#chronicles .masthead {
}

#chronicles .masthead img {
	float: left;
	display: block;
}

#chronicles #jump {
	float: right;
	display: block;
	margin-top: 40px;
	width: 435px;
}

#chronicles #jump #skip {
	margin-bottom: 10px;
	float: none;
}

#chronicles #jump ul {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#chronicles #jump ul li {
	display: inline;
	float: left;
	list-style: none;
	margin-right: 10px;
}

#chronicles .header {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	width: 740px;
	height: 30px;
	padding-left: 10px;
}

#chronicles .columns {
	float: left;
	display: block;
	width: 720px;
	background-color: transparent;
	margin-top: 20px;
}

#chronicles .column {
	float: left;
	display: block;
	width: 232px;
}

#chronicles #howdy h1 {
	margin: 0;
	padding: 0;
}

#chronicles .colContent {
	border: 1px solid #5C0003;
	border-top: none;
	padding: 10px;
}

#chronicles #tleisure.column, #chronicles #howdy.column {
	margin-left: 12px;
}

#chronicles .column h3 {
	margin: 0;
	padding: 0;
	height: 22px;
	background-color: white;
}

#chroniclesFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 15px;
	width: 740px;
	clear: both;
}


#ttrailmain.column {
	width: 720px;
}


/* ------- Gallery -------- */

#gal {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#galHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;	
	padding-left: 10px;
}

#galMid {
	background-color: #ffffff;
	float: left;
	width: 720px;
	padding: 10px;
}

.galPod {
	float: left;
	display: block;
	width: 340px;
	height: 55px;
	margin: 0 0 10px 10px;
}

#galMid h2 {
	margin-left: 20px;
}

#galFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	height: 15px;
	width: 740px;	
}

#galContentLeft {
	display: inline;
	background-color: #ffffff;
	float: left;
	height: 420px;
	width: 350px;	
}

#galContentRight {
	float: left;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

/* --- Ink --- */

#ink {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#inkHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;	
	padding-left: 10px;
}

#inkMid {
	background-color: #ffffff;
	float: left;
	width: 740px;
}

#inkFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 740px;	
}

#inkContentLeft {
	display: inline;
	background-color: #ffffff;
	float: left;
	width: 490px;
	padding-left: 10px;
	margin-top: 10px;
}
#inkContentLeft font.date {
	font-family: "Trebuchet MS";
	color: #850011;
	font-weight: 700;
}

#inkContentLeft h1 {
    margin: 0 0 5px 0;
}

#inkContentLeft font.author {
	font-family: "Trebuchet MS";
	color: #333333;
	font-weight: bold;
}

#inkRight {
	float: left;
	width: 206px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

#inkRightHeader {
	background-image: url(../gfx/rightBoxHeader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 21px;
	width: 196px;
	color: white;
	text-align: center;
}

#inkRightHeader p {
	text-align: center;
	color: #ffffff;
	
	}

#inkRightMid {
	background-image: url(../gfx/rightBoxbg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 156px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

#inkRightFooter {
	background-image: url(../gfx/rightBoxFooter.gif);
	background-repeat: no-repeat;
	float: left;
	height: 11px;
	width: 196px;
}

/* ------- Links -------- */

#links {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#linksHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;	
	padding-left: 10px;
}

#linksMid {
	background-color: #ffffff;
	float: left;
	width: 740px;	
}

#linksFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 740px;	
}

#linksContentLeft {
	display: inline;
	background-color: #ffffff;
	float: left;
	width: 510px;
	margin-left:10px;	
}
	
#linksRight {
	float: left;
	width: 206px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	height: 420px;
	display: inline;
}

/* --- Travel and Trail --- */

#tnt {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#tntHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;	
	padding-left: 10px;
}

#tntMid {
	background-color: #ffffff;
	float: left;
	width: 725px;	
	padding-left: 15px;
}

#tntFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 740px;	
} 
/* --- Contact --- */

#contact {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#contactHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;	
	padding-left: 10px;
}

#contactMid {
	background-color: #ffffff;
	float: left;
	width: 740px;	
}

#contactFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 740px;	
}

#contactContentLeft {
	display: inline;
	background-color: #ffffff;
	float: left;
	height: 420px;
	width: 520px;	
}

#contactContentLeft form {
	padding: 2px;
}
	
#contactRight {
	float: left;
	width: 206px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

#contactRightHeader {
	background-image: url(../gfx/rightBoxHeader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 18px;
	width: 196px;
	color: white;
	text-align: center;
}

#contactRightHeader p {
	text-align: center;
	color: #ffffff;
}

#contactRightMid {
	background-image: url(../gfx/rightBoxbg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 196px;
}

#contactRightMid p {
	text-align: center;
}

#contactRightFooter {
	background-image: url(../gfx/rightBoxFooter.gif);
	background-repeat: no-repeat;
	float: left;
	height: 11px;
	width: 196px;
}

/* --- Admin --- */

#admin {
	float: left;
	width: 750px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	display: inline;
}

#adminHeader {
	background-image: url(../gfx/fullheader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 740px;	
	padding-left: 10px;
}

#adminMid {
	background-color: #ffffff;
	float: left;
	width: 740px;	
}

#adminNav {
	float: left;
	width: 200px;
	padding-left: 15px;
	padding-top: 10px;
	display: inline;
}

#adminNav {
	float: left;
	width: 206px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline;
}

#adminNavHeader {
	background-image: url(../gfx/rightBoxHeader.gif);
	background-repeat: no-repeat;
	float: left;
	height: 21px;
	width: 196px;
}

#adminNavHeader p {
	text-align: center;
	color: #ffffff;
}

#adminNavMid {
	background-image: url(../gfx/rightBoxbg.gif);
	background-repeat: repeat-y;
	float: left;
	width: 196px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#adminNavFooter {
	background-image: url(../gfx/rightBoxFooter.gif);
	background-repeat: no-repeat;
	float: left;
	height: 11px;
	width: 196px;
}

#adminContent {
	float: left;
	width: 500px;
	padding-left: 15px;
	padding-top: 10px;
	display: inline;
}

#adminFooter {
	background-image: url(../gfx/fullfooter.gif);
	background-repeat: no-repeat;
	background-color: #000000;
	float: left;
	height: 15px;
	width: 740px;	
}

#footer {
	background-image: url(../gfx/bottom_felt.gif);
	background-repeat: no-repeat;
	float: right;
	width: 770px;
	padding-top: 30px;
	text-align: center;
	font-size: 79%;
	color: #000000;
	display: inline;
}

#footer a {
	color: #33CC33;
	text-decoration: none;
}

#footer a:hover {
	color: #33CC33;
	text-decoration: underline;
}


/* FORMS */

textarea {
	overflow: auto;
}

#form {
	margin-top: 10px;
}

#form label {
	display: inline;
	float: left;
	width: 100px;
	font-weight: bold;
	color: #333;
	line-height: 18px;
	text-align: right;
	padding-right: 5px;
}

span.formNote {
	float: left;
	display: inline;
	color: #333;
	line-height: 18px;
	margin-left: 5px;
}

#form input.text, #form select.text {
	font: normal 11px verdana, sans-serif;
	display: inline;
	float: left;
	width: 150px;
}

#form input.action {
	font: bold 11px verdana, sans-serif;
	/*background-color: #850011;
	color: #fff;
	border: 1px solid #555;*/
	margin-left: 100px;
	width: 80px;
}

#form input.actionbig {
	font: bold 11px verdana, sans-serif;
	background-color: #850011;
	color: #fff;
	border: 1px solid #555;
	width: 120px;
}

#form textarea {
	display: inline;
	float: left;
	font: normal 11px verdana, sans-serif;
}

#form input.short 	{ width: 80px; }
#form input.medium 	{ width: 225px; }
#form input.long 	{ width: 300px; }
#form textarea.long { width: 300px; }

#form input.right { text-align: right; }
#form input.center { text-align: center; }

.formRow {
	margin-bottom: 10px;
	width: 100%;
	/*background-color: #ccffff;*/
}

.formAction {
	margin-top: 10px;
	margin-bottom: 20px;
}

h3.tTrailTitle, h3.tLeisureTitle {
    font-weight: bold;
}

.tTrailWrapper p {
    margin: 0 0 1em 0;
    padding: 0;
}

.tTrailContent, .tLeisureContent {
    margin-bottom: 30px;
    line-height: 1.5em;
}

table.linkItem {
    margin-bottom: 10px;
    border: 1px solid #333;
    width: 510px;
}

table.linkItem td.img { 
    width: 100px;
}

table.linkItem td.content { 
    width: 400px;
}

table.linkItem th {
    background: transparent url(../gfx/nav_gradient_bg.gif) repeat-x;
    text-align: left;
    color: white;
}

table.linkItem th div {
    font-size: 120%;
    margin: 3px;
}

table.linkItem th a {
    color: white;
    text-decoration: none;
}

table.linkItem td {
    padding: 5px;
}

table#calendar th.monthHeader {
    background-color: white;
    border: 0;
    font-size: 120%;
    color: #5C0003;
    padding-bottom: 10px;
}

.previousMonth, .nextMonth {
    font-size: 80%;
}

.previousMonth {
    text-align: left;
}

.nextMonth {
    text-align: right;
}

.previousMonth a, .nextMonth a {
    text-decoration: none;
    color: #5C0003;
    font-weight: normal;
}

.currentMonth {
    
}