body {padding:0; margin:0; height:750px; background:#6f6f6f}
table, td {border-collapse:collapse;}
table, td, img {border:0; padding:0;}
form, td{margin:0; padding:0;}
html {height:100%;}
br{font-size:10px}
sitenameheder {
	font-size:14px;
	font-family:Tahoma;
	color:#7d7b7b;
	line-height:13px;
	vertical-align:middle;
	padding:0px;
}
table{border:0px; border-collapse:collapse;	}
body, td{
	font-size:11px;
	font-family:Tahoma;
	color:#7b7b7b;
	line-height:13px;
	vertical-align:top;
	padding:0px;
}

p{
	/* The tut info on the bottom of the page */
	padding:5px;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
}

a img{ border:0px}
img{ vertical-align:top}

strong{ color:#91908d}
b{ color:#585858}
span{}
span a{} 
span a:hover{}

a{ color:#99c000; text-decoration:underline} 
a:hover{ color:#99c000; text-decoration: none}

.bg_bot{ background:url(images/bg_bot.gif) top left repeat-x #6f6f6f}
.bg_color{ background:#f2f2f2}
.bg_li_bot{ background:url(images/bg_li_bot.gif) top left repeat-y}
.bg_color_top{ background:#FFFFFF}




ul{margin:0; padding:0; list-style:none}
li{
	line-height:18px
}
li a{
	background:url(../images/1_z1.gif)  center left no-repeat;
	background-position:0 5px;
	margin:0px;
	padding-left:9px;
	color:#91908d;
	text-decoration:underline
}
li a:hover{color:#91908d; text-decoration:none}




.more{background:url(images/1_z2.gif)  center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}



.main_table{ width:100%; background:url(images/bg_left.gif) top left repeat-x #c4c4c4}
.site_center{text-align:center; width:100%; background:url(images/bg_bot.gif) bottom left repeat-x}
.site_center1{margin:0 auto; text-align:left; width:770px;}
 /*header*/
#header{ height:339px; width:770px} 
#header .row1{ height:26px; background:url(images/bg_hed_top.gif) top left repeat-y }
#header .row2{ height:313px; background:url(images/bg_hed_li.gif) top left repeat-x }

#header .row2 .col1{ width:586px; background:url(images/bg_header.jpg) bottom right no-repeat}

#header .row2 .col1 div{ padding:142px 0 0 60px}
#header .row2 .col1 .title{ margin:0 89px 0 0px}
#header .row2 .col2{ width:184px}

#header .row2 .col2 .indent{ margin:101px 0 0px 0px}



/*content*/
#content{ width:770px; height:352px; background:#FFFFFF }

/*page1*/
#page1 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page1 #content .row2{	height:342px;}

#page1 #content .row2 .col1{ width:21px}
#page1 #content .row2 .col2{ width:233px}

#page1 #content .row2 .col2 .title{ margin:0 0 25px 0px}
#page1 #content .row2 .col3{ width:516px}

#page1 #content .row2 .col3 .box1{ height:206px; color:#91908d}

#page1 #content .row2 .col3 .box1 div{ padding:30px 59px 15px 28px}
#page1 #content .row2 .col3 .box1 p{ margin:23px 15px 13px 0px}
#page1 #content .row2 .col3 .box1 .indent{ margin:19px 0px 0px 0px}
#page1 #content .row2 .col3 .box2{ height:136px}



/*page2*/
#page2 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page2 #content .row2{ height:342px}

#page2 #content .row2 .col1{ width:516px}

#page2 #content .row2 .col1 .box1{ height:242px}

#page2 #content .row2 .col1 .box1 div{ padding:32px 25px 10px 60px}
#page2 #content .row2 .col1 .box1 .title{ margin:0px 0px 28px 0px}
#page2 #content .row2 .col1 .box1 .title_1{ margin:13px 0px 0px 0px}
#page2 #content .row2 .col1 .box1 p{ margin:1px 15px 11px 0px}
#page2 #content .row2 .col1 .box2{ height:100px}
#page2 #content .row2 .col2{ width:233px}

#page2 #content .row2 .col2 .box1{ height:314px}

#page2 #content .row2 .col2 .box1 div{ padding:34px 15px 10px 38px}
#page2 #content .row2 .col2 .box1 .indent{ margin:29px 0px 19px 2px}
#page2 #content .row2 .col2 .box1 p{ margin:4px 0px 12px 2px}
#page2 #content .row2 .col2 .box2{ height:28px}
#page2 #content .row2 .col3{ width:21px}



/*page3*/
#page3 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page3 #content .row2{ height:342px}

#page3 #content .row2 .col1{ width:21px}
#page3 #content .row2 .col2{ width:233px}

#page3 #content .row2 .col2 .box1{ height:314px}

#page3 #content .row2 .col2 .box1 div{ padding:34px 15px 10px 38px}
#page3 #content .row2 .col2 .box1 .title{ margin:0px 0px 25px 0px}
#page3 #content .row2 .col2 .box1 p{ margin:4px 0px 18px 2px}
#page3 #content .row2 .col2 .box2{ height:28px}
#page3 #content .row2 .col3{ width:516px}

#page3 #content .row2 .col3 div{ padding:32px 50px 10px 28px}
#page3 #content .row2 .col3 .title{ margin:0px 0px 21px 0px}



/*page4*/
#page4 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page4 #content .row2{ height:342px}

#page4 #content .row2 .col1{ width:516px}

#page4 #content .row2 .col1 div{ padding:32px 20px 10px 60px}
#page4 #content .row2 .col1 .title{ margin:0px 0px 25px 0px}
#page4 #content .row2 .col1 .title_1{ margin:26px 0px 25px 0px}
#page4 #content .row2 .col1 .indent{ margin:20px 0px 0px 0px}
#page4 #content .row2 .col2{ width:233px}

#page4 #content .row2 .col2 .box1{ height:314px}

#page4 #content .row2 .col2 .box1 div{ padding:34px 20px 10px 39px}
#page4 #content .row2 .col2 .box1 .title{ margin:0px 0px 26px 0px}
#page4 #content .row2 .col2 .box2{ height:28px}
#page4 #content .row2 .col3{ width:21px}



/*page5*/
#page5 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page5 #content .row2{ height:342px}

#page5 #content .row2 .col1{ width:21px}
#page5 #content .row2 .col2{ width:233px}

#page5 #content .row2 .col2 .box1{ height:314px}

#page5 #content .row2 .col2 .box1 div{ padding:34px 20px 10px 38px}
#page5 #content .row2 .col2 .box1 .title{ margin:0px 0px 25px 0px}
#page5 #content .row2 .col2 .box2{ height:28px}
#page5 #content .row2 .col3{ width:262px}

#page5 #content .row2 .col3 div{ padding:32px 0 0 28px}
#page5 #content .row2 .col3 .indent{ margin:28px 0 19px 0px}
#page5 #content .row2 .col4{ width:233px}

#page5 #content .row2 .col4 .box1{ height:314px}

#page5 #content .row2 .col4 .box1 div{ padding:34px 15px 10px 38px}
#page5 #content .row2 .col4 .box1 .title{ margin:0px 0px 28px 0px}
#page5 #content .row2 .col4 .box2{ height:28px}
#page5 #content .row2 .col5{ width:21px}




/*page6*/
#page6 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page6 #content .row2{ height:342px}

#page6 #content .row2 .col1{ width:516px}

#page6 #content .row2 .col1 .box1{ height:238px; color:#91908d}

#page6 #content .row2 .col1 .box1 div{ padding:32px 0 0 60px}
#page6 #content .row2 .col1 .box1 .title{ margin:0px 0 28px 0px}
#page6 #content .row2 .col1 .box2{ height:104px}
#page6 #content .row2 .col2{ width:233px}

#page6 #content .row2 .col2 .box1{ height:314px}

#page6 #content .row2 .col2 .box1 div{ padding:34px 15px 10px 38px}
#page6 #content .row2 .col2 .box1 .title{ margin:0px 0px 26px 0px}
#page6 #content .row2 .col2 .box2{ height:28px}
#page6 #content .row2 .col3{ width:21px}




/*page7*/
#page7 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page7 #content .row2{ height:342px; width:770px; color:#91908d}
#page7 #content .row2 div{ padding:32px 43px 10px 60px}






/*footer*/
#footer { width:770px; height:59px;} 

#footer .row1{ height:5px; background:url(images/bg_foot.gif) top left repeat-x;}
#footer .row2{ height:54px; background:#919190; color:#FFFFFF; font-size:10px}
#footer .row2 div{ padding:19px 0 0 61px}
#footer .row2 .indent{ margin:0 15px 0 15px}
#footer .row2 a{ color:#FFFFFF; text-decoration: underline}
#footer .row2 a:hover{ color:#FFFFFF; text-decoration: none}



/*input*/
input{
	border:1px solid #888888;
	width:auto;
	height:auto;
	background-color: #CCC;
}
.input1{
   background:#ffffff;
   border:1px solid #91908d;
   width:201px; height:15px;
   color:#91908d;
   font-size:10px
}
#input2{
   width:44px; height:11px;
   border:0px;
}
#input3{
   width:39px; height:11px;
   border:0px;
}
textarea{
   background:#ffffff;
   border:1px solid #91908d;
   width:201px; height:49px;
   overflow:auto;
   font-family:Tahoma;
   font-size:11px;
   color:#91908d}
#sitename {
	font-size: 14px;
}
#page1 .main_table tr .site_center .site_center1 tr td {
	font-size: 12px;
}


bodytip {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF}
#text {margin:50px auto; width:500px}
.hotspot {
	color:#91908d;
	padding-bottom:1px;
	border-bottom:1px dotted #91908d;
	cursor:pointer
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

sitenameheader {font-size:14px}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:85%;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay,Arial,Helvetica,sans-serif;
	font-size:21px;
	height:28px;
	overflow:hidden;
	padding:10px 15px 0;
	position:relative;
	width:150px;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */

li.button a.blue{background:url(img/blue.png) repeat-x top left; color:#074384;}
li.button a.blue span{ background:url(img/blue.png) repeat-x top right;}

li.button a.green{background:url(img/green.png) repeat-x top left; color:#436800;}
li.button a.green span{ background:url(img/green.png) repeat-x top right;}

li.button a.orange{background:url(img/orange.png) repeat-x top left; color:#882e02;}
li.button a.orange span{ background:url(img/orange.png) repeat-x top right;}

li.button a.red{background:url(img/red.png) repeat-x top left; color:#641603;}
li.button a.red span{ background:url(img/red.png) repeat-x top right;}

/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:88%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#373128;
	border:1px solid #40392C;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}

#acc h4 {
	margin-top:2px;
	margin-bottom: 2px;	
	font-size:12px; 
	/*padding:1px 2px 1px;*/
	padding-top: 1px;
	padding-bottom: 1px;
	text-align:left;
}

.sortable {width:650px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {background:url(../../images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h4 {font-size:10px; padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h4 {
	background:url(../../images/sort.gif) 7px center no-repeat;
	cursor:pointer;
	padding-left: 18px;
}
.sortable .desc, .sortable .asc {background:url(../../images/header-selected-bg.gif)}
.sortable .desc h4 {
	background:url(../../images/desc.gif) 7px center no-repeat;
	cursor:pointer;
	padding-left: 18px;
}
.sortable .asc h4 {
	background:url(../../images/asc.gif) 7px  center no-repeat;
	cursor:pointer;
	padding-left: 18px;	
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {width:650px; margin:0 auto; height:20px}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:200px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}

/* The styles below are only necessary for the demo page */

h1{
	font-size:14px;
	font-weight:normal;
	margin-bottom:0px;
	font-family: Tahoma, Geneva, sans-serif;
	word-spacing: 3px;
	letter-spacing: 1px;
	margin-top: 5px;
}

h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	padding-right:140px;
	right:0;
	text-align:right;
	text-transform:uppercase;
	top:10px;
}
h3{
	word-spacing: 3px;
	letter-spacing: 1px;
	font-weight:normal;
	margin-top: 5px;
	line-height: 1.2;
}

.clear{
	clear:both;
}

#main{
	/* The main container */
	margin:15px auto;
	text-align:left;
	width:720px;
	position:relative;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

code {font-family:"Courier New",Courier}

#options {
	width:auto;
	margin:5px auto;
	text-align:right;
	color:#9ac1c9
}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

#acc {
	width:700px;
	list-style:none;
	color:#033;
	margin:0 auto 5px
}
#accli {
	 line-height:18px;
}

#acc h3 {
	width:auto;
	border:1px solid #9ac1c9;
	padding:2px 2px 3px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:url(../../images/header.gif);
	background-size:contain;
	margin-bottom: 0px;	
}

#acc h5 {
	width:auto;
	border:1px solid #9ac1c9;
	padding:2px 2px 3px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:url(../../images/header.gif);
	background-size:contain;
	margin-bottom: 0px;
}

#acc h3:hover {
	background:url(../../images/header_over.gif);
	background-size:contain;
}
#acc h5:hover {
	background:url(../../images/header_over.gif);
	background-size:contain;
}
#acc .acc-section {
	overflow:hidden;
	/*background:#fff;*/
	margin-top: 0px;
	margin-bottom: 0px;
}
#acc .acc-content {
	width:688px;
	padding:5px;
	border:1px solid #9ac1c9;
	border-top:none;
	background:#fff;
	margin-top: 0px;
}
#block_container {
	background:#FFF;	
}

#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; 
border:1px solid #9ac1c9; 
padding:6px 6px 8px; 
font-weight:bold; 
margin-top:5px; 
cursor:pointer; 
background:url(../../images/header.gif); background-size:contain;
}
#nested h3:hover {background:url(images/header_over.gif); background-size:contain;}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff}
#nested .acc-selected {background:url(../../images/header_over.gif)}


#sacc {
	width:700px;
	list-style:none;
	color:#033;
	margin:0 auto 5px
}
#saccli {
	 line-height:18px;
}

#sacc h3 {
	width:auto;
	border:1px solid #9ac1c9;
	padding:2px 2px 3px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:url(../../images/header.gif);
	margin-bottom: 0px;	
}

#sacc h5 {
	width:auto;
	border:1px solid #9ac1c9;
	padding:2px 2px 3px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:url(../../images/header.gif);
	margin-bottom: 0px;
}

#sacc h3:hover {
	background:url(../../images/header_over.gif)
}
#sacc h5:hover {
	background:url(../../images/header_over.gif)
}
#sacc .sacc-section {
	overflow:hidden;
	background:#fff;
	margin-top: 0px;
	margin-bottom: 0px;
}
#sacc .sacc-content {
	width:688px;
	padding:5px;
	border:1px solid #9ac1c9;
	border-top:none;
	background:#fff;
	margin-top: 0px;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {
	position:relative;
	width:500px;
	height:500px;
	padding:2px;
	border:1px solid #ccc;
	background:#000
}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; /*filter:alpha(opacity=70)*/}
#information h3 {padding:4px 8px 3px; 
font-size:14px;
}
#information p {padding:0 8px 8px}
#image {
	width:500px;
	background:#000;
}
#image img {
	position:absolute;
	z-index:25;
	width:auto
}
.imgnav {position:absolute; width:25%; height:506px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; /*filter:alpha(opacity=40)*/}
.linkhover {background:url(../../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {
	float:left;
	position:relative;
	width:406px;
	margin-left:5px;
	height:81px;
	overflow:hidden
}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
.menuskin{
display: block;
overflow: auto;
position:absolute;
width:240px;
background-color: #A8C0C8;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
visibility:hidden;
margin-left: -20em;
margin-top: 9em;
text-align: left;
opacity: 0.9;
}
.menuskin a{
text-decoration:none;
color:black;
padding-left:10px;
padding-right:10px;
display: block;
}
#mouseoverstyle{
background-color:highlight;
}
#mouseoverstyle a{
color:white;
}
.radblock {
width: 100%;
height: 100%;
background: #F8FAFA;
border: 1px solid #EEF2F2;
border-radius: 10px 10px;
}