body {
background: #EEEEEE;
color:#434343;
}

#top_panel {
background:#000000;
width:100%;
}

#wrapper {
background:transparent url(images/topframe.png) no-repeat;
width:920px;
margin: 10px auto;
padding-top:15px;
}

#inner_wrapper {
background:#FFFFFF;
padding:0 20px;
width:880px;
}

#header {
height:140px;
width:920px;
margin: 0 auto;
}

#content {
float:left;
width:730px;
}


#board {
float:right;
width:150px;
height:300px;
background:transparent url(images/board_frame.png) no-repeat;
}

#board_inner {
margin-top:30px;
overflow:auto;
border:1px solid #bbbbbb;
}

#ads a img {
padding:10px 10px 10px 12px;
}

#logo {
float:left;
width:400px;
height:120px;
background:transparent url(images/hcc_logo.png) no-repeat;
margin:10px 0 0 20px;
}

#logo h1 {
display:block;
text-indent:-9999px;
}

#caption {
float:right;
width:480px;
}

#description h2 {
padding:35px 0 0 0;
color:#FFFFFF;
}

#content h4 {
padding:8px 0 0px 250px;
color:#eeeeee;
}

#outer_container {
background:transparent url(images/tableframe.png) no-repeat;
}

#table_container{
width:702px;
border-bottom:1px solid #bbbbbb;
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
padding:6px 4px 4px 4px;
}

#items {
border:1px solid #EEEFFF;
position:relative;
}

#items tr {
text-align:center;
height:30px;
background:transparent url(images/trbg.jpg) repeat-x;
height:52px;
}

#items tr td {
border-right:1px solid #DDDDDD;
}

#items .firstrow {
background:transparent url(images/thbg.jpg) repeat-x;
color:#EEEEEE;
height:30px;
}

.card_logo {
border-bottom:1px solid #DDDDDD;
}

.dsc {
font-size:12px;
}

#footer {
margin:10px 0 0px 0;
}

#inner {
padding:20px 0 10px 100px;
font-size:9px;
}

#wrap_footer{
background:transparent url(images/bottomframe.png) no-repeat;
padding-bottom:20px;
}

/*About page*/
#about {
padding:20px 10px 0 15px;
}

#about p {
padding-bottom:15px;
}

/*end about page*/

/*Start contact page*/
#contact {
padding:20px;
}

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color: black; 
font: 13px Verdana;
padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 
background: white;
padding:5px;
color: #333333; 
font: 11px Verdana, Helvetica, Arial, sans-serif;
-moz-border-radius: 3px;
margin-bottom:20px;
}

.textbox {
height:20px;
padding:4px 0 2px 0;
}

#message {
height:120px;
width:250px;
}

#note {
border:1px solid #434343;
padding:10px;
margin:25px;
}

/* Label */
label  { width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left; }

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 
color: #333333; 
font: 11px Verdana, Helvetica, Arial, sans-serif;
-moz-border-radius: 3px;
}

br { clear: left; }
/*End contact page*/

/*general suff*/

.clear {
clear:both;
}

* {
margin: 0; padding:0px;
}

a img {
border:none;
}

/*end general stuff*/

/*Start lavalamp*/
.lavaLampBottomStyle {
        position: relative;
        height: 34px;
        width: 260px;
        padding: 10px 10px 10px 200px;
        margin: 0px 10px 0px 10px;
        overflow: hidden;
        }
.lavaLampBottomStyle li {
        float: left;
        list-style: none;
        }
.lavaLampBottomStyle li.back {
         border-bottom: 7px solid #FEB602;
         width: 9px;
         height: 25px;
         z-index: 8;
         position: absolute;
        }
.lavaLampBottomStyle li a {
        font:14px arial;
        text-decoration: none;
        color: #FFF;
        outline: none;
        text-align: center;
        top: 7px;
        text-transform: uppercase;
        letter-spacing: 0;
        z-index: 10;
        display: block;
        float: left;
        height: 30px;
        position: relative;
        overflow: hidden;
        margin: auto 10px;
                    }   
					
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
        border: none;
                        }                                
/*end lavalamp*/
/*Start hover*/
.hovertip {
    position: absolute;
    padding: 10px 13px;
    z-index: 2;
    max-width: 500px;

    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #DECA7E;

    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
/*End hover*/