body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.jpg) #345212 repeat-x left top;
}
/*---------Common Styles------------*/

a {
	outline:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clearfix {
	clear:both;
	display:block;
	visibility:hidden;
	content: ".";
	line-height:0px;
}
#wrapper {
	width:1004px;
	margin:0px auto;
	padding:0px 0px;
	display:block;
}
#page {
	margin:0px;
	padding:0px;
	background:url(../images/bg-page.jpg) repeat-x left top;
	clear:both;
	min-height:510px;
}

/*---------Header Style------------*/

#header {
	margin:0px;
	padding:0px;
	height:90px;
}
.header_top {
	margin:0px auto;
	padding:0px 0px;
	width:850px;
}
.logo {
	margin:30px 0px 0px 0px;
	padding:0px;
	float: left;
}
/*---------Navigation------------*/
.top_icons {
	margin:10px 10px 0px 0px;
	padding:0px;
	float:right;
}
.top_icons a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B5DCFC;
	text-decoration:none;
}
.top_icons a:hover{
	color:#B5DCFC;
	text-decoration: underline;
}
.navigation {
	margin:26px 0px 0px 100px;
	padding:0px;
	float:left;
	width:580px;
}
.navigation ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.navigation li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	float: left;
}
.navigation li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	display:block;	
	font-weight: bold;
	line-height:25px;
	padding:0px 0px;
	margin:0px 10px;
}
.navigation li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../images/navi-hover.jpg) repeat-x left bottom;
}
.navigation li a.selected{
	color:#fff;
	text-decoration:none;
	background:url(../images/navi-hover.jpg) repeat-x left top;
}
.flash {
	width:300px;
	float: left;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#171717;
	text-decoration:none;
	text-align:right;
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	margin:0px;
	padding:20px 0px 0px 36px;
	text-align:justify;
	line-height:16px;
	float:left;
	width:600px;
}
.content a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration: underline;
}
.content a:hover{
	color:#ffffff;
	text-decoration: underline;
}
.content h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	text-decoration:none;
	font-weight: normal;
	margin:0px 0px 8px 0px;
	padding:0px;
}
.content h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	margin:0px 0px 5px 0px;
	padding:0px;
}
.content h2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}
.content h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px dashed #B5DCFC;
}
.content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.content li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 20px;
	background:url(../images/bullet.gif) no-repeat left 5px;
}
.thumb {
	border:1px solid #ffffff;
}
.big_img_left {
	border:1px solid #ffffff;
	float:left;
	margin:0px 20px 3px 0px;
	padding:0px;
}
.big_img_right {
	border:1px solid #ffffff;
	float:right;
	margin:0px 0px 3px 20px;
	padding:0px;
}
#footer {
	background: url(../images/bg-footer.jpg) repeat-x left top;
	margin:0px;
	padding:0px 30px;
	height:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration: none;
	line-height:35px;
}
#footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration: none;
	margin:0px 0px;
}
#footer a:hover{
	color:#fff;
	text-decoration: underline;
}
.vline {
	background:url(../images/v-line.gif) repeat-y top center;
}
.link {
	float:right;
}
.link a{
	float:right;
	text-decoration:none;
}
.link a:hover{
	float:right;
	text-decoration:underline;
}
.textfield {
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size:12px;
	color:#fff;
	text-decoration:none;
	border: 1px dotted #ffffff;
	background:none;
}

div#wn	{ 
    position:relative;
    width:568px;
	height:380px;
    overflow:hidden;
	float:left;
}
    
div#scrollbar { 
	position:relative;
	width:11px;
	height:380px; 
	display:block; /* initially display:none; to hide from incapable */
	float:right;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
 }
div#scrollbar img {
    display:block; 
    } 
div#track { 
  position:absolute; 
  top:11px;
  width:21px; 
  height:355px;
  background: url(../images/v-line.gif) repeat-y top center;
 }
div#dragBar {
  position: relative;
  width:5px; 
  height:20px;
  background:#ffffff;
  margin:2px 0px 2px 7px;
  cursor:pointer;
 }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background:#FF6600;
	border:1px solid #fff;
	padding:3px 10px;
	font-weight:bold;
}