/* CSS Document West Coast Duplication */

/* ----------------------------------------General Info---------------------------------------- */

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

 body {
	margin:0;
	padding:0;
	color:#fff;
	text-align:center;
	background-color:#000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}
	
p {
	margin:0;
	padding:0;
}
	
.clear{ clear:both;}
	
/* ----------------------------------------Images---------------------------------------- */

img{
	border:0;
	}
	
.spacer_subline{
	margin:0;
	padding:0;
	background:url("../images/line_sub.gif") 1px 3px no-repeat;
	}
	
.breadcrumb_spacer{
	padding:0;
	margin:0;
	background:url("../images/breadcrumb.jpg") 0 5px no-repeat;
	}
	
/* ----------------------------------------------container-------------------------------*/

#container{
	position:relative;
	margin:0 auto 0; 
	width:780px;
	background-color:#312B2B;
	text-align:left;
	}
	
/* ----------------------------------------------Head-------------------------------------*/

#head{
	position:relative;
	float:left;
	width:780px;
	height:102px;
	margin: 0;
	padding:0;
	background-color:#fff;
	}
	
#topnavi{
	position:relative;
	float: left;
	width: 759px;
	height:20px;
	margin:0;
	padding: 9px 0 0 21px;
	display:inline;
	background-color:#fff;
	}
	
#topnavi ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#topnavi li {
	padding:0 8px 0 0;
	float: left;
	margin: 0px;
	}
	
#topnavi a {
	padding: 3px 3px 0 0;
	display: block;
	font-weight: bold;
	font-size:12px;
	color: #000;
	text-decoration: none;
}

#topnavi .home, #topnavi .contact, #topnavi .sitemap{
	margin: 5px 0 0 0;
	width:18px;
	background: url("../images/topnavi-list.jpg") 9px 0 no-repeat #fff;
	}

#time{
	position:relative;
	float: right;
	margin:0;
	padding:3px 19px 0 0;
	background-color:#fff;
	color:#000000;
	font-weight:bold;
	}
	
#logo {
	position:relative;
	float:left;
	width: 780px;
	height: 72px;
	margin: 0;
	display:inline;
	padding:0;
   	background: url("../images/logo.jpg") top left no-repeat #000;
	border-top:1px solid #000;
	}
	
#logo h1{
	position:relative;
	float:right;
	margin: 24px 25px 0 0;
	padding:0;
	display:inline;
  	}
	
#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:36px;
	color: #000;
	letter-spacing:1px;
	text-decoration:none;
    }
	
/* ----------------------------------------------Leftblock TOP-------------------------------------*/

	
#leftblock{
	position:relative;
	float:left;
	width:211px;
	margin:0;
	padding:29px 0 30px 0;
	background-color:#312B2B;
  	}
	
#navi{
	position: relative;
	float:left;
	width: 197px;
	margin:0 0 0 11px;
	padding:1px 0 0 0;
	display:inline;
      	background:url("../images/navi-top.jpg") top left no-repeat;
	}

#navi ul {
    width:197px;
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
     #navi li {
       width:197px;
       padding-bottom:1px;
       margin:0;
	}

	
#navi a, #level1on a {
	display:block;
	width:167px;
	font-family:   Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	letter-spacing:1px;
	text-decoration:none;
	padding:8px 0 8px 30px;
	margin:0;
        height:15px;
	background:url("../images/navi-bg.jpg") bottom left no-repeat #312B2B;
	}
	
#navi a:hover, #navi #level1on a{
	width:167px;
        height:15px;
	background: url("../images/navi-over-bg.jpg") top left no-repeat;
	}
	
#level1on a, #navi #level2on a, #navi #level2on a:visited, #navi #level2on a:hover, #navi #level3on a, #navi #level3on a:visited, #navi #level3on a:hover{
	font-weight:bold;
	}

#navi a.level2, #navi a.level2:hover, #navi #level2on a, #navi #level2on a:visited, #navi #level2on a:hover{
        color:#eadd8f;	
        font-weight:bold;
        width:167px;
        height:15px;
	background: url("../images/navi-over-bg.jpg") top left no-repeat;
	}
	
#navi a.level2:hover{
	color:#ccc;
	}
	
/* ----------------------------------------------Rightblock TOP-------------------------------------*/


#rightblock{
	position:relative;
	float:left;
	width:569px;
	margin:0;
	padding:0 0 30px 0;
	background-color:#312B2B;
  	}
	
#breadcrumb{
	position:relative;
	float:left;
	width:553px;
	height:22px;
	margin:0;
	padding:7px 0 0 15px;
	display:inline;
	background-color:#312B2B;
        font-weight: normal;
	font-size:12px;
	color: #fff;
  	}
	
#breadcrumb ul {
	margin:0;
	padding:0;
	list-style-type: none;
	}

#breadcrumb li {
	padding:0 8px 0 0;
	float: left;
	margin: 0px;
	}
	
#breadcrumb a {
	padding:0;
	display: block;
	font-weight: normal;
	font-size:12px;
	color: #fff;
	text-decoration: none;
	}
	
#headimage{
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width:569px;
	height:225px;
   	background-color:#000000;
	}
	
#searchbox{
	position:relative;
	float:left;
	padding:6px 0 1px 25px;
	margin:0;
	width:544px;
	height:25px;
   	background: url("../images/search-bg.jpg") bottom left repeat-x #312B2B;
font-weight: normal;
	font-size:12px;
	color: #fff;
	}
	
#search{
	position:absolute;
	top:0;
	right:0px;
	padding:0;
	margin:5px 0 0 0;
	width:260px;
	height:25px;
	text-align:left;
font-weight: normal;
	font-size:12px;
	color: #fff;
	}

#search form, #search form fieldset{
	 margin:0;
	 padding:0;
	 border:none;
	 }
 
#search form fieldset legend{
	 display:none;
	 visibility:hidden;
	 }
	
/* ----------------------------------------------Floater-------------------------------------*/
	
#floater{
	position:relative;
	float:left;
	width:769px;
	margin:0;
	display:inline;
	padding:30px 0 30px 11px;
	background-color: #312B2B;
  	}
	
#floater_left{
	position:relative;
	float:left;
	width:200px;
	padding:0;
	margin:0;
  	}
	
#hotline{
	position:relative;
	float:left;
	width:183px;
	margin:30px 0 15px 11px;
	padding:0;
	display:inline;
	border: 1px solid #fff;
	display: inline;
  	}
	
#news, #link{
	position:relative;
	float:left;
	width:183px;
	margin:15px 0 0 11px;
	padding:0;
	display:inline;
	border: 1px solid #fff;
	display: inline;
    font-weight: normal;
	font-size:12px;
	color: #fff;
  	}

#link{
	text-align:center;
        background-color:#cccccc;
        width:159px;
	padding:1px 0 1px 24px;
  	}
	
#hotline h1, #news h1, #link h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#EDDB92;
	text-decoration:none;
	margin:0;
	padding:5px 0 5px 10px;
	border-bottom:1px solid #ffffff;
	}
	
#hotline h2, #news h2{
    display:block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#EDDB92;
	text-decoration:underline;
	margin:0;
	padding:10px 0 0 12px;
	}
	
#hotline h3, #news h3{
    display:block;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:3px 10px 12px 12px;
	}
	
#hotline h3 a, #news h3 a{
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#EDDB92;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	
#hotline p, #news p{
	margin:0;
	padding:5px 0 11px 12px;
	}
	
#hotline ul, #news ul{
	list-style-type:none;
	padding:0;
	margin:0 0 10px 0;
	}
	
#hotline li, #news li{
    display:block;
	padding:3px 0 3px 12px;
	margin:0;
	}
	
#hotline li a:link, #hotline li a:visited, #hotline li a:hover, #news li a:link, #news li a:visited, #news li a:hover{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#fff;
	width:120px;
	padding:3px 0 3px 22px;
	margin:0;
	text-decoration:none;
	background:url("../images/arrows.jpg") 2px 6px no-repeat #312B2B;
	}
	
#hotline li a:hover, #news li a:hover{
	text-decoration:underline;
	}
	
#content{
	position:relative;
	float:left;
	width:503px;
	padding:26px 26px 10px 26px;
	margin:30px 0 0 0;
	border:1px solid #fff;
	background-color:#312B2B;
font-weight: normal;
	font-size:12px;
	color: #fff;
  	}
	
#content h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:26px;
	color:#fff;
	padding:0;
	margin:0;
	text-decoration:none;
	text-align:left;
	background:url("../images/right-head.jpg") bottom left repeat-x #312B2B;
	}
	
#content p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	padding:5px 0 10px 0;
	margin:0;
	text-align:left;
	}
	
#content a{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#EDDB92;
	text-decoration:underline;
	}
	
.line-dotted{
   	padding:0;
	height:21px;
	margin:0 0 16px 0;
	background:url("../images/line-dotted.jpg") bottom left repeat-x #312B2B;
	}
	
#column1 { 
	 position:relative;
	 float:left;
	 width: 255px;
	 height:auto;
	 margin:12px 0 0 0;
	 padding:0;
 	 text-align:center;
	 }
	 
#column2 { 
	 position:relative;
	 float:right;
	 width: 255px;
	 height:auto;
	 margin:12px 0 0 0;
	 padding:0;
 	 text-align:center;
	 }
	 
#floater_right #column1 h1, #floater_right #column2 h1{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 16px;
	 color: #49AFF0;
	 padding:0;
	 margin:2px 0 15px 0;
	 border:0;
	 font-weight:bold;
	 background-image:none;
	 text-align:center;
	 }	 
	 
#column1 p, #column2 p{ 
     margin:0;
     padding: 16px 0 0 0;
 	 text-align:justify;
	 }
	 
#column1 a, #column2 a{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 font-weight:bold;
	 text-decoration:none;
	 color: #AA2F2F;
	 }	 
	 	
	
#subnavi{
	position:relative;
	float:left;
	width:708px;
	height:42px;
	margin:0;
	padding:9px 36px 0 36px;
	text-align:center;
	background: url("../images/subnavi-bg.jpg") top left repeat-x #312B2B;
  	}
	
	
#subnavi, #subnavi a:link, #subnavi a:visited, #subnavi a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	line-height:18px;
	}

#subnavi a:hover{
	text-decoration:underline;
	}

#subnavi ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}

#subnavi li{
	display:inline;
	margin:0;
	padding:0;
	}
	
#footer{
	position:relative;
	float: left;
	width: 780px;
	margin:0;
	padding:0;
    background-color: #312B2B;
	text-align:center;
	background: url("../images/footer-bg.jpg") bottom left repeat-x #312B2B;
	}
	
#footer h1{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	color:#EDDB92;
	text-decoration:none;
	margin:0;
	padding:17px 0 17px 0;
	}
	
.class150px { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 11px;
	 color: #222625;
	 background-color: #fff;
	 width: 130px;
	 height:16px;
	 margin:0 0 0 3px;
	 padding:0;
	 text-align:left;
	 }
	 
.class150px_a { 
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 11px;
	 color: #222625;
	 background-color: #fff;
	 width: 130px;
	 height:13px;
	 margin:0 0 0 3px;
	 padding:1px 0 0 0;
	 text-align:left;
	 }
	 
.class16px { 
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 display:inline; 
	 font-size: 11px;
	 color: #fff;
	 width: 20px;
	 height:16px;
	 margin:0 0 0 5px;
	 padding:0;
	 text-align:center;
	 background:url("../images/go.jpg") top left no-repeat;
	 border:0;
	 }	 
	 
.blue18px{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#688196;
	}

/* ----------------------------------------Contact---------------------------------------- */

form#form{
	width:400px;
	margin:20px 0 20px 9px;
	padding:0 4px 0 4px;
	float:left;
    display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	background-color:#312B2B;
  	}

form#form legend{
	border:1px solid #000000;
	padding:3px 12px 3px 12px;
	margin:0;
	color:#000000;
	font-weight:bold;
	background-color:#ECDB93;
	}
	
form#form p{
	float:left;
	margin:0;
    width:355px;
	padding:35px 0 0 0;
	clear:left;
	color:#fff;
	background-color:#312B2B;
	}
	
form#form fieldset{	border:1px solid #fff;}
	
.box{width:385px; margin: 0 0 15px 0; padding:20px 5px 0 5px;}
.box ul{margin:0; padding:0; list-style-type:none;}
.box_sub{width:385px; margin:0; padding:20px 5px 0 5px;}
.box_sub ul{margin:0; padding:0; list-style-type:none;}
.box2{width:140px; position:relative; float:left; padding-top:2px;}
.box3, .box4{width:245px; position:relative; float:left;}
.box4{margin-bottom:10px;}
.box2_sub{width:140px; position:relative; float:left; padding-top:2px;}

#form .box2 label{display:inline; float:left; margin-bottom:32px; padding:0; width:140px;}
#form .box2_sub label{display:inline; float:left; margin-bottom:27px; padding:0; width:140px;}
#form .box3 input, #form .box3 select{display:inline; float:left; margin-bottom:24px; width:160px; color:#000000; background-color:#E8E8E8;}
#form .box3 select{width:166px;}
#form .box4 input{width:auto;}

.realname{width:150px;}

#form .hpbody{display:block; margin:0; width:150px;}

#form li{margin-bottom:10px;}
.clear{clear:both;}

form#form input.button{
	width:155px;
	padding:2px 0 2px 0;
	margin-right:4px;
	border:1px solid #000;
	color:#000000;
	background-color:#cccccc;
	}
textarea{
	width:302px;
        height:100px;
        margin:0;
        padding:0;
	}

/* JS CSS*/

#logo p{
	position:relative;
	float:right;
	margin: 24px 25px 0 0;
	padding:0;
	display:inline;
  	}
	
#logo p a:link, #logo p a:visited, #logo p a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size:36px;
	color: #000;
	letter-spacing:1px;
	text-decoration:none;
    }