html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {margin: 0; padding: 0; border: 0;}

/* 'Jello Mold' page construction technique based on http://www.positioniseverything.net/articles/jello.html */
body {padding: 0 386px; margin:20px 0; text-align: center; font-family:"Lucida Sans", Verdana, Arial, sans-serif; font-size:76%; 
    background-color:#0bc; color:#06c;}

h1, h2, h3, h4, h5, h6 {color:#b53;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {margin:0; font-size: 1.6em; font-weight: normal;}
h2 {margin: 0.5em 0; font-size: 1.5em; font-weight: normal;}
h3 {margin: 0.5em 0; font-size: 1.4em; font-weight: normal;}
h4 {margin: 0.5em 0; font-size: 1.2em; font-weight: bold;}
h5 {margin: 0.5em 0; font-size: 1.0em; font-weight: bold;}
h6 {margin: 0.5em 0; font-size: 0.8em; font-weight: bold;}

p {margin:2em 0;line-height:1.4; text-align: justify; text-indent: 3em;}
a {text-decoration:none; color:#fff;}

a:hover {text-decoration:none;}

#sitename {position: absolute; margin-top: 10px; margin-left: 20px; z-index: 100;}

#sizer {width: 58%; max-width: 192px; margin: 0 auto; padding: 0;}
#expander {position: relative; min-width: 772px; /* Critical Safari fix! */ margin: 0 -386px 0 -386px; background: #1da; background-image:url(Images/leftcol_bg.png); background-repeat:repeat-y; background-position:top left;}

/* Holly hack for IE \*/
* html #expander { height: 0;}
/* */

#wrapper {width: 100%; /* helps IE get the child percentages right. */
border-left:10px solid #f77; border-bottom:10px solid #f77; text-align:left; 
background-image:url(Images/rightcol_bg.png); background-repeat:repeat-y; background-position:top right;} 

/* http://positioniseverything.net/easyclearing */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#leftcolumn {float:left; width:152px; text-align: center; border-top:10px solid #f77; margin-right:-3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/ background-color:#1da; font-size:0.8em; text-align: center;}
html>body #leftcolumn {margin-right:0;}
#leftcoltop {height:20px;}

#upleftphoto {}

#leftbarcontainer {padding:4em 0.5em;}

.leftbaritem {text-align: left; padding:0.5em; background-color: #098; color: #ffc; font-family: Tahoma, Arial;}
.dontcenter {text-align: left;}

#rightcolumn {float:right; width:152px; margin-left:-3px; /* IE 3px display bug fix (in conjunction with the rule following below)*/ background-color:#0bc; font-size:0.9em; text-align: center;}

html>body #rightcolumn {margin-left:0;}

#rightcoltop {padding:5px 20px 5px 10px; height:20px; border-right: 10px solid #0bc; /* border-bottom: 10px solid #abe; */ text-align: center; color:#fff; background-color:#0bc;}
#rightcoltop a {color:#fff;}

#uprightphoto {position:relative; margin:0; padding:0; height:190px;}

#rightbarcontainer {padding: 0.5em; border-top:10px solid #f77; border-right:10px solid #f77; background-color:#eda;}
.rightbaritem {padding:2em 0.5em;}

#leftcolumn h4 {font-family: Arial, Helvetica, Sans-Serif; color: #ffc;}
#rightcolumn h4 {font-family: Arial, Helvetica, Sans-Serif; color: #147;}

#centercolumn {height:1%; margin-bottom:-20px; background-color:#ffc; z-index: 99;}
html>body #centercolumn {height:auto; margin-bottom:0; margin-left:152px; margin-right:152px;}
#centercoltop {height:25px; text-align: center; border-top:10px solid #f77; border-right:10px solid #f77; background-color:#1da;}
#centercoltop a {font-family: Garamond, Baskerville, serif; font-size: 1.1em; font-weight: bold;}

#header {position:relative; height:140px; margin:0; /*border-left:10px solid #1da; */ 
    background-color:#8b4; background-image:url(Images/header_bg.jpg); background-repeat:no-repeat; background-position:top right;}

#maincontent {margin:0; padding:4em 2em; border-left:10px solid #f77;}
#maincontent .teaser {color:#07a; margin:-0.7em 0;}
#maincontent table tr td {padding: 0.2em 0.5em;} 
#maincontent fieldset {margin-bottom:1em; padding:1em; border:1px dotted #1da;}
#maincontent legend {color:#06c; background-color:#1da;}

* html #maincontent legend {padding:0.5em;}
#maincontent caption { text-align:left; font-weight:bold;}
#maincontent a {color: #253;}
#maincontent a:visited {color: #066;}
#maincontent a:hover {text-decoration: underline; color: #f66;}


.txtBox { border: 1px solid #1da font-size:1em; background-color:#1da;}

html>body #maincontent .txtBox{font-size:1.2em;}

.padtopbottom {margin-top: 10px; margin-bottom: 10px;}
.imgfloatright {float:right; display:inline; margin: 0.25em 0 0.25em 1em;}
.imgfloatleft {float:left; display:inline; margin: 0.25em 1em 0.25em 0;}
div.readmore {text-align:right; }

#footer {margin:0; padding:0 0 1.5em 2.8em; border-left:10px solid #f77; font-size:smaller;}
* html #footer {padding:0 0 2.5em 4.6em;}
#footer a {padding:0 0.5em;}

@media print {body {margin:0; padding:0; font-size:10pt; line-height:12pt; background:#fff !important;}#sizer {margin:0; width:auto !important;}#expander {position:static; margin:0 !important; background: none;}#wrapper {border:none; background:none;}a {color:#666666; text-decoration:underline;}
#leftcolumn, #rightcolumn, #maincontent h2:before {display:none;}
#centercolumn {width:100%; margin:0 !important; background:none;}#centercoltop {height:auto; background:none;}#header {margin:0; border:none; height:auto; background:none;}
/*Turn off the transparent gif logo as it looks rather unsightly on paper. */
#header img {display:none;}
#maincontent {margin:0; border:none; background:transparent;}#maincontent .teaser {font-style:italic;}
#maincontent fieldset {border:none;}
#maincontent .txtBox {background:none;}
}