* {margin:0;padding:0}
body {background:#fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif;margin:0 auto;}
	
/* General */
h1, h2, h4, h5, h6 {letter-spacing:-1px; font-family:arial,verdana,sans-serif; margin:.5em 0 .3em; color:#666666; border-bottom:1px solid #C0C0C0}
h1 {font-size:196%;margin-top:.6em}
h2 {font-size:130%;color:#774525;}
h4 {font-size:120%; color:#666666; font-family:arial,verdana,sans-serif;}
h5 {font-size:106%}
h6 {font-size:96%}
ul {list-style:none}
img {border:none} 
hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
li {line-height: 1.4em;}
a,a:link,a:link,a:link,a:hover {cursor:pointer} 
a:link {color:#774525} 
a:visited {color:#774525} 
a:hover,a:active {color:#ce4a02}

/* CSS FOR SLIDESHOW SCRIPT */
.imageSlideshowHolder{
		float:right; /* Floating gallery at the right side of other web page content */
		width:390px;	/* Image width */
		height:218px;	/* Image height */
		position:relative;	/* Don't remove this line */ }
.imageSlideshowHolder img{position:absolute; left:0px; top:0px;}

.content {padding-left: 6px; FONT-SIZE: 12px; COLOR: #303030; FONT-FAMILY: arial; TEXT-ALIGN: left;}

/* Tabs */
#cab {height:30px;margin-left:20px;}
#navbar {background:url("images/navbar.png") repeat-x 0 0px; margin:2px 20px 0 20px; padding:14px 0 7px 10px;color:#666; font-size:11px}
#navbar a {color:#ce4a02; text-decoration:none}
#navbar a:hover{text-decoration:underline}
#cab ul {padding:0px 10px 0px 30px;list-style:none;}
#cab li {float:left; text-align:center; display:block; }
#cab a {color:#000}
#cab a:hover {color:#774525}
#cab a.navbut3 {float:left;background:url("images/tabrB2.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut3:hover {background:url("images/tabrightB.png") no-repeat right top;color:#774525}
#cab a.navbut3:hover {color:#774525}
#cab a.navbut3 span {float:left;background:url("images/tablB2.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center;display:block;}
#cab a.navbut3:hover span {background:url("images/tableftB.png") no-repeat left top;}
#cab a.navbut4 {float:left;background:url("images/tabrightB.png") no-repeat right top; padding:0px 6px 0px 0px;color:#66c; margin:0 1px;text-decoration:none; display:block; height:33px;color:#000; font-weight:bold}
#cab a.navbut4:hover {color:#774525}
#cab a.navbut4 span {float:left; background:url("images/tableftB.png") no-repeat left top;padding:9px 0px 5px 6px; text-align:center; display:block;}
#cab span a:hover {color:#000;}

.cab {padding:0px 10px 30px 5px;}
.cab span a {background:url("images/story_tab2.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px;text-align:center; text-decoration:none; padding:6px 0px 0px 2px; color:#990099; font-weight:bold}
.cab span.selected{cursor:text; font-weight:bold; color:#666; text-align:center; }
.cab span.selected  a{background:url("images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#ffffff; font-weight:bold}
.cab span a:hover { background:url("images/story_tab.png") no-repeat 0 0; display:block; float:left; width:100px; height:33px; text-decoration:none; padding:6px 0px 0px 2px; color:#FF0000; font-weight:bold}

/*News Random*/
.contentslide{
border: 4px solid #E5A5E5;
border-bottom-width: 6px;
padding: 9px;
width: 350px;
height: 130px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 364px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #E5A5E5;
border: 8px solid #E5A5E5;
border-width: 0 6px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 348px; /*IE5 width*/
width: 364px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

.comments {
	padding: 6px;
	font-size: 11px;
	color: #333333;
}

.comments ul { 
	padding:0; 
	margin:0;
}

.comments li {
	list-style-type: none;
	border-bottom: 1px solid #E2E2E2;
	background-color: #FFFFFF; 
}

/* Hides from IE5-mac \*/
* html .comments li {height:1%;}
/* End hide from IE5-mac */

.comments li span {
	display: block;
	text-align: right;
	font-size: 10px;
}

.comments li span img { 
	border: none;
	margin-bottom: -3px;
}

.comments li div.comment_header { padding: 2px 4px; color: #919191;}

.comments li div.comment_body { padding: 6px; font-size: 12px;}


/************** Center boxes ************/

#content-holder .box h3 {
	background: url(images/box_right_head_left.gif) top left no-repeat;
	color: #919191;
	font-weight: bold;
	font-size: 14px;
	padding: 6px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
}

/* Hides from IE5-mac \*/
* html #content-holder .box h3 {height: 1%;}
/* End hide from IE5-mac */

#content-holder .box .box_title {
	background: url(images/box_right_head_right.gif) top right no-repeat;
}

#content-holder .box {
	background: #FFFFFF url(images/box_right_body_right.gif) bottom right no-repeat;
	margin-bottom: 6px;
	float: left;
	width: 100%;
}

#content-holder .box .box_body {
	background:url(images/box_right_body_left.gif) bottom left no-repeat;
	padding: 6px 6px 12px 6px; 
}

#content-holder .box_line {
	border-top:1px solid #C5C5C5; 
	border-left:1px solid #C5C5C5;
	margin:0 1px 0 0; 
	height:1px; 
}

#content-holder .box h4 {
	font-weight: bold;
	font-size: 12px;
	color: #919191;
	border-bottom: 1px solid #D5D5D5;
	padding: 0px 0px 2px 0px;
	margin-bottom: 6px;
	width: 300px;
}

#content-holder .box h3 span a { float: right;}

/* Styles for forms */

form { 
	padding: 0px;
	margin: 0px;
}

select  {
	
}

textarea  {
	font-weight: normal;
	padding: 3px 2px;
	border: 1px solid #D5D5D5;
	width: 240px; 
}

.form_line {
	margin-bottom: 6px;
	width: 98%;
	overflow: auto;
}

.formElement input.input_Fields {
	border: 1px solid #D5D5D5;
	font-size: 11px; 
	font-weight: normal;
	color: #707070; 
	padding: 3px 2px;
	width: 200px; 
	font-family: Tahoma, Arial, Verdana;
}

.form_line label {
	/*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	color: #414141;
	padding: 3px 12px 3px 3px; 
	display: block; 
	float: left;
	width: 35%;
}

.formElement label {
	padding: 0px; 
	width: 60%;
	text-align: left;
}
.captionitem { BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px;
				COLOR: #b50000; BORDER-BOTTOM: #999999 1px solid; font-weight: bold;
				FONT-FAMILY: arial; BACKGROUND-COLOR: #cccccc; margin: 3px 3px 3px 3px;}
				

*:first-child+html .form_line {margin-bottom: 0px; padding-bottom: 6px;}


input.text {border: 1px solid #7F9DB9; font-family:tahoma; FONT-SIZE: 11px;}

select.options { border: 1px solid #7F9DB9; FONT-SIZE: 11px;}



input.submit_button, button { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}

.formElement p { margin-top: 0;}

#dynamic_box_center div.form_line label {
	text-align: right;
	padding: 3px 0px 3px 3px;
	display: block; 
	float: left;
	width: 30%;
	font-size: 11px;
	color: #303030;
	font-family: Tahoma, Arial, Verdana;
}

#dynamic_box_center div.formElement {float: left; margin-left: 6px; display: inline; z-index: auto;}

#dynamic_box_center div.formElement label {
	padding: 0px;
	width: auto;
	text-align: left;
	float: none;
	display: block;
	font-weight: normal;
}
TD.tygia {
	PADDING-RIGHT: 5px
}
.spacing {
	PADDING-LEFT: 2px; FONT-SIZE: 8px; COLOR: #C0C0C0; LINE-HEIGHT: 8px; FONT-FAMILY: tahoma; LETTER-SPACING: 1px; TEXT-ALIGN: center
}
TD.name {
	PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif
}
TD.name1 {
	PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif
}
TD.name2 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif; TEXT-ALIGN: right
}
TD.name3 {
	PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; VERTICAL-ALIGN: top; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, sans-serif; TEXT-ALIGN: left
}

.solidblockmenu{
margin-top:160px;
padding: 0;
float: left;
font: bold 13px Tahoma;
width: 100%;
background: black url(images/m1.jpg) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 5px 20px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/m2.jpg) center center repeat-x;
}
/*Example CSS for the two demo scrollers*/
#pscroller1{
width: 130px;
height: 155px;
text-align:justify;
/*border: 1px solid black;*/
padding: 5px;
/*background-color: lightyellow;*/
}
.someclass{ //class to apply to your scroller(s) if desired
}

html, body {
  margin:0px;
  padding:0px;
}
body {
  font-family:Verdana, Arial, sans-serif;
  font-size:11px;
  color:#3F4554;
  text-align:center;
  line-height: 1.8em;
}

#wrapper {
  width:1000px;
  margin:0px auto 0px auto;
  padding:0px;
  text-align:left;
  border:solid 0px #dadada;
}
#header {
  width:100%;
  height:190px;
  margin:0px;
  padding:0px;
  border-bottom:solid 0px #dadada;
}
#container {
  width:100%;
  height:auto;
  margin:0px;
  padding:0px;
  /*background-image: url(divider.gif);
  background-repeat: repeat-y;
  background-position: 200px 0px;*/
}
#left {
  width: 150px;
  height: auto;
  float: left;
  margin: 0px;
  /*background-image: url(images/back_1.jpg);
  background-repeat: repeat-x;
  padding-top: 20px;*/
  padding-left: 20px;
}
.lefttitle{
	
	font-weight: bold; padding: 2px 0px 0px 25px;
	background: url(images/ezhome-demo_33.jpg);
	text-transform: none;
	color: #FFFFFF; font-size: 11px;
	/*color: #339900; font-size: 1.5em;*/
}
.righttitle{
	
	font-weight: bold; padding: 2px 0px 0px 25px;
	/*background: url(images/ezhome-demo_33.jpg);*/
	text-transform: none;
	color: #FFFFFF; font-size: 11px;
	height:24px;
	/*color: #339900; font-size: 1.5em;*/
}

#right {
  width: 640px;
  height: auto;
  float: left;
  margin: 0px;
}
#right p {
  margin: 0px;
}
#qc {
  width: 100px;
  height: auto;
  float: left;
  padding-top:5px;
}
.button {border: 1px solid #FFFFFF; background-color: #336699; margin: 6 0 0 0;

	color: #F7F7F7; font-family: Verdana,Tahoma,Arial; font-size: 11px;

	font-weight: bold; cursor: pointer;}

.button_over {border: 1px solid #336699; background-color: #FF9900;

	color: #000000; font-family: Verdana,Tahoma,Arial; font-size: 11px;

	font-weight: bold; cursor: pointer;}

.button_down {border: 1px solid #C0C0C0; background-color: #EEEEEE;

	color: #B30022; font-family: Verdana,Tahoma,Arial; font-size: 11px;

	font-weight: bold; cursor: not-allowed;}

.clearer {
  font-size: 0px;
  height: 0px;
  width: 100%;
  display: block;
  clear: both;
}
#nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
  list-style-image: none;
}
#nav li {
  margin: 0px;
  padding: 0px;
  display: inline;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
    color:#3F4554;
    text-decoration: none;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 160px;
}
#nav li a:hover {
  color: #ccc;
  text-decoration: none;
}
#footer {
	float: left;
  width: 100%;
  padding: 0px;
  margin: 0px;

}
#footer p {
  margin: 0px auto 0px auto;
  padding: 10px 0px 10px 0px;
  color: #aaa;
}
#footer a:link, #footer a:visited, #footer a:active {
  color: #aaa;
  text-decoration: none;
}
#footer a:hover {
  color: #ccc;
  text-decoration: none;
}
	
.im_thumb { border:1px solid #000000; margin-right:7px; } 
.dvhdr1 { background:#EFF7FF; font-family:tahoma; font-size:11px; font-weight:bold; border-top:1px solid #8CB6D6; border-right:1px solid #8CB6D6; border-left:1px solid #8CB6D6; padding:2px; width:300px; text-align:center } 
.dvbdy1 { background:#EFF7FF; font-family:tahoma; font-size:11px; border-left:1px solid #8CB6D6; border-right:1px solid #8CB6D6; border-bottom:1px solid #8CB6D6; padding:2px; width:300px; text-align:left; }
.dvhdr2 { background:#EFF7FF; font-family:tahoma; font-size:11px; font-weight:bold; border-top:1px solid #8CB6D6; border-right:1px solid #8CB6D6; border-left:1px solid #8CB6D6; padding:2px; text-align:center }
.dvbdy2 { background:#EFF7FF; font-family:tahoma; font-size:11px; border-left:1px solid #8CB6D6; border-right:1px solid #8CB6D6; border-bottom:1px solid #8CB6D6; padding:2px; text-align:center; }
.photos-large {
	BORDER-RIGHT: #dfded6 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dfded6 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 10px; BORDER-LEFT: #dfded6 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #dfded6 1px solid;
}
.style5 {
	font-family: verdana;
	color: #116cb5;
	font-size: 10px;
}
.support {margin-top:3px; margin-bottom:3px; padding: 3 3 3 3; color: #FFFFFF; font-family: Verdana,Tahoma,Arial; font-size: 11px;}

form{ margin:0px; }
.fileholder{ margin-bottom:5px; height:20px; clear:both;}
.file{ float:left; clear:left; width:336px;}
#control{clear:both;}
.filelabel{ width:336px; float:left;}
.Icon_VIP {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	text-decoration: blink;
	font-weight: bold;
	vertical-align: text-top;
}


#mySlideshow
{
	width: 150px;
	height: 150px;
	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("loading-bar-black.gif");
}

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

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

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

.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("images/fleche1.png") no-repeat top left;
}

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

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

* html .jdSlideshow a.right { background: url("images/fleche2.gif") no-repeat top right; }
