
body {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#002760;
}

a:active, a:focus {outline: 0;}
h1,h2,h3,h4,h5,h6,ul,li,p,div,br {padding:0px; margin:0px;}
div {line-height:normal;}
img{border:0px;}

/* Div id home page */
#outer-container{
width:826px;
margin:0 auto;
font: normal 12px/1.3em Arial;color:#000000;
}

#header{
width:826px;
height:197px;
float:left;
clear:both;
background:url('images/hanrob-head-right.jpg') no-repeat right top;
}

#hanrob-logo{
width:271px;
height:197px;
float:left;
clear:left;
}
#head-middle{
width:308px;
height:197px;
float:left;
}

#overall-content{
width:826px;
margin:0 auto;
float:left;
clear:left;
}

.left-rep{background:url('images/left-rep.jpg') repeat-y left top;}
.right-rep{background:url('images/right-rep.jpg') repeat-y left top;}

#content-holder{
width:772px;
margin:0 auto;
float:left;
clear:left;
}

#left-data{
width:239px;
float:left;
clear:left;
background:url('images/1pxlexft-expand.jpg') repeat-y left top;
}

#left-top{
width:239px;
height:64px;
float:left;
clear:left;
background:url('images/left-top-menu.jpg') no-repeat left top;
}

#vmenu{
width:239px;
height:237px;
float:left;
clear:left;
overflow:hidden;
}

#address-top{
width:239px;
float:left;
clear:left;
background:url('images/address-top.jpg') no-repeat left top;
text-align:center;
font: bold 11px/1.3em Arial; color:#FFFFFF;
padding-top:15px;
padding-bottom:15px;
}

#address-top span{font: bold 12px/1.3em Arial; color:#FBF3BD;}


#address-rep{
width:239px;
float:left;
clear:left;
background:url('images/address-rep.jpg') repeat-y left top;
}


#phone-top{
width:239px;
float:left;
clear:left;
background:url('images/phone-top.jpg') no-repeat left top;
text-align:center;
font: bold 11px/1.3em Arial; color:#FFFFFF;
padding-top:15px;
}


#phone-rep{
width:239px;
float:left;
clear:left;
background:url('images/phone-rep.jpg') repeat-y left top;
}


/* Right Data */

#right-data{
width:533px;
float:left;
background:url('images/right-bottom.jpg') no-repeat left bottom;
}

#pgtitle{
width:533px;
height:54px;
float:left;
clear:left;
background:url('images/pgtitle.jpg') no-repeat left top;
font: bold 16px/1.3em Arial; color:#969DA4;
}
#pgtitle img{margin-left:60px;}
#pgtitle span {font: bold 16px/1em Arial; color:#969DA4; display:inline; }



#right-content{
width:513px;
float:left;
clear:left;
margin-left:10px;
}

#right-content h1{font: bold 12px/1em Arial; color:#558F2B; margin:5px 0 15px 0;}

#right-image-hold{
width:493px;
float:left;
clear:left;
padding:10px;
border:1px solid #DCDCDC;
margin:10px 0 10px 0;
}

#right-click-here{
width:513px;
height:28px;
clear:left;
padding-top:20px;
}











#footer{
width:826px;
height:53px;
clear:left;
background:url('images/footer.jpg') no-repeat left top;
font: normal 11px/1.3em Arial; color:#4D628B; padding-top:30px;
margin:0 auto;
text-align:right;

}











/* Div id home page */


/* Vertical navigation Link Styles */
.glink {font: bold 11px/2em Arial; color:#FAFF7C;}
a.glink:link{text-decoration: none;}
a.glink:visited {text-decoration: none;}
a.glink:hover {text-decoration: underline;}


.pgtitle{font: normal 18px/1.5em Arial;color:#964A35;
background:url('images/pgtitle.jpg') no-repeat left bottom;
display:block;
height:30px;
margin-bottom:10px;
}

.general {font: normal 12px/2em Arial; color:#000000;}
a.general:link{text-decoration: underline; color:#000000;}
a.general:visited {text-decoration: underline; color:#000000;}
a.general:hover {text-decoration: none ; color:#3C588F}










/*- Menu Tabs I--------------------------- */

    #tabsI {
      float:left;
      width:840px;
	  height:52px;
      line-height:normal;
	  background:url('images/nav-back.jpg') no-repeat left top;
      }
    #tabsI ul {
        margin:0;
        padding:11px 0px 0 35px;
        list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      margin:0;
      text-decoration:none; padding-left:4px; padding-right:25px; padding-top:0px; padding-bottom:0px
      }
    #tabsI a span {
      float:left;
      display:block;
     font: bold 12px/1.5em Arial;
	 cursor:pointer;
      color:#737373; padding-left:6px; padding-right:10px; padding-top:5px; padding-bottom:15px
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;
	    font: bold 12px/1.5em Arial;color:#737373;
	 cursor:pointer;
      
	}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      }
    #tabsI a:hover {
      
	  background:url('images/css_L.png') no-repeat left top;
	  cursor:pointer;
      }
    #tabsI a:hover span {
		
		background:url('images/css_R.png') no-repeat right top;
		cursor:pointer;
		font: bold 12px/1.5em Arial;
		color:#000000;
      }

        #tabsI #current a {
		
		background:url('images/css_L.png') no-repeat left top;
		cursor:pointer;
        }
        #tabsI #current a span {
		
		background:url('images/css_R.png') no-repeat right top;
	    font: bold 12px/1.5em Arial;
		color:#000000;
		cursor:pointer;
        }



