/*Canny StyleSheet*/


html{
   	FONT-FAMILY:  Arial;
    font-size: small;
	height:100.01%
	
}

body { 
  	margin: 6px 0px 0px 0px;
    color: #333333;
	background: #777777 url(../images/bk_container2.jpg) top center repeat-y;
	 		
}

#container {
	height:auto !important;  
	height:100%;
	min-height:800px; 
	padding: 0px;
	width: 814px;
	border-left: solid 16px #A40A4C;
	border-right: solid 16px #A40A4C;		
	margin: 0 auto;
	
}
.clear{
clear: both
}
#header{
	height: 88px
	
	}
#tel{
	text-align: right;
	vertical-align: bottom;
	padding: 0px;
	height: 30px
	
}

#imgbanner{
	width: 820px;
	height: 192px;
	margin: 0px;
	clear:both
	}


#leftmenu{
	border-top: dashed 1px #84531D;
	padding: 3px 0px 0px 0px;
	width: 136px;
	float: left;
	margin: 27px 0px 0px 0px

}

#leftmenu ul{
	list-style: none;
	width: 136px;
	text-align: left;
	margin: 0px;
	padding: 0px
}
#leftmenu li{
	display: block;
	margin: 0px;
	height: 30px;
	width: 136px;
	padding: 0px;
	border-bottom: dashed 1px #A40A4C
}

#leftmenu li a:link, #leftmenuli a:active, #leftmenu li a:visited {
	display: block;
	background: url(../images/list.jpg) top left  no-repeat;
	font-size: 90%;
	font-weight: bold;
	padding: 6px 0px 6px 18px;
	color: #5C5C5C;
	text-decoration: none;
	text-align: left
}

#leftmenu li a:hover {
	text-decoration: none;
	display: block;
	background: #A40A4C url(../images/list_ov.jpg) top left  no-repeat;
	color: #FFFFFF	
}
/*END side menu*/
#bannerright{
	float: left;
	width: 122px;
	padding: 30px 0px 0px 0px;
	margin: 0px
}




h1{
	font-weight:normal;
	text-align: left;
	font-size: 140%;
	color: #A40A4C;
	padding: 8px 0px 15px 31px;
	margin: 0px 0px 0px -32px;
	background: url(../images/hd_bk.gif) no-repeat
	}
	
h2{
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	color: #A40A4C;
	margin:0px 0px -15px 0px
	}

h3{
	font-weight:normal;
	text-align: left;
	font-size: 110%;
	color: #000000;
	}

h4{
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	color: #A40A4C;
	margin: 0px;
	line-height: 2.0
	}
	
h5{
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	color: #5C5C5C;
	margin: 0px;
	line-height: 2.0
	}	
	
	txtredbold{
	font-weight: bold;
	text-align: left;
	color: #A40A4C;
	}

/*content area*/



#content{
	float:left;	
	margin: 0px;
	padding: 8px 50px 0px 48px;
	width: 575px;
}


#content p{
	font-size: 90%;
    line-height: 1.9;
	color: #000000;
	text-align: justify
}


#content p.indent{
	font-size: 90%;
    line-height: 1.6;
	color: #000000;
	text-align: justify;
	padding: 0px 0px 0px 50px
}

#content .txtredbold{
	color: #A40A4C;
	font-weight: bold
}
#content .box{
	float: right;
	background: url(../images/box.jpg) no-repeat;
	margin-left: 30px;
	padding: 0px;
	width: 274px;
	height: 194px;
}

#content .box h3{
	color: #F7F0F3;
	font-weight: bold;
	font-size: 13px;
	padding: 6px 0px 12px 6px;
	margin: 0px
}
#content .box p{
	color: #000000;
	font-weight: normal;
	font-size: 11px;
	margin:0px;
	line-height: 1.5;
	padding: 6px 28px 0px 18px
}

.pright {   
   	text-align: right
}
.pcenter { 
   	text-align: center
}

.pleft { 
   	text-align: left
}

#content ul{
   	list-style: url(../images/list.gif);
	line-height: 1.4;
	font-size: 90%;
	color: #333333	
}
#content ol{
	line-height: 1.8;
	font-size: 90%;
	color: #666666	
}


.imgleft{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px
}

.imgcenter{
   	 text-align: center;
	 float:center;
	 margin: 0px;
}


.imgtoplft{
	 float:left;

}

.imgleftborder{
   	 text-align: left;
	 float:left;
	 margin: 0px;
	 margin-right: 20px;
	 border: 1px solid #A40A4C
}

.imgright{
   	 text-align: right;
	 float:right;
	 margin: 0px;
	 margin-left: 20px
}	

.imgrightborder{
   	 text-align: right;
	 float:right;
	 margin: 0px;
	 margin-left: 20px;
	 border: 1px solid #A40A4C
}

.imgright2{
   	 text-align: right;
	 float:right;
	 margin: 0px;
	 margin-left: 0px;
	 margin-right: 50px
}	

/* links*/

a:link, a:active, a:visited {
   color: #A40A4C;
   font-size: 100%;
   text-decoration: underline;
   font-weight: bold
}


a:hover {
   color: #000000;
   text-decoration: underline;
   font-weight: bold
}



/* footer*/

#footer {
	clear:both;
	margin: 0 auto;
	width: 834px;
	height: 120px;
	background-color: #777777; 
	font-weight: normal;
	padding: 4px 12px 4px 0px;
	text-align: right
}
#footer P{
	font-size: 80%;
	color: #333333;
	text-align: right
}

#footer a:link, #footer a:active, #footer  a:visited {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: right
}

#footer a:hover {
	text-decoration: underline;
	color: #A40A4C
}


/*  end footer*/

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */