body{
margin: 0px;
width:100%;
height:100%;
background: #666666;
overflow:hidden;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 14px;
color: #dddddd;
}
a:focus { outline: none;}
a:link { color: #cccccc; text-decoration:none;  }
a:visited { color: #cccccc; text-decoration:none; }
a:hover { color: #ffffff; text-decoration:none; }
a:active { color: #ffffff; text-decoration:none; }

ul{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 34px;
list-style: url('nav/arrow_black.gif');
color: #CA996D;
margin: 0px;
padding: 17px;
}

li{ margin-left:4px; }
li:link, li:visited{ color: #666666; list-style: url('nav/arrow_black.gif'); }
li:hover, li:active{ color: #000000; list-style: url('nav/arrow_white.gif'); }
.headline{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 18px;
}

.subhead{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 14px;
}

.small{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: normal;
line-height: 10px;
}
.navLink{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 34px;
color: #CA996D;
}
.navLink:link, .navLink:visited{ color: #666666; }
.navLink:hover, .navLink:active{ color: #000000; }

.selected{ margin-left:4px; list-style: url('nav/arrow_white.gif'); }

.selected:link, .selected:visited{ color: #666666; list-style: url('nav/arrow_white.gif'); }
.selected:hover, .selected:active{ color: #000000; list-style: url('nav/arrow_black.gif'); }

#drawer{
position:relative;
display:block;
top:0px;
left:0px;
width:1024px;
background:#000000;
text-align:left;
}

#leftFrame{
position:relative;
float:left;
width:190px;
height:100%;
background:#ffffff;
text-align:left
}

#greyBar{
position:absolute;
top:0px;
left:0px;
width:14px;
height:100%;
background:#666666
}

#logoHead{
position:absolute;
display:block;
top:0px;
left:0px;
width:100%;
height:50px;
background:#666666 url('nav/huk_logo.gif')
}

#leftNav{
position:absolute;
top:100px;
left:0px;
width:190px;
height:300px;
}

#titleBar{
position:relative;
float:left;
width:100%;
height:30px;
top:20px;
left:0px;
}
#tb_inlet{
position:relative;
margin-top:11px;
margin-left:40px;
font-size:13px;
font-weight: bold;
}

#handle{
position:relative;
display:block;
top:0px;
left:0px;
width:100%;
height:50px;
background:url('nav/griff_3.gif') no-repeat center;
}

#logo{
position:relative;
display:none;
top:40px;
left:0px;
width:100%;
height:50px;
background:url('nav/huk_logo.gif') no-repeat center
}

.drawerfront{
position:relative;
display:block;
width:100%;
height:20px;
background:#8d95a5 no-repeat center bottom url('nav/handle_small.gif');
margin-top:10px;
font-weight: bold;
font-size: 12px;
line-height: 13px;
margin-right:10px;
}
.drawerfront:link, .drawerfront:visited{ color: #000000; }

/* SLIDESHOW */
.df_inlet{
margin-left:40px;
padding-top:3px;
margin-right:10px
}

.arrowBack{
position:relative;
float:left;
display:block;
width:13px;
height:15px;
margin-top:5px;
margin-right:10px;
background-repeat: no-repeat;
}

.arrowBack:link, .arrowBack:visited { background-image:url('nav/arrowBack_n.gif'); }
.arrowBack:hover, .arrowBack:active { background-image:url('nav/arrowBack_h.gif'); }
.arrowFore{
position:relative;
float:left;
display:block;
width:13px;
height:15px;
margin-top:5px;
background-repeat: no-repeat;
}

.arrowFore:link, .arrowFore:visited { background-image:url('nav/arrowFore_n.gif'); }
.arrowFore:hover, .arrowFore:active{ background-image:url('nav/arrowFore_h.gif'); }

/* HMENU */

.hmenu{ position:relative; margin-right:10px; float:left; font-weight:normal; }
.hmenu:link, .hmenu:visited { color:#ffffff; }
.hmenu:hover, .hmenu:active{ color: #cccccc; }
/* LEFT MENU */

.subMen{
position:relative;
font-size:10px;
line-height:18px;
margin:0px;
}

.subMen:link, .subMen:visited{ color:#666666 }
.subMen:hover, .subMen:active{ color:#000000 }
.subMen .sel{ font-weight:bold; }

.subMen_sel{
position:relative;
font-size:10px;
line-height:18px;
margin:0px;
font-weight:bold;
}

.subMen_sel:link, .subMen_sel:visited{ color:#111111 }
.subMen_sel:hover, .subMen_sel:active{ color:#000000 }


/* LETTER CASE STYLES */

.small_third{
position:relative;
float:left;
width:29%;
height:97%;
background-color:#555555;
margin-top:1%;
margin-left:1%;
}
.big_third{
position:relative;
float:left;
width:38%;
height:97%;
background-color:#555555;
margin-top:1%;
margin-left:1%;
}

.fifths{
position:relative;
width:100%;
height:19.5%;
border-bottom:6px solid #333333;
}
.halfs{
position:relative;
width:100%;
height:48%;
border-bottom:5px solid #333333;
}

.v_thirds{
position:relative;
width:100%;
height:33.1%;
border-bottom:5px solid #333333
}

.thirds_small{
position:relative;
float:left;
width:32%;
height:100%;
border-right:5px solid #333333
}

.half_small{
position:relative;
float:left;
width:48%;
height:100%;
border-right:5px solid #333333
}
.quarters{
position:relative;
float:left;
width:23.5%;
height:100%;
border-right:5px solid #333333
}
.lcLink{ position:relative;float:left;display:block; }
#lc1{ width:48.5%;height:33%;border-right:5px solid #333333;border-bottom:5px solid #333333 }
#lc1:link, #lc1:visited{ background:#000000 url('nav/lc_std.jpg') top center; }
#lc1:hover, #lc1:active{ background:#000000 url('nav/lc1.jpg') top center; }
#lc2{ width:50%;height:33%;border-bottom:5px solid #333333 }
#lc2:link, #lc2:visited{ background:#000000 url('nav/lc_std.jpg') top center; }
#lc2:hover, #lc2:active{ background:#000000 url('nav/lc2.jpg') top center; }

#lc3{ width:48.5%;height:33%;border-right:5px solid #333333;border-bottom:5px solid #333333 }
#lc3:link, #lc3:visited{ background:#000000 url('nav/lc_std.jpg') top center; }
#lc3:hover, #lc3:active{ background:#000000 url('nav/lc3.jpg') top center; }

#lc4{ width:50%;height:33%;border-bottom:5px solid #333333 }
#lc4:link, #lc4:visited{ background:#000000 url('nav/lc_std.jpg') top center; }
#lc4:hover, #lc4:active{ background:#000000 url('nav/lc4.jpg') top center; }
#lc5{ width:48.5%;height:33%;border-right:5px solid #333333;border-bottom:5px solid #333333 }
#lc5:link, #lc5:visited{ background:#000000 url('nav/lc_std.jpg') top center; }
#lc5:hover, #lc5:active{ background:#000000 url('nav/lc5.jpg') top center; }
#lc6{ width:50%;height:33%;border-bottom:5px solid #333333 }
#lc6:link, #lc6:visited{ background:#000000 url('nav/lc_std.jpg') top center; }
#lc6:hover, #lc6:active{ background:#000000 url('nav/lc6.jpg') top center; }
.pageFore{
position:relative;
top: 50px;
display:block;
clear:both;
width:100%;
text-align:right;
}

/* CMS STYLES */

.pictleft {
margin: 0 10px 5px 0;
clear: left;
}

.pictright {
margin: 0 0 5px 10px;
clear: right;
}
.nopeleft {
margin: 0 20px 5px 0;
clear: left;
margin-bottom: 10px;
}
.noperight {
margin: 0 0 5px 20px;
clear: right;
margin-bottom: 10px;
}
.clearAll {
float:none;
margin: 0 0 5px 20px;
clear: both;
margin-bottom: 10px;
}

.frame {
clear:left;
float:none;
border-style: solid;
border-color: #FCCD8C;
border-width: 1px;
margin-bottom: 10px;
}

.noframe {
clear:left;
float:none;
margin-bottom: 10px;
}

.linkno {
position:relative;
float:left;
}

.linkclear {
position:relative;
float:left;
clear:both;
margin-bottom:20px;
}
.colBox{
position:relative;
width:180px;
top:0px;
left:0px;
float:left;
margin-right:50px;
}

/* GALLERY STYLES */

.thumb{
position:relative;
display:block;
width:20px;
height:20px;
margin-bottom:7px;
margin-left:10px;
}