/* accessibility */
#skip a, #skip a:hover, #skip a:visited {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
#skip a:active, #skip a:focus {position:static; width:auto; height:auto;}

/* Main Sections 
------------------------------------------------------------------------- */
* {margin: 0; padding: 0 0 0 0}
html {background: #000 url(images/html_bg.jpg) repeat-x 0px 200px;}
body {position: relative; width: 100%; font-size: 85%; font-family: Verdana, Helvetica, sans-serif; text-align: center; background: url(images/body_bg.gif) no-repeat bottom; padding: 50px 0 300px 0}

div, p, a, th, td, ul, ol {font-size: 100%}

ol {margin-left: 0; padding-left: 0}
ol li {margin-left: 0; padding: 0; list-style: decimal}

h1, h2, h3, h4 {font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;	font-weight: bold; margin: .5em 0}
h1 {font-size: 218%}
h2 {font-size: 180%}
h3 {font-size: 150%}
h4 {font-size: 135%; letter-spacing: .15em}

p {padding: 0 0 1em}

a, a:link {text-decoration: none; color: #fff; border-bottom: 1px dotted #fff; font-weight: bold}
a:visited {color: #ddd; border-color: #ddd}
a:hover {color: #fff; border-color: #fff; text-decoration: underline}
a:active {color: #eee; border-color: #eee}
a img, img {border: none}

ul {list-style: none; margin: 0 0 20px 1em}
li {list-style: none; padding-left: 1em; margin-bottom: 3px}

#page {width: 770px; margin: 25px auto 0px auto; text-align: left; background: #eee url(images/page_bg.jpg) repeat-y; padding: 0}
#content {text-align: left; width: 498px; margin: 0 0 0 22px; padding: 0; line-height: 1.5em}

/* Special text formatting 
------------------------------------------------------------------------------- */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {text-decoration: none}
h2 a:hover, h3 a:hover {color: #FFF; border-bottom: 1px dotted #FFF}
h2.pagetitle {margin-top: 30px;	text-align: center}
h4.date-header {margin-top: 0; padding-left: 14px; color: #FFF}

blockquote {margin: 0 20px 0 20px; padding: 10px 0 0 0;}
blockquote p {margin-top: 0}
blockquote cite {margin: 5px 0 0; display: block}

code {font: 1em/2.5em 'Courier New', Courier, monospace; color: #444; white-space: pre; width: 350px; height: auto; overflow: auto; display: block; border: 1px solid #999;
	border-width: 2px 0; padding: 1em; margin: 0 0 1em 0; background-color: #fafafa;}
li code {width: 330px}

acronym, abbr {font-variant: small-caps; font-size: 90%; letter-spacing: .07em; cursor: help; border-bottom: 1px dotted #3f3f3f}

.error,
.message {padding: 12px; background-color: red; color: #fff}
.message {background-color: green}

/* Header 
------------------------------------------------------------------------- */
#header {position: relative; top: -25px; min-width: 770px; min-height: 200px}
#header h1 {margin: 0; padding: 20px 20px 0px 20px; color: #000; z-index: -1}
#header h1 a {text-decoration: none; border-bottom: none; color: #fff}
#header h1 a:hover {color: #eee}
#header img {position: relative;	top: -55px;	margin: 0 0 -85px 0; z-index: 1}

/* Search Form 
------------------------------------------------------------------------------- */
#search {position: absolute; right: 60px; top: 40px; padding: 15px 15px 0}
form.FSF_form {margin: 0; padding: 0; width: auto; text-align: right !important}
input.FSF_input {display: inline; height: 17px; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; margin: -1px 3px 0; padding: 3px 0 0}
input.FSF_submit {display: inline; margin: -1px 0 0; padding: 0; height: 22px; line-height: 22px}

/* spform (contact form) */
div#spf_form label{display: block}

/* Post (main content entries)
------------------------------------------------------------------------- */
.post {font-family: Georgia, Palatino, Verdana, Tahoma, Helvetica, serif; margin: 0 0 10px 0; padding: 0 0 20px 18px; border-bottom: 1px solid #bbb; min-height: 500px}
.post a, .post a:hover, .post a:active, .post a:visited {color: #406085 !important}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {font-family: Arial, Georgia, Verdana, Helvetica, sans-serif; font-weight: normal; letter-spacing: 0.05em}
.post h2, .post h3 {margin-bottom: .5em; margin-top: 1em}
.post h1 {line-height: 115% !important; margin-top: 1.5em; margin-bottom: .5em; border-bottom: 2px dotted #557}
.post h2 {line-height: 120% !important}
.post h3 {line-height: 130% !important}
.post h3 {color: #222}
.post p {line-height: 165%}
.post ul li {background: url(images/tictac_orange.gif) no-repeat 0 6px; margin-left: 0em}
.post > ol,
.post > ul {margin-left: 1.5em; margin-bottom: 1em;}
.post ol li ol,
.post ol li ul,
.post ul li ol,
.post ul li ul {margin-left: 1em; margin-bottom: 1em; padding-left: 1em;}
.post img {max-width: 450px; border: 2px solid #444; margin: 20px 0 20px 0}
.post blockquote {}
div.vcard div.fn {font-weight: bold}
div.vcard div.adr {margin: 0; padding: 0}	
div.vcard div.tel {margin: 0 0 10px 0; padding: 0}

/* Related Links 
------------------------------------------------------------------------- */
#navlist li {display: inline; list-style-type: none; padding-right: 20px}

/* UserComments 
------------------------------------------------------------------------- */                        
.comment {background-color: #fff; border-bottom: 1px solid #ddd; position: relative; padding: 10px; overflow: hidden}
.commentAlt {background-color: #f4f4f4}
.commentAuthor {background-color: #ffc}
.commentMe {background-color: #ccf !important; padding-top: 5px}
.commentNum {position: absolute; top: 0; right: 0; z-index: 1}
.commentAlt .commentNum {color: #eaeaea}
.commentMe .commentNum {color: #b0b0ff}
.commentAuthor .commentNum {color: #f3f3bb}
.commentTitle {position: relative; z-index: 10; color: #999}
.commentTitle span {text-transform: uppercase; font-size: 86%}
.commentTitle strong {color: #693; font-size: 110%; text-transform: none; font-weight: normal; margin-right: 6px}
.comment .content {position: relative; z-index: 10}

/* Sidebar 
------------------------------------------------------------------------- */
#sidebar {position: absolute; top: 0; float: right; overflow: auto; height: 65%; margin: 275px 30px 0 555px; padding: 23px 0 0 0; color: #999; z-index: 100; max-width: 220px; font-size: 90%;}
#sidebar h2 {color: #FFF}
#sidebar ul, #sidebar p {padding: 5px 15px 1em 0px; margin-left: -5px}
#sidebar ul {margin-bottom: 1em}
#sidebar > ul > li > ul > li {font-style: normal !important; margin-bottom: 12px;}
#sidebar ul ul {margin-bottom: 0; border-bottom: 1px solid #ddd}
#sidebar ul ul ul {border-bottom: none; margin-bottom: 0}
#sidebar > ul > li > ul > li > ul > li {/*background: url(images/tictac_green.gif) no-repeat 0 6px; */ margin: 10px 0 10px 0; font-style: italic;}
#sidebar a, #sidebar a:link {border-bottom: 0 !important}
#sidebar a:hover {border-bottom: 1px solid #fff !important}
#sidebar a:active {border-bottom: 1px dotted #fff !important}
#sidebar a:visited {border-bottom: 0 !important}
#dropmenu ul li ul {font-size: 90%}

/* Footer 
------------------------------------------------------------------------- */
#footer {position: relative; top: 14px; margin: 0; padding: 0; font-size: 85%; color: #222; background: url(images/footer_bg.gif) no-repeat 0px 57px}
#site_info {position: relative; top: -14px; width: 550px}
#footer h4 {margin: 0 !important; padding: 0 0 5px 30px !important; font-size: 118%; letter-spacing: 0em !important;}
#footer p {padding: 0 0 5px 30px; /* padding: 20px 320px 20px 95px; */}
div.adr {padding: 0 0 10px 0;}
#footer p.type {display: none;}
#footer a, #footer a:link, #footer a:hover, #footer a.visited, #footer a:active {border-bottom: 1px dotted #444; color: #444}

/* Forms 
------------------------------------------------------------------------------- */
form.full {width: 100%;}
fieldset {border: none;}

form label.first,
form label.city {clear: left; margin-right: 10px; width: 150px}

form label.second,
form label.state {float: left; clear: none;	margin: 0 10px 0 0;	width: 150px}
form label.state {width: 60px;}

form label.first input,
form label.city input,
form label.second input {float: left; width: 150px;	padding: 0}
form label.state select {width: 60px; float: left;	margin-top: 3px}

form label.zip,
form label.zip input {float: left; width: 80px}
form label.zip {clear: none}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {clear: left; float: left; padding: 0; margin: 0}

form label.radio,
form label.radioitem {clear: none; margin: 0 0 0 25px; padding: 0 0 15px;}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {clear: both; float: left; 	padding: 0;	margin: 0}
form label.checkbox {clear: none; margin: 0 0 0 25px; padding: 0 0 15px}

/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; padding: 0 2px; height: 18px; line-height: 20px}

form input.checkbox,
form select {border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff}

form textarea {margin-top: 3px; width: 383px; height: auto; display: block}
form label input.calc {text-align: right; width: 100px; clear: left; padding: 0}
form input.button {clear: left}

/* Special handling for images & alignment 
------------------------------------------------------------------------------- */
p img {padding: 0; max-width: 100%}
img.centered {display: block; margin: 0 auto}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {float: left}
.MODX_RichTextWidget a {border: 0px}