/*********************************************************
**********************************************************

    Name:    HCLC
    Date:    10/06

**********************************************************
*********************************************************/

body{
    margin: auto;
    margin-top: 15px;
    background-color: #336699;
}

div.outer_wrapper{
    background: url(img/center.gif) repeat-y 0 0;
    width: 827px;
    margin: auto;
}

div.top{
    background: url(img/curve_top.gif) no-repeat 0 0; 
    height: 11px;
    width: 832px;
    margin: auto;
}

div.wrapper{
    margin: auto;
    width: 797px;
    background-color: #D6D6D6;
}

div.main_header{
    background: url(img/header.gif) no-repeat 0 0;
    float: left;
    width:  477px;
    height: 188px;
    padding-top: 0px; 
}

div.sub_header{ 
    background: url(images/header_image_ani.gif) no-repeat 0 0;
    float: right;
    width: 320px;
    height: 188px; 
}

div.header_wrapper{ 
    margin-top: 1px;
    color: #fff;
    border-top: 2px solid #000;
    border-bottom: 0px;
    text-decoration: none;
    font: bold .75em Verdana, Arial, Helvetica, sans-serif;
}

div.navigation1{
    background: url(img/nav_bg_top.jpg) no-repeat 0 0; 
    display: block;
    border-top: 0px solid #fff; 
    width: 797px;
    height: 30px;
    top: 0px;
}

div.navigation1 div{
    height: auto !important; height: 1%;
}

div.navigation1 ul{
    margin: 0;
    padding: 0;
}

div.navigation1 ul:after{
    content: ".";
    display: block;
    visibility: hidden; 
    height: 0;
    font-size: 1px;
    clear: both;
}

div.navigation1 ul li{
    margin-top: 6px;
    list-style-type: none;
    float:left;
} 

div.navigation1 ul li.last_nav_item1{
}

div.navigation1 ul li a{    
    white-space: nowrap;
    position: relative;
    padding: 0 10px 0 10px;
    display: block;
    color: #fff; 
    border-bottom: 5px;
    text-decoration: none; 
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

div.navigation1 ul li a:hover{
    color: #000;
    border-bottom-color: #2E3134;
}


div.navigation2{
    background: url(img/nav_bg_bot.jpg) no-repeat 0 0;
    border-top: 0px solid #fff;
    width: 797px;
    height: 30px;
    clear: both;
}

div.navigation2 div{
    height: auto !important; height: 1%;
}

div.navigation2 div:after{
    content: "."; 
    display: block;
    visibility: hidden; 
    height: 0;
    font-size: 1px;
    clear: both;
}

div.navigation2 ul{
    margin: 0;
    padding: 0;
}

div.navigation2 ul:after{
    content: ".";
    display: block;
    visibility: hidden;
    height: 0; 
    font-size: 1px;
    clear: both;
}

div.navigation2 ul li{
    margin-top: 6px;
    list-style-type: none;
    float:left;
}

div.navigation2 ul li.last_nav_item{
}

div.navigation2 ul li a{    
    white-space: nowrap;
    position: relative;
    padding: 0 9px 0 9px;
    display: block;
    color: #fff;
    border-bottom: 5px; 
    text-decoration: none;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif; 
}

div.navigation2 ul li a:hover{
    color: #000;
    border-bottom-color: #2E3134; 
}

div.pagetitle{ 
	color: #000;
	text-decoration: none;
    font: bold 16px Verdana, Arial, Helvetica, sans-serif; 
    margin: 0px;
}

div.content{ 
    background-color: #D6D6D6;
    padding-left: 15px; 
    padding-right: 5px;
    padding-top: 10px; 
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    float: left; 
    width: 772px;
    height: auto !important; height: 1%; 
}

div.content ul li{ 
    margin: 10px; 
}

div.content hr{ 
    margin-top: 0px; 
}

div.content h5{ 
    margin-top: 0px; 
}

div.content:after{ 
    content: ".";
    display: block; 
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

div.content_home{ 
    background-color: #D6D6D6;
    padding-left: 5px; 
    padding-right: 5px;
    padding-top: 10px; 
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    float: right; 
    width: 540px;
    height: auto !important; height: 1%; 
}

div.content_home:after{ 
    content: ".";
    display: block; 
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

div.scrollercontent{
    float: left;
    padding: 0px 0px 0px 0px;
    width:  500px;
    height: 100px;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    * html  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

div.scrollercontent1{
    float: left;
    padding: 20px 20px 0px 5px;
    width:  240px;
    height: 120px;
    text-decoration: none;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    * html  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

div.calendarcontent{ 
    float: right;
    padding: 20px 5px 0px 20px;
    width: 230px;
    height: 150px; 
    text-decoration: none;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    * html  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

div.lefttab{
    float: left;
    width:  232px;
    height: 550px;
    padding-left: 15px; 
    padding-top: 15px;
    margin-top: 0px; 
}

a.lefttab1 , a.lefttab2 , a.lefttab3 , a.lefttab4 , a.lefttab5 , a.lefttab6 , a.lefttab7 { 
	text-indent: -50000px;
    display: block;
    width:  183px; 
    height: 48px;
    margin-bottom: 12px;
}
a.lefttab1{ 
    background: url(img/left_tab1.gif) no-repeat 0 0;
}
a.lefttab2{
    background: url(img/left_tab2.gif) no-repeat 0 0;
}
a.lefttab3{
    background: url(img/left_tab3.gif) no-repeat 0 0;
}
a.lefttab4{
    background: url(img/left_tab4.gif) no-repeat 0 0;
}
a.lefttab5{
    background: url(img/left_tab5.gif) no-repeat 0 0;
}
a.lefttab6{
    background: url(img/left_tab6.gif) no-repeat 0 0;
}
a.lefttab7{
    background: url(img/left_tab7.gif) no-repeat 0 0;
}
a.lefttab1:hover , a.lefttab2:hover , a.lefttab3:hover , a.lefttab4:hover , a.lefttab5:hover , a.lefttab6:hover , a.lefttab7:hover { 
	background-position: 0 -48px;
}

div.bodybottom{
    height: 40px;
    clear: both;
}

div.bottom{
    background: url(img/curve_bot.gif) no-repeat 0 0;
    width: 827px;
    height: 11px;
    margin: auto;
    clear: both;
}

div.footer{
    height: 11px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 50px;
    color: #999;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    clear: both;
}