@charset "UTF-8";
/* RESET
--------------------------------------------------------------------------------------- */
* {margin:0;padding:0;}
html, body {height: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing: 0;}fieldset,img{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border: 0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; resize: none;outline:none;}legend{color:#000;}
body {font-family:"helvetica neue",arial,sans-serif;font-size:10px;color:#211922;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;}
.clear { clear:both;}
* { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } 
.transform {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;	
}
/* STRUCTURE
--------------------------------------------------------------------------------------- */
html, body {height: 100%;}
#wrap {min-height: 100%;}
body {
	font-size:16px;
	line-height:1.5;
	color:#444;
	background: #f7f5f5 url(/img/www/bg.jpg) repeat;
}
.guestBg { margin-bottom:-60px;}
a { text-decoration:none;color:inherit;}
#container { margin-bottom: 160px; }
.noscroll { overflow: hidden !important; }
/* HEADER
--------------------------------------------------------------------------------------- */
#header { position:relative;top:0px;left:0px;height:200px;width:100%; }
.blackbar { position:absolute;top:102px;height:60px; width: 100%; background: url(/img/www/navbar.gif); }
.blackbar span { position:relative;top:10px;left:240px; color:#fff;font-size:24px;font-weight:100;letter-spacing:2px;}
.dklvlogo { position:absolute;top:0px;left:50px;width:175px; height:175px; background:url(/img/www/dklv.png);z-index:1;}  
#header span.welcome { padding-right:20px;}
#submenu { list-style:none;display:table;position:absolute;top:162px;left:250px;}
#submenu li { display:table-cell;width:auto;padding:0 10px 0 10px;font-size:20px;line-height:38px;font-weight:300;text-align:center;height:38px;}
#submenu a { color:inherit;}
#submenu li a.hover { text-decoration:underline !important;}
#submenu li.active { color:white !important;background:#9b3c8c;}
/* CONTENT
--------------------------------------------------------------------------------------- */
#main {overflow:auto;padding:0px 50px 30px 50px;}  /* padding-bottom must be same height as the footer */
.stickynote {
font-size:26px;
width:400px; height:300px;
background:#fefabc; 
padding:15px; 
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 4px 6px #333;
-moz-box-shadow: 0px 4px 6px #333;
-webkit-box-shadow: 0px 4px 6px #333;
position:relative;top:10px;
left:50%;margin-left:-200px;}
.stickynote a { color:blue;}
.stickynote a:hover { text-decoration:underline;}
.rotated {-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);}