body { font-family:Arial; color:#666; font-size:small;}

/* Div Styles */
div#wrapper{ width:970px; margin:auto;}
div#top{ position:relative; width:100%;}
div#topL{ position:relative; float:left; width:410px;}
div#topR{ position:relative; float:right;}
div#image{ position:relative; width:100%; height:210px;}
div#imageL{ position:relative; float:left; width:670px;}
div#imageR{ position:relative; float:right; width:300px; z-index:20;}
div#main{ position:relative; width:100%; min-height:300px; height:auto !important; height:300px;}
div#mainL{ position:relative; float:left; width:200px; clear:both;}
div#mainR{ position:relative; float:right; width:770px; z-index:0;}
div#mainRContent{ position:relative; float:left; width:545px;}
div#mainRright{ position:relative; float:right; width:215px;}
div#mainAdminContent{ position:relative; width:760px;}
div#menu{ position:relative; top:30px; z-index:10; width:190px;}
div#footer{ width:100%; position:relative; clear:both;}
fiv#kloemain{ width:740px; position:relative; height:100%; min-height:100%;}
div#kloemainL{ width:500px; float:left;}
div#kloemainR{ width:240px; float:right;}

/* Menu Styles */
.topLevel{ font-size: 13px; font-family: Verdana; height:25px; width:100%; background:#fff url("pics/navBG.jpg"); border-bottom:dashed 1px #999; color:#551939; padding-top:2px;}
.topLevelHover{ font-size: 13px; font-family: Verdana; height:25px; width:100%; background:#fff url("pics/navBGHover.jpg"); border-bottom:dashed 1px #999; color:#fff;}
.subLevel{ font-size: 13px; font-family: Verdana; height:25px; background:#551939; width:100%; border-bottom:dashed 1px #999; color:#fff; margin-right:10px; padding-left:5px; padding-top:2px;}
.subLevelHover{ font-size: 13px; font-family: Verdana; height:25px; width:100%; background:#fff url("pics/subNavBGHover.jpg"); border-bottom:dashed 1px #999; color:#fff;}
.subLevel a { display:block; z-index:10;}
.topLevel a { display:block; text-indent:5px; z-index:10;}

/* General Styles */
.main{ position:relative; top:1px;}
h1{ font-size:medium;}
h2{ font-size:small; text-align:justify;}
.boxTitle{ color:#551939; font-weight:bold; font-size:large;}
.newsTitle{ color:#551939; font-size:medium;}
th{ color:#551939; font-size:small; vertical-align:text-top; text-align:left; font-weight:bold;}
.right{ text-align:right;}
.center{ text-align:center;}
.left{ text-align:left;}
.message{ color:#ff0000; font-weight:bold;}
.centerBold{ text-align:center; font-weight:bold;}
p{ text-align:justify;}
.bold{ font-weight:bold;}
.title{ font-size:30px;}
.intro{ font-size:large; vertical-align:text-top;}
hr{ width:50%;}
.sliderRail{ position:relative; height:30px; width:65px; background-image:url("pics/handleBG.jpg");}
.handle{ position:absolute; height:20px; width:20px;}
.adjustedZIndex { z-index:1;}

/* Box Styles */
.box{position: relative;margin-left: auto;margin-right: auto;margin-top: 1px;padding: 0;text-align: left;width:210px;/* <-- use this to tie width to viewport size */ background-color: #fff;}
.content{padding:1em;}
.tl, .tr, .bl, .br{	background-color: transparent; background-repeat: no-repeat;}
.tl{background-image:url(pics/boxTL.jpg);background-position: 0% 0%;}
.tr{background-image:url(pics/boxTR.jpg);background-position: 100% 0%;}
.bl{background-image:url(pics/boxBL.jpg);background-position: 0% 100%;	}
.br{background-image:url(pics/boxBR.jpg);background-position: 100% 100%;}
.t, .b{background-color: transparent;background-repeat: repeat-x;}
.t{background-image:url(pics/boxTM.jpg);background-position: 0% 0%;}
.b{background-image:url(pics/boxBM.jpg);background-position: 50% 100%;}
.r{background-image:url(pics/boxMR.jpg);	background-position: 100% 0%;background-repeat: repeat-y;}
.l{background-color: #fff;background-image:url(pics/boxML.jpg);background-position: 0% 100%;background-repeat: repeat-y;}

.box2{position: relative;margin-left: auto;margin-right: auto;margin-top: 1px;padding: 0;text-align: left;width:240px;/* <-- use this to tie width to viewport size */background-color: #fff;}
.box3{position: relative;margin-left: auto;margin-right: auto;margin-top: 1px;padding: 0;text-align: left;width:500px;/* <-- use this to tie width to viewport size */background-color: #fff;}
.box4{position: relative;margin-left: auto;margin-right: auto;margin-top: 1px;padding: 0;text-align: left;width:740px;/* <-- use this to tie width to viewport size */background-color: #fff;}
.content2{ padding:6px;}
.content3{ padding-left:5px; width:98%; padding-bottom:10px;}
.tl2, .tr2, .bl2, .br2{	background-color: transparent; background-repeat: no-repeat;}
.tl2{background-image:url(pics/tl.jpg);background-position: 0% 0%;}
.tr2{background-image:url(pics/tr.jpg);background-position: 100% 0%;}
.bl2{background-image:url(pics/bl.jpg);background-position: 0% 100%;	}
.br2{background-image:url(pics/br.jpg);background-position: 100% 100%;}
.t2, .b2{background-color: transparent;background-repeat: repeat-x;}
.t2{background-image:url(pics/tm.jpg);background-position: 0% 0%;}
.b2{background-image:url(pics/bm.jpg);background-position: 50% 100%;}
.r2{background-image:url(pics/rm.jpg);	background-position: 100% 0%;background-repeat: repeat-y;}
.l2{background-color: #fff;background-image:url(pics/lm.jpg);background-position: 0% 100%;background-repeat: repeat-y;}


/* List Styles */
ul{ position:relative; top:-5px; left:-10px;}
li{ list-style-type:square; padding-right:10px;}

/* Table Styles */
table.news{ position:relative; left:-20px; width:200px;}
table.admin{ width:70%; border:solid 1px #ccc; text-align:left;}
table.admin2{ width:50%; border:solid 1px #ccc; text-align:left;}
table.clients{ width:95%; margin:auto; border-collapse:collapse;}
table.clients td{ padding:10px; width:33%; border-bottom:dashed 1px #ccc;border-left:dashed 1px #ccc;border-right:dashed 1px #ccc;}
table.clients tr{ vertical-align:bottom;}
table.focus{ width:95%; margin:auto; border-collapse:collapse;}
table.focus td{ padding:10px; border:solid 1px #ccc;}
table.focus td.bold{ font-weight:bold;}
table.focus tr{ vertical-align:top;}
table.focus tr.focusTableHeader{ text-decoration:underline; text-align:center;}
table.focus a{ font-size:10px;}
table.kloe{ width:730px; text-align:center;}
table.kloe td.col1{ width:10%;}
table.kloe td.col2{ width:79%;}
table.kloe td.col3{ width:15%; text-align:center; margin:auto;}
table.key{ border:solid 1px #666; margin:auto;}
table.blank{ border:none; width:100%; border-collapse:collapse;}
table.blank td{border:none;}
.question{ width:200px; border-right:solid 1px #666; border-bottom: solid 1px #666; vertical-align:bottom;}
.question2{ text-align:left; width:200px;}
.other{ width:100px; border-right:solid 1px #666; vertical-align:bottom; border-bottom: solid 1px #666;}
.trClass1{ background-color:#eee;}

/* Fieldsets */
div#fsLogin fieldset{ padding: 2px; width:45%; border: none;}
div#fsLogin fieldset ol {padding: 1px 1px 0 1px; list-style: none;}
div#fsLogin fieldset li { padding-top:5px; text-align:right; list-style:none}
div#fsLogin label{float:left; width:100px; margin-right:1px; clear:left;}


div#fsInfo fieldset{ padding: 2px; width:57%; border: none; text-align:center; margin:auto;}
div#fsInfo fieldset ol {padding: 1px 1px 0 1px; list-style: none;}
div#fsInfo fieldset li { padding-top:5px; text-align:right; list-style:none}
div#fsInfo label{float:left; width:200px; margin-right:1px; clear:left;}