/* CSS Document For SHCC Last Modified 18 Dec */

body{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #3C3C3C;
}

#container{
    width:762px;
    margin:0px auto 0px auto;
    padding:10px 0px 0px 0px;
    text-align:center;
    }   

/*Banner*/

#banner{
    width:762px;
    height:500px;
    background-color:transparent;
    margin:50px 0px 50px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
 .bannerlogo
 {
    width: 180px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
    overflow: hidden;
 }
    
/*Link Line*/
    
#container .links{
    width:762px;
    height:20px;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
       }

#container .links .linkbreak{
    width:1px;
    height:20px;
    background-color:#FFFFFF;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
.link{
    width:108px;
    height:18px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 0px;
    text-align:center;
    color:#273E72;
    float:left;
    font-weight:bold;
    }
    
/*Colin*/

hr { border: 1px dotted #797979; height: 1px; margin: 0px; padding: 0px;}
p{margin:0px 0px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3C3C3C; padding-bottom: 10px;}
a{font-family: Verdana, Arial, Helvetica, sans-serif; color: #285D9C; text-decoration: none; font-weight: bold;	}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; border-bottom:1px dashed #858585; padding-bottom:5px; }
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; padding-left: 00px; padding-top: 3px; padding-bottom: 3px; margin: 0px; background-color:#B65A1C; padding-left: 10px;}
h3 {font-size:16px; font-weight:bold; padding: 0 0 0 0; margin: 0 0 0 0; color: inherit; }
div#header{height:106px;margin:0;}
div#logo{ width:171px; height:20px; float:left;}
div#banner{}
div#tabs{ width: 760px; height:20px; clear:both; margin-top:4px; background-color:#285D9C; font-size:10px; color:#FFFFFF;}
div#tabs a{color:#FFFFFF; line-height:18px;}
div.button{ width: 107px; height:20px; float: left; text-align:center; background-color:#285D9C; border-left: 1px solid #FFF; color:#FFFFFF;}
div#tabs ul{ margin:0px; padding: 0px; display:inline; width: 760px;}
div#tabs li{ background-color:#285D9C; color:#FFFFFF; display:inline; margin: 0px; width: 100px; height:30px;}
.menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-right: 6px; padding-left: 6px; padding-top:4px; padding-bottom:4px;}
div#breadcrumbs{ border-bottom:1px solid #858585; margin-bottom: 15px; float: left; padding-bottom: 10px; }
div#crumbs{ font-weight: bold; font-size: 10px; float:left; margin-left: 20px; margin-top:8px; height: 13px; width: 470px; text-align: left; overflow: hidden;}
div#textsize{ font-weight: bold; font-size: 10px; float: right; margin-right: 20px; margin-top:8px;}
.header1{ color: #285D9C;font-size: 10px;text-decoration: underline overline;}
.header2{color: #285D9C;font-size: 12px;}
.header3{color: #285D9C;font-size: 14px;}

/* Left Nav */

div#leftnav{ float:left; width:172px; margin:0px; padding: 0px; font-size:11px;}
.subMenu {color: #FFFFFF; margin-top: 5px;margin-bottom: 5px;padding-top: 5px;padding-bottom: 5px;}
.subMenu:hover{color: #DAAC8D;}
.subMenuOn {color: #DAAC8D;font-weight: bold;margin-top: 5px;margin-bottom: 5px;padding-top: 5px;padding-bottom: 5px;}
div#leftnav ul{background:#B65A1C; margin:0px; padding:0; color: #FFFFFF; list-style-type: none;  }
div#leftnav ul li{border-bottom: 1px solid #FFF; padding: 2px 0 5px 10px;}
div#leftnav ul li a{color: #FFF; text-decoration: none;}
div#leftnav ul li a:hover{color: #FFF; text-decoration: underline;}

div#leftnav ul li.black {color: #000; font-weight:normal;}
div#leftnav ul li.black a{color: #000; text-decoration: none; font-weight:normal;}
div#leftnav ul li.black a:hover{color: #000; text-decoration: underline; font-weight:normal;}

div#address{ background-color: #DAAC8D;}
div#address a{ color: #000;}
div#address p{ margin: 0px 5px 0px 10px; padding-top: 10px;}



div#content{margin: 0px 10px 0px 14px; float: left; width:375px; background-color:transparent;  } /* 3 column design */
div#content2{margin: 0px 0px 0px 14px; float: left; width:570px; background-color:transparent;  } /* 2 column design */
div#content p{line-height:1.4;}


/* Right Nav */

div#rightnav{float:right;width:189px; margin-left:0px;}
div#container{width:760px;margin:0 auto; text-align:left}
div#wrapper{float:left;width:100%; clear:both;}
div#latestnews{ float: left; width: 167px; border-bottom:1px solid #858585; border-left:1px solid #858585; border-right:1px solid #858585; margin: 0px; padding: 10px; margin-top:-5px;}

div#latestlang{ float: left; width: 167px; border-bottom:1px solid #858585; border-left:1px solid #858585; border-right:1px solid #858585; margin: 0px; padding: 10px; margin-top:-5px; padding-bottom:10px; background-color:#FFF; }

#langScroller{
width: 157px;
height: 80px;
border: 1px solid 858585;
padding: 5px;
background-color: #FFF;
float: left;
display:inline;
}


.subhead { font-size: 12px; font-style: italic; font-weight: bold;}


.imageright{float:right; margin-top:5px; border: 1px solid #B65A1C; margin-left:10px; margin-bottom:5px; }
.black{ color: #000000; text-decoration:underline; font-weight: normal;}

.footerlinks{ width: 760px;}
div#footer{clear:left;width:100%; color: #333; border-top: 1px solid #858585; border-bottom: 1px dashed #858585; margin-top: 10px; padding: 10px 10px 10px 10px; font-size:10px; margin-bottom:15px;}
div#footer p{margin:0;padding:5px 10px}
.foot-left{ float: left; font-size: 10px; margin-left:10px;}
.foot-right{ float: right; font-size: 10px;}

p{
    padding:0px 0px 0px 0px;
    margin:0px 0px 10px 0px;   
    
    }

.pImage{
    border:solid 1px black;
    float:right;
    padding:0px 0px 0px 0px;
    margin:5px 5px 5px 5px;  
  
    }
    
    
/*Important Docs Styles */

.doccontainer
{
    width: 570px;
    float: left;
    margin-bottom: 30px;
}

.doccontainer .full
{
    width: 566px;
    float: left;
    margin-top: 3px;
    padding: 2px 0 2px 4px;
}

.doccontainer .col1
{
    width: 136px;
    float: left;
    margin: 0 3px 3px 0;
    padding: 2px 0 2px 4px;
}

.doccontainer .col2
{
   width: 136px;
   float: left;
    margin: 0 3px 3px 0;
    padding: 2px 0 2px 4px;
}

.doccontainer .col3
{
   width: 136px;
   float: left;
   margin: 0 3px 3px 0;
   padding: 2px 0 2px 4px;
}

.doccontainer .col4
{
    width: 136px;
    float: left;
    margin: 0 0 3px 0;
    padding: 2px 0 2px 4px;
  
}

.doccontainer .col3s
{
    width: 425px;
    float: left;
    margin: 0 0 3px 0;
    padding: 0px 0 2px 0px;

}

/*Property Styles */


tr
{
}

th
{
    padding: 2px 2px 2px 2px;    
}

td
{
    padding: 2px 2px 2px 2px;
}

/*news styles*/

.newsItem 
{
    width: 570px;
    border-bottom: dotted 1px #000000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    float: left;
}

.newsItemImage
{
    width: 190px;
    height: 90px;
    float:left;
    border: solid 1px #999999;
    overflow: hidden;
}

.newsItemText
{
    width: 360px;
    float:left;
    margin-left: 10px;
}

/*Form styles */

.label
{
    float: left;
    width: 150px;
    margin-bottom: 5px;
}

.fullForm
{
    float: left;
    width: 400px;
    margin-bottom: 5px;
}

.textboxdiv
{
    float: left;
    width: 420px;
    margin-bottom: 5px;
}

.textbox
{
    float: left;
    width: 250px;
}

.pagedisplay
{
    float:right;
}

.gap{ width:auto; background-color:transparent; height:30px;}
.anchorSec{ height:auto; min-width:370px; width:auto; float:left; margin-bottom:5px; clear:both;}
.floatRight{ float:right;}
.ancImgClass{ margin-left:5px; margin-bottom:5px; border:none; }




/*Repair Form Styles*/

#contact-area {
	width: 510px;
	margin-top: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 305px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 70px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #8FA5DF;
}

#contact-area input.submit-button {
	width: 60px;
	float: right;
}

#contact-area label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 180px;
	padding-top: 5px;
	font-size: 12px;
   
}

.comp{ color:#8FA5DF;}
.er{ color:Red;}

/*End Repair Form Styles*/

.black{ color:#000;}

ul li .black a{ color:#000;}
.black a:link{ color:#000;}
.black a:visited{ color:#000;}
.black a:hover{ color:#000;}



    









