body {
	color: #000000;
	font-family: Arial, Verdana, Helvetica; 
	font-size: 11px;
	line-height: 14px;
	background-color: #000000;
	background-image:url('media/bg1.gif');
	margin: 0; 
	padding: 0; 
	text-align: center;
	min-width: 785px; }

#container {
	width: 820px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

#wrapper {
	margin: 0 auto;
	width: 785px;
	text-align: left;	}


/* --TOP SECTION--  */
#language {
	margin: 0 auto;
	color: #000000;
	font-family: Arial, Verdana, Helvetica;
	font-size: 9px;
	width: 785px;
	height: 15px;
	border: 0;
	text-align: right;	}
#header {
	width: 785px;
	height: 87px;
	padding: 0; }
#header img {
	height: 87px;
	border: 0;  }
#nav {
	width: 785px;
	height: 27px;
	padding: 0; }	
#nav img {
	width: 785px;
	height: 27px;
	border: 0; }
	
	
/* slideshow */
#s3Slider { 
   width: 629px; /* important to be same as image width */ 
   height: 201px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

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

#s3SliderContent {
   width: 629px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 5px; /* important */
   margin-left: 0; /* important */
}

.s3SliderImage {
   float: left; /* important */
   position: absolute; /* important */
   display: none; /* important */
}

.s3SliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 10px;
   width: 629px;
   background-color: #000;

   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
	

	
/* --BODY HOME--  */
#body-wrapper-home {
	width: 785px;
	padding: 0;
	margin: 0;
	/*background: url(media/bg-home.jpg) no-repeat;*/	 }

#content-homeL {
	width: 149px;
	padding-bottom: 0px;
	padding-top: 5px;
	min-height: 217px;
	float: left;	
	 }

#content-homeR {
	width: 629px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
	min-height: 217px;
	float: left;
	 }
#content-homeR ul {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0;  }
#content-homeR p {
	margin-top: 5px;
	margin-bottom: 0; }
	
#content-home {
	width: 400px;
	padding-left: 375px;
	padding-bottom: 10px;
	padding-top: 10px;
	min-height: 217px;
	 }
#content-home ul {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0;  }
#content-home p {
	margin-top: 5px;
	margin-bottom: 0; }
	
#home-boxes
	width: 778px; }
#home-boxes td.top {
	width: 130px;
	height: 130px;
	padding: 0 }
#home-boxes td.top img {
	width: 130px;
	height: 130px; }	
#home-boxes td.mid {
	background: url(media/box-side.gif) repeat-y;
	padding: 10px 15px 10px 10px;
	vertical-align: top; }
#home-boxes td.mid img {		
	width: 99px;
	height: 79px;
	border: 0;
	padding-left: 10px; }
#home-boxes td.btm {
	width: 252px;
	height: 13px; }	
#home-boxes td.space {
	width: 11px; }	

/* --BODY PAGES--  */
#body-wrapper {
	width: 785px;
	padding-top: 10px;
	margin: 0;
	background: url(media/bg-page.gif) repeat-y; }

#bodyTbl {
	width: 778px; }
td.body-left {
	width: 140px;
	padding: 0;
	vertical-align: top; }
td.body-center {
	width: 476px;
	padding: 0 15px 10px 15px;
	vertical-align: top; }
td.body-center1 {
	width: 329px;
	padding: 0 15px 10px 15px;
	vertical-align: top; }	
td.body-center2 {
	width: 147px;
	padding: 0 15px 10px 0;
	vertical-align: top; }
td.body-center2 img {
	width: 147px;
	border: 0; }		
td.body-right {
	width: 162px;
	padding: 0;
	vertical-align: top;  }
td.body-right img.photo {
	width: 147px;
	border: 0; }		

/*  --below for left nav  -- */
td.body-left img {
	padding: 5px 0 5px 0; }
td.body-left img.top {
	padding: 0 0 5px 0; }	
td.body-left a {
	text-decoration: none;
	color: #000000;
	/*margin-left: 15px;*/ }
td.body-left a.btn {
	margin-left: 0; }

#left-nav {
	text-align:right;
	width:140px;
}

#left-nav div {
	border-bottom:1px solid #FFFFFF;
	background-color:#660000;
	color:#FFFFFF;
	font-weight:bold;
	padding:12px 10px 6px 0;
}

#left-nav div.sub {
	background-color:#CCCCCC;
	color:#333333;
	font-weight:bold;
	line-height:18px;
	padding:3px 10px 1px 0;
}

#left-nav a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	text-decoration:none;
	width:100%
}

#left-nav div.sub a {
	color:#333333;
	display:block;
	width:100%;
}

#sub-nav {
	text-align:right;
	width:425px;
}

#sub-nav div {
	background-color:#666666;
	color:#CCCCCC;
	font-weight:bold;
	padding:5px 10px 5px 10px;
}

#sub-nav div a {
	color:#FFFFFF;
	display:inline;
	width:100%;
	text-decoration:underline;
}

#sub-nav a {
	color:#FFFFFF;
	display:inline;
	font-weight:bold;
	text-decoration:none;
	width:100%
}

h1 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	line-height: 16px; }
h2 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 13px;
	font-weight: bold;
	margin-top: 0;
	color: #640000;
	line-height: 13px; }
	
h3 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 10px;
	text-align: left;
	margin-top: 0;
	color: #999999;
	line-height: 10px; }
	
p.subtitle {
	font-weight: bold;
	font-size: 14px; }
p.smaller {
	font-size: 10px; }
	
table.chart {
	background-color: #999999;
	border-color: #999999; }
table.chart td {
	vertical-align: top;
	padding: 2px; }
table.chart td.white { 
	background-color: #FFFFFF; }	
table.chart td.white p { 
	margin: 0; }	
table.chart td.gray {
	background-color: #f3f3f3; }
table.chart td.gray p { 
	margin: 0; }
	
#contact td {
	padding: 5px 15px 5px 0;
	vertical-align: top; }	
.top td {
	vertical-align: top; }
	

/* --FOOTER--  */		
#footer  {
	width: 778px;
	background-color: #231f20;
	text-align: center;
	padding: 5px 0 8px 0; }
#footer  a {
	font-family: Arial, Verdana;
	font-size: 11px;	
	color: #8d9487;
	text-decoration: none; }
#footer p {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #8d9487;
	margin: 0; }
	
#footer2 {
	width: 778px;
	background-color: #FFFFFF;
	text-align: center;
	padding: 5px 0 8px 0; }
#footer2 p {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #8d9487;
	margin: 0; }
a:link {
	           	color: #000099;
	           }
a:hover {
	           	color: #990000;
	           }
a:visited {
	           	color: #000099;
	           }
a:active {
	           	color: #990000;
	           }