/* BASIC STYLES */
body {margin: 0px; padding: 0px 0px 30px 0px; background: #000000 url(../img/bg.jpg) repeat-x 0 250px; font-family: arial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {padding: 0px; color: #000000}
input, label, li, p, select, td, th {font-size: 0.8em; color: #333333;}
textarea {font-size: 0.8em; color: #333333; padding: 5px;}
p input, p label {font-size: 1em;}
img {border: 0px;}
p, pre {margin: 1em 0;}
h1 {margin: 0;  padding: .2em 0 0 0; font-size: 1.7em; font-weight: normal;}
h2 {margin: 1em 0 0 0; font-size: 1.4em; font-weight: normal;}
h3 {margin: 1em 0 0 0; font-size: 1em;}
h4 {margin: 1em 0 0 0; font-size: 0.8em;}
optgroup {padding:3px 0;}
h2 a {text-decoration: none;}
a {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}
form {padding: 0; margin: 0;}

/*ACCESSIBILITY*/
#shortcuts {display: block; position: absolute; top: -100px; z-index: 0} 
#shortcuts a {padding: 0 0.5em; left: 0; z-index: 0}
#shortcuts a:focus, #shortcuts a:active {display: inline; z-index: 2; background-color: red; color: #000000; text-decoration: none; position: absolute; top: 100px;}

/* STRUCTURE */
#container {background-color: #ffffff; width: 848px; margin: 0 auto;}
#maincontent {float: right; width: 623px; margin: 0 19px 0 0; padding: 30px 15px 10px 15px; background: #ffffff url(../img/mainfadebg.gif) no-repeat 0 19px;}
#sidebar {float: left; width: 155px; overflow: hidden;}

/*COMMON*/
.flink {margin: 0; text-align: right;}
.fimg {float: right; margin: 0 0 5px 15px;}
.clearer {clear: both; height: 1px; overflow: hidden;}
#textsizechooser {float: left; line-height: 46px; height: 46px; margin: 0 0 0 10px; font-size: 0.9em;}
#textsizechooser a {text-decoration: none;}
#textsizechooser a:hover {text-decoration: underline;}
#textsizechooser a#smalltext {font-size: 0.8em; font-weight: bold;}
#textsizechooser a#mediumtext {font-size: 1.2em;}
#textsizechooser a#largetext {font-size: 1.6em;}
#phonenumber {color: #2F2C6E; text-align: right; line-height: 40px; height: 46px; background: transparent url(../img/topbg.jpg) repeat-x 0 0; margin: 0; font-size: 1.2em; padding: 0 10px 0 0;}
#phonenumber strong {font-weight: normal; font-size: 1.5em;}

/*MENU and SIDEBAR*/
#sidebar h3 { padding: 0 0 5px 10px; }
#mainmenu {padding: 0; margin: 0 0 10px 0; list-style: none; width: 155px; text-align: left; background: #ffffff url(../img/piano.gif) repeat-y;}
#mainmenu li {height: 37px; margin: 0; padding: 0; font-size: 12px; line-height: 34px;}
#mainmenu a {display: block; width: 117px; padding-left: 38px; height: 37px; color: #000000; text-decoration: none; font-weight: bold; overflow: hidden;}
#mainmenu a:hover {color: #103e82;}

/* BRANDING */
#branding {clear: both; padding: 15px 25px 0 525px; text-align: center; height: 188px; background-position: 0 0; background-repeat: no-repeat; border-bottom: 3px solid #000000; background-color: #ffffff; overflow: hidden; background-image: url(../img/headerimgwoods.jpg);}
#logo {margin: 0; padding: 0; font-size: 1.5em;}
#headerquote {font-style: italic; margin: 0.5em 0;}
#headerquoter {font-weight: bold; text-align: right; margin: 0.5em 0;}

/* CONTENT */
#maincontent p {line-height: 1.5em;}

/* BLOG MISC */
.post { border-bottom: 1px dashed #ccc; padding-bottom: 10px; }
ul.commentlist { list-style:none; padding:0; margin:0; }
ul.commentlist li a { color:#000; text-decoration: none; }
ul.commentlist li p { font-size:13px;}

.navigation a { font-size: 13px; font-weight: bold; padding-top: 10px; }

/* FOOTER */
#footer {clear: both; width: 848px; background-color: #000000;}
#mainfooterlinks {width: 848px; text-align: center; line-height: 3em; margin: 0 0 5px 0; padding: 0; background-color: #2b2b2b;}
#mainfooterlinks li {display: inline; margin: 0; padding: 0; color: #ffffff;}
#mainfooterlinks a {color: #ffffff; padding: 0 10px; border-left: 1px solid #5b5b5b;}
#mainfooterlinks .first a {border-left: none;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#copyright {float: left; margin: 0; padding: 0; color: #ffffff;}