html{min-height: 100%; margin-bottom: 1px;}
* { outline: 0; margin: 0; padding: 0; border: 0; }

body
{
background:url(/hblack/images/bg1.jpg);
background-color: #fff;
background-repeat: repeat-y;
background-position:center top;
color: #666;
font-family: Arial, helvetica, Calibri, sans-serif;
font-size: 11pt;
border: none;
margin: 0;
padding: 0;
}

a:link { color: #333; font-weight: normal; text-decoration: none; }
a:visited { color: #666; font-weight: normal; text-decoration: none; }
a:hover { color: #999; font-weight: normal; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, th
{ text-align: left; font-weight: bold; margin-bottom: 0px; padding: 0px; }

h1 { font-size: 18px; color:#666; }
h2, h3, h3 a { font-size: 12px; color: #666; padding:15px; border-bottom:1px solid #eee; }
h4 { font-size: 12px; }
h2,h3,h4,h5 { margin-bottom: .5em; }

p { line-height: 1.4em; margin: 0; padding: 0; margin-bottom: .5em; }
ul, ol, dl, li, dd { line-height: 1em; margin: 0; padding: 0; margin-bottom: .5em; margin-left:1.5em; }
blockquote { font-size: 11px; line-height: 18px; padding: 5px 0 5px 10px; border-left: 2px solid #ddd; }
img { padding: 3px; background-color: #ccc;}
object { padding: 3px; background-color: #fff; }
hr { color: #123456; }


.clear {clear:both;}

/***Layout ***/

#head
{
padding: 10px 0px 10px 0px;
color: #000;
width: 760px;
margin: 0px auto 0 auto;
background-color:#000;
margin: 0px auto 0 auto;
border-top:15px solid #000;
}

#head h1{padding:0px 20px 5px 20px;}
#head .search {padding:5px 20px 5px 20px;}
#head a, #head a:link, #head a:visited, #head h1 {color: #eee;}

/****Round corners ****/

.rbtop1 { background: url(/hblack/images/corners/tl.gif) no-repeat top left; }
.rbtop1 div { background: url(/hblack/images/corners/tr.gif) no-repeat top right; }
.rbbot1 div { background: url(/hblack/images/corners/bl.gif) no-repeat bottom left; }
.rbbot1 { background: url(/hblack/images/corners/br.gif) no-repeat bottom right; }

.rbtop1 div, .rbtop1, .rbbot1 div, .rbbot1 { width: 100%; height: 7px; font-size: 1px; }
.rbcontent { margin:0}
.rbroundbox { width: 100%; margin: 0 }

#container { width: 99%; margin: 0px auto 0 auto;}
#centre { width: 760px; padding: 0; margin: 0 auto 0 auto; background-color:#fff; }
.bodyclass a{color:#cc0000}
#right, #left { width: auto; padding:0; margin: 0px;}
#right {float: right;}
#left {float: left;}

/****Acordeon ****/

.menutitle
{
border-top: 1px solid #ccc;
cursor: pointer;
margin-bottom: 0;
background-color: #000;
color: #eee;
width: 100%;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: bold;
height:17px;
}

.menutitlex
{

border-top: 1px solid #ccc;
cursor: pointer;
background-color: #000;
color: #eee;
width: 100%;
padding: 2px 0px 0px 0px;
text-align: center;
font-weight: bold;
height:17px;
}

.footer
{
border-top: 1px solid #ccc;
background-color: #000;
width: 100%;
padding: 0 0px 0px 0px;
text-align: center;
font-weight: normal;
font-size:10px;
color: #eee;
border-bottom:25px solid #000;
}

.home
{
border-top: 1px solid #ccc;
background-color: #000;
width: 100%;
padding: 2px 0px 0px 0px;
font-weight: bold;
color: #eee;
height:17px;
}


.home a {color: #eee;}
.submenu { border-bottom: 0; padding-left:0px; }

/**** other styles ***/

.clearhr hr { clear: both; }
.notes { list-style: decimal inside; border: 0;}


/*** forms ***/

.cform1, .cform2 { border: 1px solid #eee; padding: 0; margin: 10px auto 0 auto; width:94%; }

#cform
{
background-color: #000;
padding: 30px 0px 30px 0px;
margin: 0;
width:100%;
color:#fff;
margin-top:0px;
margin-bottom:0px;
}

head:first-child+body #cform { margin-top:-10px; margin-bottom:-20px; }
#cform label { float: left; width: 9em; vertical-align: top; line-height: 14px; padding-left: 3px; }

#cform #remember{float:left;}
#cform p{clear:both;}

#cform p.expl { font-size: 12px; padding: 0 10px 0 10px; border-left: 15px solid #cc0000; line-height: 14px; }


select, textarea, input { font-size: 12px; background: #eee; color: #000; border: 1px solid #ccc; }

.disabled{display:none;}


/*** ***/

.cform1
{
background-color: #fff;
width:46%;
float:left;
margin-left:10px;
}
.cform2
{
background-color: #fff;
text-align: right;
margin-left: 17px;
margin-right: 10px;
margin-top: 20px;
padding: 10px 3px 7px 10px;
border: 1px solid #eee;
clear: both;
}


.floatimg
{
float:left;
margin: 0 10px 5px 0px;
text-align: right;
color: #3D3937;
width: 220px;
border-right:3px solid #666;
padding-right:5px;
}
.floatimgr
{
float:right;
margin: 0 10px 5px 0;
text-align: right;
color: #3D3937;
width: 200px;
}

.divide{ margin: 10px auto 0 auto; width:100%;}

/*** Gallery ***/

.gallery { clear: both; }

.gallery dl {
text-align: center;
padding: 10px;
float: left;
margin: 5px;
width: 200px;
height: 240px;
min-height: 200px;
border: 1px solid #ccc;
}


.gallery dt { margin: 0; padding: 0; }
.gallery dt img { border: 1px solid #eee; }

.gallery dd {
margin: 5px 0 0 0;
padding: 0;
font-weight: bold;
font-size: 11px;
line-height: 1.2em;
color: #666;
}

.gallery dd a { color: #cc0000; }

/*** Comments ***/

.comments, .commentsdisplay{ clear:both; background-color:#000; padding-bottom:10px; margin-bottom:-10px; }

#centre .comments li, .commentsdisplay {
list-style:none; 
border:0;
padding:5px;
width:100%;
margin: 0;
color:#fff;
}
#centre .comments li a, .commentsdisplay a {color:#fff;}

.line{border-top:solid red 1px;margin:10px auto 0 auto;width:50%;}

/*** Lightbox ***/

#lightbox{
text-align:center;
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
border-left: 2px solid #ccc;
border-top: 2px solid #ccc;
}
 #lightboxDetails{
font-size: 13px;
padding-top: 15px;
width:400px;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 0px; right: 0px; }
#lightbox img{ 
border: none; 
clear: both;
}
#overlay img{ 
border: none; }
#overlay{ 
background-image: url(/images/overlay.png); }
* html #overlay{background-color: #333;
back\ground-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");


/* hide rule from IE5-Mac \*/
.floatimg, .floatimgr
{
width: auto;
}
head:first-child+body #cform{margin-top:0;}

/* End IE5-Mac hack */
