/* Start of CMSMS style sheet 'Trilect layout V1' */
/*-----------------------------------------------------------------------------------------------
  Main layout sections
-----------------------------------------------------------------------------------------------*/

body {
margin:0;
border:0;
padding:0;
height:100%; 
max-height:100%; 
font-family:arial, verdana, sans-serif; 
font-size:76%;
overflow: hidden;

}

#header {
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:104px; 
/* overflow: hidden; */
text-align:center;
z-index:30;
}
  

#contents {
top:104px;
left:0px;
bottom:0px; 
right:0px; 
overflow-y:scroll; 
z-index:10; 
position:fixed;   
}

#slide {
position: absolute;
z-index: 31;
margin-left:495px !important;
margin-left:510px; 
width:200px
}

/* for internet explorer */

* html body {
padding:104px 0 0px 0px; 
}

* html #contents {
height:100%; 
width:100%;
padding:0px 0px 0px 0px; 
}
  
/*-----------------------------------------------------------------------------------------------
  Font styling
-----------------------------------------------------------------------------------------------*/  
html, body, p, th, td, li, dd, dt {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
line-height:180%
}

h1 {
font-size: 1.7em; 
color: #2388bf; 
text-transform:uppercase;   
font-family:Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-weight:normal;
}

h2 { 
font-size: 1.5em; 
color: #e76700;
font-family:Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-weight:bold;
}

h3 { 
font-size: 1.2em;
color: #2388bf; 
font-family:Trebuchet Ms, Arial, Helvetica, sans-serif; 
font-weight:normal
}

h4 { 
font-size: 1.0em; 
color: #aeaf52;
}

h5 { 
font-size: 0.9em; 
}

h6 { 
font-size: 0.8em; 
}

.footer {
font-size: 8pt; 
font-family: tahoma, verdana; 
line-height:110%
}

.footer a {
font-size: 8pt
}

a {
color: #003f7f
}

a:hover{
text-decoration:none;
}

.contactform textarea {
width: 180px; /* <-- change this to whatever works for you */
height: 60px; /* <-- change this to whatever works for you */
}

#content li
{
background-image: url('uploads/tr_img/bullet.gif');
background-repeat: no-repeat;
background-position: 1em 0em;
padding-left: 2.4em;
line-height:180%;
}

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

.thumb a img{
border:1px solid black;
}

.thumb a{ 
border:5px solid black;
background-image: url('uploads/tr_img/bulletqq.gif');
background-repeat: no-repeat;
background-position: 11em 20em;
padding-left: 2.4em;
line-height:120%;
}


.thumb
{
   padding:0;
   width:140px;
   height:10em;
   margin:0 0.5em 0em 0;
    
/* Thumbnail spacing */
   text-decoration:none;
   line-height:normal;
   list-style-type:none;
   text-align:center;
   float:left;

}


/* End of 'Trilect layout V1' */

/* Start of CMSMS style sheet 'Trilect Slidehow V1' */
#mySlideshow
{
	width: 217px;
	height:169px;
	z-index:5;
}

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 0px;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 60%;
	margin: 2px 5px;
	color: #eee;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }
/* End of 'Trilect Slidehow V1' */