.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block; line-height: 0px; font-size: 0px; }
* html .clearfix{height:1%}


#website { text-align: center; background: #fff url('../media/bg.jpg') no-repeat center top; display: table; width: 100%; } /* display: table keeps the background centered */
#container { width: 940px; margin: auto auto; text-align: left; }

/* HEADER */
#container #header { position: relative; padding-top: 15px; height: 130px; clear: both;}
#container #header #logo { float: left; width: 164px; }
#container #header #img { float: left;  width: 770px; height: 73px; }

#container #header #navigation { float: left; width: auto; top: 107px; left: 170px; position: absolute; }
	#container #header #navigation ul { list-style: none; margin-top: 3px; }
	#container #header #navigation ul li { float: left; margin-left: 0px; margin-right: 2px; list-style-type: none; }
	#container #header #navigation ul li.CurrentItem, #container #header #navigation ul li.ParentCurrentItem { padding-bottom: 19px; background: url('../media/currentitem.gif') repeat-x bottom; }
	#container #header #navigation ul li a { padding:  5px 8px 5px 8px; color: #8c8c8c; text-decoration: none; font-size: 12px; }
	#container #header #navigation ul li a:hover { color: #2581b4; }
	#container #header #navigation ul li.CurrentItem a { color: #2581b4; }	
	#container #header #navigation ul {}	
		#container #header #navigation ul li ul { display: none; }

/* MIDDLE*/	

/* HOMPAGE */
#container #middle.homepage { padding-top: 5px; background: #FFF url('../media/shadowdevider.gif') no-repeat 656px; float: left; }
#container #middle.homepage #leftcol { float: left; width: 605px; padding: 20px; }

#container #middle.homepage #rightcol { float: left; margin-left: 42px; width: 232px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; }
#container #middle.homepage #rightcol #login { width: 212px; border: solid 1px #9dc1db; background-color: #f1f1f1; padding: 10px; margin-bottom: 10px; margin-top: 20px; }
#container #middle.homepage #rightcol #login .NormalTextBox { border: solid 1px #9dc1db; padding: 4px; height: 24px; }
#container #middle.homepage #rightcol .rightpane { margin-bottom: 14px; }
#container #middle.homepage #search { width: 212px; border: solid 1px #9dc1db; background-color: #f1f1f1; padding: 10px; margin-bottom: 20px; }
#container #middle.homepage #search .NormalTextBox { border: solid 1px #9dc1db; padding: 4px; width: 150px; margin-left: 6px; margin-right: 10px; height: 24px;  }

#container #middle.homepage #rightcol #login a.SkinObject:hover,
#container #middle.homepage #rightcol #search a.SkinObject:hover { text-decoration: underline; }

#container #middle.homepage #rightcol .map { border: solid 1px #9dc1db; }
#container #middle.homepage #rightcol iframe { border: solid 1px #9dc1db; }
#container #middle iframe { border: solid 1px #9dc1db; }


/* CONTENTPAGE */
#threeColumn { background: url('../media/threeColumnBG.jpg') repeat-y; color: #000; }
#threeColumn .contentLeftPane { float: left; width: 200px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; border-top: solid 1px #cccccc; }
#threeColumn .contentMiddlePane { float: left; width: 185px; padding: 5px; padding-left: 10px; border-top: solid 1px #cccccc; }
#threeColumn .contentRightPane { margin-left: 406px; border: none; width: 185px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border-top: solid 1px #cccccc; }

#container #middle.content { padding-top: 5px; background: #FFF url('../media/shadowdevider.gif') no-repeat 184px; float: left; width: 940px; }
#container #middle.fullWidth { padding-top: 5px; float: left; width: 940px; padding: 10px; padding-top: 20px; }
/* #container #middle.fullWidth { padding: 5px; background-image: none; background-color: #FFF; float :left; width: 940px; padding-top: 5px;} */
#container #middle.content #leftcol { float: left; width: 164px; } /* padding: 20px; */
#container #middle.content #leftcol #subnavigation { margin-top: 10px; margin-left:4px;}

#container #middle.content #leftcol #subnavigation ul li { list-style-type: none;  display: block; width: 157px; color: #063e61; text-decoration: none; border-bottom: 1px solid #cccccc; }
#container #middle.content #leftcol #subnavigation a { font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; display: block; padding: 10px 0px 10px 6px; }
#container #middle.content #leftcol #subnavigation a:hover { background-color:#F3F6F5;}
#container #middle.content #leftcol #subnavigation ul li ul { padding:0; margin:0;}
#container #middle.content #leftcol #subnavigation ul li ul li {display:none;}
#container #middle.content #leftcol #subnavigation ul li.First {border-top:1px solid #cccccc; }
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem,
#container #middle.content #leftcol #subnavigation ul li.CurrentItem { border-bottom:none;}
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem a,
#container #middle.content #leftcol #subnavigation ul li.CurrentItem a{ background-color: #00578e; border-bottom: 1px solid #cccccc; color:#ffffff; font-weight:bold;}
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem a:hover,
#container #middle.content #leftcol #subnavigation ul li.CurrentItem a:hover{ background-color: #00578e; border-bottom: 1px solid #cccccc; color:#ffffff; font-weight:bold;}
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem ul li,
#container #middle.content #leftcol #subnavigation ul li.CurrentItem ul li{ display:block; margin-left: 20px; width: 137px; border: none;}
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem ul li a,
#container #middle.content #leftcol #subnavigation ul li.CurrentItem ul li a{ background-color:#ffffff; color:#063e61; font-weight:normal; padding:10px 0px 10px 8px; }
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem ul li a:hover,
#container #middle.content #leftcol #subnavigation ul li.CurrentItem ul li a:hover{background-color:#F3F6F5;color: #063e61;}
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem ul li.Currentitem a{background-color:#799eb2; color:#ffffff; font-weight:bold;}
#container #middle.content #leftcol #subnavigation ul li.ParentCurrentItem ul li.Currentitem a:hover{background-color:#799eb2; color:#ffffff; font-weight:bold;}

#container #middle.content #rightcol { float: right; width: 740px; padding-top: 6px; padding-bottom: 20px; margin-left: 20px; }
#container #middle.content #rightcol .contentpane { padding-left: 6px; }
#container #middle.content #rightcol sup { line-height: 6px; }
#container #middle.content #rightcol .contentpane ul,
#container #middle.content #rightcol .contentpane ol { margin-left: 16px; }
#container #middle.content #rightcol .contentpane img { margin-right: 14px; }

/* #container #middle.content #rightcol label { width: 150px; display:block; float:left }
#container #middle.content #rightcol p input , #container #middle.content #rightcol p select  , #container #middle.content #rightcol p textarea  { width:200px }*/
.Eloket .intro { margin-bottom: 10px;}
.Eloket input, textarea { width: 350px; margin: 2px; }
.Eloket .checkbox input { margin-left: 0px; width: 20px; border: solid 0px black;} /* margin-left: 130px;*/
.Eloket fieldset{border:1px solid #cecece; padding:10px; margin-bottom: 10px;}
.Eloket legend{ padding: 0 10px; font-size:14px; }
.Eloket label,
.Eloket .person .fieldName { float: left; width:120px;	margin-right:10px; display:block;  text-align:left; }
.Eloket label.checkbox { float: none; display: inline;}
.Eloket .person input { width: 150px; margin-right: 8px;}
.Eloket p {clear:both; margin: 10px 0;}
.Eloket .labelHeader { margin-left: 132px;}
.Eloket .labelHeader .personLabelLeft,
.Eloket .labelHeader .personLabelCenter,
.Eloket .labelHeader .personLabelRight { float: left; width: 155px; }
.Eloket .radiobuttonList input { width: 20px;}
.Eloket .radiobuttonList label { float: none; display: inline;}
.Eloket .login { }
.Eloket .userInfo { }
.Eloket a.button { }


#container #middle.admin .contentpane { padding: 20px; }

/* FOOTER */
#container #footer { clear: both; border-top: solid 1px #cccccc; padding-left: 20px; padding-right: 20px; padding-top: 10px; }
#container #footer li { list-style-type: none; font-size: 11px; }
#container #footer li.left { float: left; }
#container #footer li.right { float: right; text-align: right; }

/* LOGIN */
/* Inlog Styling */
#dnn_ctr2341_Login_Login_DNN_plUsername_imgHelp, #dnn_ctr2341_Login_Login_DNN_plPassword_imgHelp
{
	display: none;
}

#login .SubHead { height: 16px; }
#login .NormalTextBox { margin-bottom: 6px; }
#dnn_ctr2341_Login_Login_DNN_cmdLogin { margin-bottom: 6px; }
#dnn_ctr2341_Login_chkCookie { margin-right: 6px; }
#dnn_ctr2341_Login_pnlLogin span { color: #274358; font-family: font-family: Arial, Helvetica, sans-serif; }
#dnn_ctr2341_Login_cmdPassword { font-family: font-family: Arial, Helvetica, sans-serif; color: #274358; }
#dnn_ctr2341_Login_cmdPassword { /* display: none; */ }
