/* CSS Document */

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

body, td, div, span, input, select, textarea { color: #6f6f6f; font-family: Arial, Tahoma, "Trebuchet MS"; font-size: 13px; line-height: 18px; }

a {
	color: #862a2a;
	text-decoration: none;
}

a:hover {
	color: #862a2a;
	text-decoration: none;
	background-color: #f0f0f0;
}

h1 {
	color: #666666;
	font-size: 30px;
	line-height: normal;
	margin-top: 0px;
	font-weight: normal;
}

h2 {
	color: #752A2A;
	font-size: 25px;
	line-height: normal;
}

h3 {
	color: #752A2A;
	font-size: 20px;
	line-height: normal;
}

h4 {
	color: #752A2A;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: normal;
}

hr {
	color:#FFFFFF;
	border-top: 1px dashed #CCCCCC;
	height: 0px;
	margin: 20px 0px;}


#maincontainer {
	display: block;
	clear:both;
	margin: auto;
	width: 970px;
}

#headerimg {
	display: block;
	clear:both
	z-index: 1;}


#logobox {
	display: block;
	position:relative;
	width: 970px;
	margin-top: -94px;
	z-index: 9;
	border-top: 1px solid #FFFFFF;
}


#menusbox {
	display: block;
	text-align: center;
	background-color: #FFFFFF;
	width: 970px;
	padding: 12px 0px;
	z-index: 10;
	border-bottom: 1px solid #752A2A;
}

#menusbox a{
	font-weight: bold;
	padding: 10px 16px;
}
#menusbox a:hover{
	color: #EEC1C1;
	background-color: #752A2A;
}


#contentbox {
	display: block;
	clear:both
}


#footerbox {
	display: block;
	clear:both;
	text-align: center;
	padding: 15px;
	border-top: 5px solid #848484;
}

#footerbox a{
padding: 0px 10px;}

.boxcentre {
		display:block;
		padding:35px;
		width:800px;
		text-align:left;
}
.boxleft {
	display: block;
	float: left;
	padding: 25px;
}
.boxright {
	display: block;
	float: right;
	padding: 25px;
}
.pictureboxright { display: block; padding: 6px; float: right; margin-bottom: 10px; margin-left: 15px; border: solid 1pt #ccc; }
.pictureboxleft { display: block; padding: 6px; float: left; margin-bottom: 10px; margin-left: 15px; border: solid 1pt #ccc; }
.clearbox {
clear:both;}

#pull {
display: block;
background: url('/images/nav-icon_dark.png') no-repeat right center;
}
#pull:hover { background: url('/images/nav-icon.png') no-repeat right center; }

.partop {
	display: block;
	padding-top: 20px;
	margin-top: 25px;
	border-top: 1px dashed #CCCCCC;
	text-align:right;
	}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

#menubar-responsive {
	display: block;
	background-color: #FFFFFF;
	width: 100%;
	z-index: 10;
	border-bottom: 1px solid #752A2A;
	display: none; 
	font-weight: bold;
}
#menubar-responsive a {
padding: 6px 0px;
}
#pull {
 display:block;  clear:both; 
padding: 12px 0 6px 6px !important;
}
#menubarlist { display: none; }
#menubarlist a {  display: block; clear:both; padding-left: 5%; }

/* Responsive Properties */

@media screen and (max-width: 970px) {
        #headerimg, #maincontainer, #contentbox, #menusbox  { height:auto; width:100% !important; }
        #headerimg img { /* overflow:hidden; */ max-width:100%; ; height:auto; }
        #menusbox a{ padding: 10px 15px; }
        .boxcentre { width:77.31% !important; }
	#logobox { width: 100%; }
}
@media screen and (max-width:800px) {
	#menusbox { display: none; }
        #topmenu li {  width:98%; text-align:left; padding-left: 2%; margin:0; }
        #topmenu { display: none; }
        #menubar-responsive a:hover { background-color:#862a2a !important; color:#ffffff; }
        #menubar-responsive  { display:block; }
	#sector_content_right,#sector_content_left { clear:both; width:100%; }
	#sector_content_right { margin-left: 0px !important; }
	#logobox img { height:94px !important; width:364px !important; overflow:hidden;  }
}