body#humble {background-image: url('icons/bgnd.gif'); background-repeat: repeat-y; margin: 0; padding: 0}

/* #logo, #logo2, #middlebar, #contents, #topbar, #topmenubar, #rightbar, #leftbar, #bigfoot, #footerbar { border: 1px red solid !important} */

.column-in {margin: 0; padding: 30px 0 1em 0}
.cleaner {clear: both; height: 1px; font-size: 1px; line-height: 1px; border: none; margin: 0; padding: 0; background: transparent}
#main1 {margin: 0; padding: 0; background: url("icons/bgndleft.gif") top left repeat-y}
#main2 {margin: 0; padding: 0; background: url("icons/bgndright.gif") top right repeat-y}
#main2_noright {margin: 0; padding: 0; background: url("icons/bgndnoright.gif") top right repeat-y}

#logo {position: absolute; left: 0px; top: 0px; width: 160px; height: 60px; border-style: none; z-index: 5}
#contents, #contents_noright {margin-left: 170px; padding: 0 0 0 0; overflow: hidden}
#contents {margin-right: 140px}
#contents_noright {margin-right: 10px}

#logo2, photo2 {position: absolute; top: 0px; right: 0px; width: 130px; border-style: none}
#logo2 {height: 60px}

/*************** RIGHT BAR ***************/

.line { height: 0; border-top: 1px #888 solid; font-size: 1px; line-height: 1px }
#rightbar { 
	float: right; width: 130px; 
	margin: 0; padding: 0; overflow: hidden; 
	/*background-color: #99bbdd;*/ 
	color: #039; 
	text-align: center; 
	font-size: 14px; 
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif
	}

/* monthtable */
#monthtable { width: 120px; border-collapse: collapse; background-color: #508fc4; font-size: 11px; margin: 1ex auto 1em auto; border-style: solid; border-width: 1px; border-color: #2175bc }
#monthtable td.header { border-bottom: 1px #2175bc solid; font-weight: normal; font-family: Times New Roman, Times New, times, serif }
#monthtable td.workday { background-color: #508fc4 }
#monthtable td.holiday { background-color: #c69 }
#monthtable td.current { background-color: #6c9; border-style: solid; border-width: 1px; border-color: #039 }
#monthtable td.curhol { background-color: #f63; border-style: solid; border-width: 1px; border-color: #039 }
#monthtable td.footer { border-top: 1px #2175bc solid; font-weight: normal; font-family: Times New Roman, Times New, times, serif }

/* anchors */
.rightlinks { font-size: 11px }
.separator { margin-top: 10px; margin-bottom: 2px; text-align: center; font-size: 10px; font-family: Courier New, Courier, Monospace }

/**************** TOP BAR ****************/

#topbar, #topbar_noright {font-size: 1px; margin-left: 160px; height: 10px; background-image: url('icons/topbar.gif'); background-repeat: no-repeat; background-color: #99bbdd}
#topbar {margin-right: 130px}
#topbar_noright {margin-right: 0}

#topmenubar, #topmenubar_noright {margin-left: 160px; padding-top: 6px; padding-bottom: 4px; background-color: #000000; overflow: hidden; font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px; white-space: nowrap}
#topmenubar {margin-right: 130px}
#topmenubar_noright {margin-right: 0}

/* "Tahoma, Helvetica, Arial, Swiss" */

a.topmenu {text-decoration: none; color: #ffffff}
a.topmenu:link {color: #ffffff}
a.topmenu:visited {color: #ffffff}
a.topmenu:hover {background-color: #003399 }
a.topmenu:active {color: #9370d8}

a.topmenuActive {text-decoration: none; font-size: 13px; color: #ffd700}
a.topmenuActive:link {color: #ffd700}
a.topmenuActive:visited {color: #ffd700}
/* a.topmenuActive:hover {background-color: #003399 } */
a.topmenuActive:active {color: #9370d8}

/**************** LEFT BAR ***************/

#shoutbox, #shoutform, #shoutitle {
	margin-left: 5px; margin-right: 10px;
	font-size: 10px;
	}
#shoutbox { margin-bottom: 2px; border-style: solid; border-width: 1px; border-color: #508fc4; overflow: hidden; font-family: Arial, Helvetica, sans-serif }
	
#shoutbox .header { padding: 0 2px 0 6px; background-color: #508fc4; color: #039; font-size: 11px }
#shoutbox .text { padding: 0 2px 0 6px; color: #000 }
#shoutform { color: #039; margin-bottom: 0; padding-bottom: 0; }
#shoutform form { margin: 0; padding: 0}
#shoutform .inputrow { clear: both }
#shoutform .inputlabel { float: left; width: 30px; text-align: right; font-size: 10px }
#shoutform .inputbox { float: right; width: 107px; font-size: 10px }
#shoutitle { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #2175bc; margin-top: 30px; margin-bottom: 15px; padding-top: 3px; padding-bottom: 3px; color: #039; background-color: #508fc4; font-size: 12px; font-weight: bold; text-align: center; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif }

#leftmenu .bluebutton, #leftmenu .bluesubmit { border: 1px solid #508fc4; color: #039; background-color: #99bbdd; font-size: 10px; font-weight: bold; cursor: pointer; padding: 0 1.25ex 0.25ex 1.25ex }
#leftmenu .bluesubmit { margin-top: 10px }

#leftmenu {
    float: left; width: 160px; margin: 0;
	/*border-right: 1px solid #000;*/
	padding: 0;
	overflow: hidden;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	/*background-color: #99bbdd;*/
	color: #333;
	z-index: 4
    }

#leftmenu ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
    border: none;
	}
#leftmenu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	}
#leftmenu li a {
	display: block;
	padding: 4px 5px 4px 5px;
	border-left: 10px solid #993366;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;
        color: #fff;
        font-size: 14px;
	text-decoration: none;
        width: 115px;
        }

#leftmenu li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}
#leftmenu li a:active {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
	background-color: #2586d7;     /* #003399  #9370D8  #990066 */
	color: #333;
	}
#leftmenu li a.menuactive {color:#ffd700 !important; font-weight:bolder !important}

/* a.menu {text-decoration: none; color: #ffffff}
a.menu:link {color: #ffffff}
a.menu:visited {color: #ffffff}
a.menu:hover {background-color: #003399 }
a.menu:active {color: #9370d8}

a.menuActive {text-decoration: none; font-size: 13px; color: #ffd700}
a.menuActive:link {color: #ffd700}
a.menuActive:visited {color: #ffd700}
a.menuActive:active {color: #9370d8} */


/***************** FOOTER ****************/
#bigfoot { margin-top: 15px }
#leftfoot { float: left; width: 160px; text-align: center }
#rightfoot { float: right; width: 130px; text-align: center }
#footerbar { margin: 10px 130px 5px 160px; height: 20px; overflow: hidden; white-space: nowrap; background-color: #339999; color: #ffffff; line-height: 20px; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }

a.footer {color: #ffffff; text-decoration: none}

/***************** LINKS *****************/

a.internal:hover {background-color: #ffffff}	/* contents */
a.external:hover {background-color: #99cccc}	/* contents */
a.photo:hover {background-color: #cccccc}		/* contents */
a.right {text-decoration: none}					/* right */
a.right:hover { background-color: #508fc4 }
a.print {text-decoration: none; color: #039; font-size: 12px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif}
a.print:hover {background-color: #99cccc}		/* version for printing */

/**************** CONTENTS ***************/

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif}
h1 {margin-top: 0}

cite { font-style: italic }
cite:before { content: "„" }
cite:after { content: "“" }

em { font-style: italic }
strong { font-weight: bolder }

.center { text-align: center }
.bcenter { margin-left: auto; margin-right: auto }
.vcenter { vertical-align: middle }
.fleft { float: left }
.fright { float: right }

.noborder { border-style: none none none none; border-width: 0 0 0 0 }