﻿@charset "utf-8";
/* CSS Document */
@import url('css/reset.css');
@import url('css/general.css');
@import url('css/forms.css');
@import url('css/tables.css');
@import url('css/messages.css');
@import url('css/superfish.css');
}
body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: black;
}
#wrapper {
	width: 1000px;
	margin: 0 auto;
}
#top {
	height: 152px;
}
#logo {
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 152px;
	width: 639px;
	margin-left: 10px;
}
#header {
	height: 356px;
	width: 1000px;
}
#socialbar {
	float: right;
	width: 190px;
	margin: 20px 20px 0 0;
}
/* Horizontal Tooltips menu */	
	#menu {
	/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative;
	text-align:center;
	width:200px;
	height:40px;
	}
	
	#menu ul {
	/* remove the list style and spaces*/
		margin:0;
	padding:0;
	list-style:none;
	display:inline;
	/* position absolute so that z-index can be defined */
		position:absolute;
	/* center the menu, depend on the width of you menu*/
		left:30px;
	top:0;
		
	}
	
	#menu ul li {
		
		/* give some spaces between the list items */
		margin:0 5px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#menu #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 

		/* image of the right rounded corner */
		background:url(images/tail.png) no-repeat right center; 
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#menu #box .head {
		/* image of the left rounded corner */
		background:url(images/head.png) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
		white-space:nowrap;

		/* set the text position manually */
		padding-left:8px;
		padding-top:12px;
	}
.nav{background:url('css/styles/default/images/nav-bg.jpg') repeat-x left top;
}
.navleft{width:15px; height:59px; float:left;  }
.navmid{float:left; height:59px; margin-left:20px;}
.sf-navbar {
	float:			left;
	margin-bottom:	1em;
}
.sf-navbar {
	line-height:	1.0;
}
.sf-navbar * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-navbar {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.navright{width:15px; height:59px; float:right;}
.style356 {
				text-align: right;
				font-family: "Arial", Helvetica, sans-serif;
				font-size: 15px;
				text-transform: uppercase;
				font-weight: bold;
}
#content {
	padding-bottom: 0px;
	overflow: hidden;
	border-top-width: 13px;
	border-top-style: solid;
	border-top-color: #CC0000;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}
#left {
	float: left;
	width: 318px;
	padding-right: 0px;
	padding-left: 0px;
}
#left2 {
	float: left;
	width: 670px;
}
#right {
	float: right;
	width: 275px;
}
#middle {
	float: left;
	padding-left: 10px;
	padding-right: 0px;
}
	/* Component containers */

.ui-widget-header {
	font-weight: bold;
	font-size:14px;
}

	/* Interaction states */

.pagination a {
	font-weight:bold;
	outline:none;
}

.ui-widget-content .ui-state-default {
	font-weight:bold;
	outline:none;
}

.ui-state-default {
	font-weight:bold;
	outline:none;
}

.pagination a:hover {
	font-weight:bold;
	outline:none;
}

.ui-widget-content .ui-state-focus {
	font-weight:bold;
	outline:none;
}

.ui-state-focus {
	font-weight:bold;
	outline:none;
}

.ui-widget-content .ui-state-hover {
	font-weight:bold;
	outline:none;
}

.ui-state-hover {
	font-weight:bold;
	outline:none;
}

.ui-widget-content .ui-state-active {
	outline:none;
}

.ui-state-active {
	outline:none;
}
#accordion p{
	font-size:12px;
	padding-bottom:0;
	background-color: white;
}
#tabs{
	margin:0px 0 0px 0;
	background-color: white;
}

	/* Tabs */

.ui-tabs { 
	padding:.0em;zoom:1;
	background-color: white;
}

.ui-tabs .ui-tabs-nav {
	list-style:none;
	position:relative;
	padding:.0em .0em 0;
}

.ui-tabs .ui-tabs-nav li {
	position:relative;
	float:left;
	border-bottom-width:0!important;
	margin:0 .2em -1px 0;padding:0;
}

.ui-tabs .ui-tabs-nav li a {
	float:left;
	text-decoration:none;
	padding:.5em 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom:0px;
	border-bottom-width:0;
}

.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor:text;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a {
	cursor:text;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	cursor:text;
}

.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	padding:1em 1.4em;
	display: block;
	border-width:0;
	background:none;
}

.ui-tabs .ui-tabs-hide {
	display:none!important;
}
.rightimg {
	float: right;
	padding-left: 10px;
	display: block;
	padding-top: 5px;
}
.leftimg {
	float: left;
	padding-right: 10px;
	display: block;
	clear: left;
}
#bottom {
	height: 302px;
	margin-top: 10px;
}
#bottomcontent {
	width: 1000px;
	margin: 0 auto;
	height: 205px;
	color: #FFFFFF;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
}
.bottomtitle {
	font-size: 25px;
	color: #FFFFFF;
}
#b1 {
	float: left;
	width: 370px;
	padding-right: 30px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: silver;
	height: 190px;
}
#b3 {
	float: right;
	width: 270px;
	padding-left: 20px;
}
#b2 {
	float: left;
	width: 170px;
	margin-left: 20px;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: silver;
	height: 190px;
}
#b4 {
	float: left;
	width: 100%;
	padding-right: 5px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #ebebeb;
}
.bottomgreentext {
	color: #b7eb4b;
}
#contact {
	color: #696969;
	padding: 5px;
}
#contact input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 6px;
	border: 1px solid #71cfe6;
	width: 230px;
	margin: 5px 0 5px 0;
	background-color: #c5f2fd;
	color: #333333;
}
#contact label {
	float: left;
	width: 90px;
	display: block;
	padding: 3px;
	margin: 3px 0 3px 0;
	clear: both;
	
}
#contact textarea {
	border: 1px solid #71cfe6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 6px;
	width: 230px;
	margin: 5px 0 5px;
	background-color: #c5f2fd;
	color: #333333;
}
#slideshowWrapper{position:relative;width:549px;margin:auto;
}
#fssPrev{
	/*position:absolute;
	top:169px;
	left:-67px;
	background:url(arrow.png) -67px 0px;
	width:67px;
	height:143px;
	text-indent:-999999px;*/
	display:none
	
}
#fssNext{/*position:absolute;top:169px;left:549px;background:url(arrow.png) no-repeat;width:67px;height:143px;text-indent:-999999px;*/display:none}
#fssPlayPause{position:absolute;top:435px;right:23px;background:url(images/white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;color:#333;text-decoration:none;}

ul#slideshow{
	height:480px;
	padding:3px;
	overflow:hidden;
	width:543px;
	border:1px solid #999
}
#fssList{list-style:none;margin:auto;padding:5px 0 0 45%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}


#content #middle .style345 .style484 tr td #accordion #middle #tabs #tabs-1 .style491 tr .style503 .style514 tr .style503 .style443 {
	font-size: 25px;
}
#content #middle .style345 .style484 tr td #accordion #middle #tabs #tabs-1 .style491 tr .style503 .style514 tr .style503 .style443 span {
	font-family: Arial, Helvetica, sans-serif;
}
div#tabs-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
}
div#bottomcontent a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: underline;
}
div#bottom a:hover{
	background-color:#cc0000;
	color: #ffffff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
