/* CSS Document */

/* Global
------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address,img{
	margin:0;
	padding:0;
	}

body{
	margin: 0;
	font:normal 8pt "Arial";
	Color: #fff;
	line-height: 1.6em;
	background:url(../i/bg.jpg) left top repeat-x #000;
	text-align:justify;
}

#container {
	width:900px;
	position: relative;
	margin: 0px auto;
}


a:link,
a:visited {
	text-decoration:none;
	}	
a:hover {text-decoration: underline}

img.evil { 
	behavior: url("pngbehavior.htc");
}

img {
	border:0;
	}
	
#dash{
	width:100%;
	height:1px;
	background-image: url(../i/dash.gif);
	background-repeat: repeat-x;
}

#right{
	float:right;
}

#left{
	float:left;
}


/* header
------------------------------------ */
#header{
	width:869px;
	margin: 0px auto;
	padding:35px 0 5px 31px;
}

#logo{
	float:left;
	margin:0 47px 0 0;
}


/* content-global
------------------------------------ */
#content_global{
	width:900px;
	margin:16px 0 0 0;
	padding:2px 1px 40px 1px;
	background:#0b0b0b;
	float:left;
	border-bottom:1px solid #252525;
	overflow:hidden;
 	position:relative;
}

#content_global2{
	width:840px;
	margin:16px 0 0 0;
	padding:20px 40px 40px 20px;
	background:#0b0b0b;
	float:left;
	border-bottom:1px solid #252525;
	overflow:hidden;
 	position:relative;
}

#content_global2 ol{
	padding: 0 0 10px 20px;
}

#indicate{
	float:left;
	width:100%;
	margin:15px 0;
	font:normal 7pt "Tahoma";
	color:#727272;
	text-transform:lowercase;
	
}
#indicate a{
	color:#999;
}
#indicate a:hover{
	color:#ff5400
}
.txt_indicate{
	text-transform:lowercase;
	color:#e5a9a9;
}


/* content-left-index
------------------------------------ */
#content_left{
 	width:615px;
 	float:left;
 	margin:0 0 0 25px;
}

#indexbanner{
	width:615px;
	height:409px;
	float:left;
	padding:0 25px;
}

#indexbanner_pic{
	width:615px;
	float:left;
}

#folio{
	width:615px;
	float:left;
	padding:0 25px;
}

#folio_pic{
	width:615px;
	height:371px;
	float:left;
	background:#000;
	margin:0 0 8px 0;
}

#folio_caption{
	width:462px;
	float:left;
	padding:0 6px;
}

#folio_btn{
	width:20px;
	padding:0 5px;
	float:left;
}

#pic{
	float:left;
    padding:0 25px 0 15px;
}

#pic2{
	float:left;
    padding:0 25px 0 0;
}
#pic3{
	float:right;
    padding:0 0 0 25px;
}

/* content-right
------------------------------------ */
#index_right{
	width:234px;
	float:left;
	padding:33px 1px 0 0;
}

#news{
	width:155px;
	float:right;
	padding:8px 40px 0 0;
}

#promotion{
	width:155px;
	float:right;
	padding:8px 40px 0 0;
}

#folio_right{
	width:234px;
	float:right;
	padding:33px 0 0 0;
}

#sidenav{
	width:223px;
	text-align:right;
	float:right;
}

#sidenav_text{
	width:223px;
	padding:10px 0 0 0;
}
#acc_list li{
	width:220px;
}
#sep{
	height:1px;
	width:141px;
	background:#252525;
	float:right;
	margin:12px 0 12px 20px;
}

#sidenav ul{
	float:right;
	list-style:none;
	padding:1px 0 1px 1px;
}

#sidenav li{
	float:right;
	padding:5px 0 0 0;
	font:normal 8pt "Arial";
	text-align:right;
	text-transform:capitalize;
}

#sidenav li a{
	float:right;
	text-decoration:none;
	color:#fff;
}

#sidenav li a:hover{
	float:right;
	color:#ff0000;
	font:normal 8pt "Arial";
}

#acc_list li {
	padding:10px 40px 0 0;
}

body#events_1 a#events_1_nav,
body#events_2 a#events_2_nav
{
	color:#ff0000;
	font:normal 8pt "Arial";
	text-decoration:none;
}


/* form
------------------------------------ */

#form{
	width:400px;
	float:left;
	border:1px solid #252525;
	background-color:#0000;
	padding:10px;
}

#form label {
	display: block;
	float: left;
}
#form div.row{
	width:400px;
	float:left;
	margin:5px 0 5px 0;
}

#form p.row2{
	width:300px;
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 135px;
}
#form label{
	font:bold 8pt "Arial";
	width: 120px;
	padding: 0 15px 0 0;
	text-align:center;
}

.textarea{
	width:200px;
	height:150px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
.field{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}

.select{
	width:202px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.button {
	border:1px solid #d1d1d1;
	font:bold 7pt "Tahoma";
	color: #333317;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
	margin-right:3px;
}

.txt-red2{
	color:#ff0600;
	font:bold 7pt "tahoma";
}

/* link-txt / text
------------------------------------ */
#title{
	font:bold 14pt "Trebuchet MS";
	color:#ff3000;
	text-transform:uppercase;
	width:100%;
}

#firstpara{
	font:bold 9pt "Arial";
	text-decoration:none;
	line-height:1.7em;
}

.subtitle{
	font:bold 10pt "Trebuchet MS";
	color:#ff3000;
	text-transform:uppercase;
	text-decoration:none;
}

.subtitle2{
	font:bold 12pt "Trebuchet MS";
	color:#ff3000;
	text-transform:uppercase;
	text-decoration:none;
}

.fontbig{
	font:normal 10pt "Arial";
	Color: #fff;
	line-height: 1.6em;
}

.linkorange{
	color:#ffc99e;
	font:normal 7pt "Tahoma";
}

.link{
	color:#ff3000
}

/* space
------------------------------------ */
.space1{
	padding:0 0 10px 0;
}

.space2{
	padding:0 0 15px 0;
}

.space3{
	padding:0 10px 0 0;
}

	
/* footer
------------------------------------ */
#footer {
	width:900px;
	float:left;
	text-align:right;
	font:normal 7pt "Tahoma";
	Color:#999999;
	text-decoration: none;
	padding:12px 0 0 0;
	height:18px;
}

#footer a{
	Color:#bbbbbb;
	text-decoration: none;
}
#footer a:hover{
	Color:#fff;
	text-decoration: underline;
}