/* Style sheet haLayout */
html{height:100%;}
body{text-align:center;color:#333333;background: #FFFFFF url(img/bg.gif) repeat-x 0 0;font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;min-width: 780px;}
p,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,textarea,blockquote,pre,table{margin: 0 0 .8em 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#5F5F5F;background: transparent;letter-spacing: .1em;}
#content{border-right:1px solid #333333;border-left:1px solid #333333;background: #FFFFFF;}
#content h1,h2{font-size:1.4em;}
#content h3{font-size:1.2em;}
#content h4{font-size:1em;}
#content h5{font-size:0.8em;}
#content h6{font-size:1em;}
#content .small{font-size:0.6em;}
#content-b h3{width:auto;height:15px;overflow:hidden;}
#pageheader{width:auto;height:15px;overflow:hidden;}
a img{}
a:link{color:#333333;background: transparent;}
a:visited,a:hover,a:focus,a:active{color:#000000;background: transparent;}
#content ol{list-style-type:lower-roman;list-style-position: inside;}
#content ul{margin:5px 0 10px 20px;padding:0;list-style-image:url("url(img/"li_bullet.gif")");}
#content ul li{margin:0;padding:0 0 3px 3px;}
#content ul li h1{margin:0;padding:0;font-size:1.2em;}
#content dt{font-weight:bold;}
.listEntry{clear:both;display:block;padding-top:10px;}
label{display:block;font-size:.9em;color:#999999;background: transparent;}
label span{font-size:.8em;color:#999500;background: transparent;text-transform: uppercase;}
input,textarea,select{margin-top:.5em;padding:2px;border:1px solid #DDDDDD;color:#666666;background: transparent url(img/form_inputtext.jpg) repeat-x 0 0;font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;}
#contactform table td{padding: 0 10px .5em 0;}
#contactform-name,#contactform-email,#contactform-subject,#contactform-message{width:200px;}
#contactform-subject,#contactform-message{width:427px;}
#contactform-message{height:140px;}
input.imagesubmit{margin:0;padding:0;}
blockquote{font-style: normal;text-indent: -.7em;}
blockquote cite{display:block;font-style: normal;margin: .8em 0 0 .6em;}
code,pre,var{color:#5F5F5F;background: transparent;font: 1em Pragmata, "Courier New", Courier, monospace;}
pre{width:443px;height:auto;overflow:auto;border:1px solid #DDDDDD;font-size:.8em;/**/ padding: 4px;}
pre.php{color:#B22222;}
pre.php span.comment{color: #FFA500 !important;}
pre.php var{color:#333333;}
pre.html span.comment{color: #999999 !important;}
kbd{color:#000000;background: transparent;font: 1em Pragmata, "Courier New", Courier, monospace;}
del{color:#DDDDDD;background: transparent;}
ins{text-decoration:underline;color:#333333;background: transparent;}
p.note-warning{padding:2px 4px 2px 34px;border:1px solid #FF6347;font-size:.9em;color:#666666;background: transparent;}
p.note-general{padding:2px 4px 2px 34px;border:1px solid #999500;font-size:.9em;color:#666666;background: transparent;}
p.note-general{background: url(img/note_general.gif) no-repeat 8px 50%;}
p.note-warning{background: url(img/note_warning.gif) no-repeat 8px 50%;}
#wrapper-a{width:auto;background: transparent url(img/wrapper-a.jpg) repeat-x 0 0;}
#wrapper-b{width:780px;margin:0 auto;text-align:left;background: transparent url(img/wrapper-b.gif) repeat-y 0 0;}
#heading{width:780px;height:202px;position:relative;background: url(img/heading_background.jpg) #FFFFFF no-repeat 0 0;}
#heading h1{left:280px;top:84px;position:absolute;}
#heading h6{left:230px;top:178px;position:absolute;font-size:1em;color:#FFFFFF;}
#heading-intro{width:200px;left:500px;top:104px;position:absolute;padding-left:10px;border-left:1px solid #91C1E5;color:#EEEEEE;background: transparent;}
#heading h1 a{width:303px;height:70px;overflow:hidden;display:block;background: transparent url(img/hifialex.gif) no-repeat 0 0;text-indent: -9999px;}
#heading h6 a{color:#FFFFFF;}
#heading h2,#heading-skipnav{left:-9999px;position:absolute;overflow:hidden;}
#content-a{width:540px;float:left;font-size:1.2em;}
#content-b{width:230px;float:left;font-size:1em;}
#content-c{clear:both;}
#content-a-inner{padding:8px 9px 8px 18px;}
#content-b-inner{padding:8px 18px;}
#content-b-inner div{margin-bottom:.8em;}
#content-c-inner{margin: 0 0 .5em 0;padding: 0 18px;}
ul#nav-b li{display:inline;margin-left:5px;padding:0;background: none;}
#nav-b li a{padding:3px 4px 3px 20px;border:1px solid #DDDDDD;text-decoration:none;font-size:.9em;color:#999999;}
#nav-b li a:hover,#nav-b li a:focus,#nav-b li a:active{color:#666666;}
#totop a{background: url(img/totop.gif) no-repeat 4px 50%;}
#footer{text-align:center;background: url(img/footer.jpg) no-repeat 50% 0;padding: 20px 0 15px 0;}
#footer p{font-size:.8em;color:#EEEEEE;line-height:1em;background: transparent;margin: 0 0 .4em 0;text-transform: uppercase;}
#footer a:link,#footer a:visited{border-bottom:1px dotted #EEEEEE;text-decoration:none;color:#91C1E5;background: transparent;}
#footer a:hover,#footer a:focus,#footer a:active{color:#FFFFFF;background: transparent;}
#nav-a{width:355px;left:400px;top:30px;position:absolute;text-align:right;}
#content-randomimage img{margin:0;padding:1px;border:1px solid #91C1E5;}
#content-randomimage p{font-size:.8em;color:#999999;background: transparent;margin: 0 0 .8em 0;text-transform: uppercase;}
.content-thumbnail{padding:1px;border:1px solid #DDDDDD;}
.float-left{float:left;margin-right:10px;}
.float-right{float:right;margin-left:10px;}
.lightboxpix{font-size:9px;}
@media print{color:#333333;background: #FFFFFF;font: 8pt Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6,code,pre{color:#333333;}
h1,h2{font-size:10pt;}
h3{font-size:9pt;}
h4,h5,h6{font-size:8pt;}
abbr,acronym{}
abbr:after,acronym:after{content: ' (' attr(title) ') ';}
a{text-decoration:none;color:#333333;}
#nav-a,#nav-b,#heading-skipnav,#heading-intro,form{display:none;}
#heading{border-bottom:2px solid #666666;}