* { margin:0; padding:0;}
body {
	font-family:"Trebuchet MS", Verdana, Arial, Tahoma;
	font-size:100%;
	line-height:1em;
	color:#CCCCCC;
	background-color: #295994;
}

.line-hor a img {
	border: none;
}

.line-hor a:hover img {
	bottom: 10px;
	position: relative;
}

input, textarea { font-family:"Trebuchet MS", Verdana, Arial, Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin:0; padding:0;}

.tail-top { background:url(images/tail-top.gif) left top repeat-x;}
.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x;}
.tail-content {background:url(images/tail-content.gif) repeat top;}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}

img {
	border: 3px solid #003366;
}

.form { height:26px;}
.form input {width:223px; height:18px; background:#fff; border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding-left:3px;}
textarea { width:287px; height:72px; background:#fff; overflow:auto;  border-top:1px solid #303030; border-left:1px solid #303030; border-bottom:1px solid #9f9f9f;  border-right:1px solid #9f9f9f; padding-left:3px;}


/*==================list====================*/
ul { list-style:none;}

.site-nav { width:100%; overflow:hidden;}
.site-nav li {display:inline;}
.site-nav li a {font-size:14px; color:#696969; text-decoration:none; padding:12px 16px 12px 16px; display:block; float:left;}
.site-nav li a:hover {text-decoration:none; color:#de893e;}
.site-nav li a.act {color:#de893e;}
.site-nav li a.act:hover {text-decoration:none;}

.list li {background:url(images/marker.gif) no-repeat left center; padding-left:17px; margin-bottom:8px;}
.list li a {font-size:13px;}


/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
.img-box img { float:left; margin:0 15px 0 0;}
.img-box1 img { float:left; margin:0 30px 0 0;}

.p1 {
	margin-top:15px;
}
.p2 {
	margin-top:10px;
}
.p3 {margin-top:5px;}
.p4 {margin-top:2px;}

.rss {float:right; margin:0 54px 0 0;}
.rss1 {margin-right:12px;}

.phone {float:right; margin-right:131px;}
.phone1 {float:right; margin-right:82px;}

/*==================txt, links, lines, titles====================*/
a {
	color:#999999;
	font-size:12px;
}
a:hover{text-decoration:none;}

.txt1 {color:#e08f41; font-size:12px;}
.txt2 {color:#e08f41; font-size:13px;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.line-hor {padding-bottom:28px; margin-bottom:30px; background:url(images/line1.gif) repeat-x bottom;}
.line-hor1 {padding:0 0 20px 22px; margin:0 1px 0 1px; background:url(images/line1.gif) repeat-x bottom;}

.title {
	margin:0 0 15px 0;
	font-size: 24px;
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
	font-weight: bold;
	color: #FFFFFF;
}

/*==========================================*/
.title-orange {
	margin:0 0 10px 0;
	font-size: 24px;
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
	font-weight: bold;
	color: #E08F41;
	text-align: center;
}
.title-orange-2 {
	margin:0 0 10px 0;
	font-size: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
	font-weight: bold;
	color: #E08F41;
	text-align: left;
}

/*==================boxes====================*/
.nav-box {background:url(images/nav-bgd.gif) repeat-x; margin:33px 0 36px 0;}
.nav-box .left {background:url(images/nav-left.gif) no-repeat left top; padding-left:20px;}
.nav-box .right {background:url(images/nav-right.gif) no-repeat right top;}

.box {width:100%;}
.box .border-top {background:url(images/border.gif) repeat-x top;}
.box .border-bot {background:url(images/border.gif) repeat-x bottom;}
.box .border-left {background:url(images/border.gif) repeat-y left;}
.box .border-right {background:url(images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding:33px 0 30px 0;}
.box .inner1 {
	padding:5px 23px 0 21px;
}


/*header*/
#header .col-1 {width:364px;}
#header .col-1 .indent {padding:32px 0 0 22px;}
#header .col-2 {width:598px;}

/*content*/
#content {padding:23px 0 37px 28px;}
#content .indent {margin-top:34px;}
#content .indent1 {margin-bottom:40px;}
#content .indent2 {margin-right:51px;}
#content .indent3 {margin-bottom:18px;}

/*footer*/
#footer .fright {padding:21px 32px 0 0;}
#footer .fleft {padding:25px 0 0 29px;}
/* Slider */

		a:focus { outline:none }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 630px;
	clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 500px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	visibility: hidden;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.png") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.png") no-repeat center;
		}
		
/* accordion */

div#test-accordion{
    border: 1px solid #343230;
	background-color:#21201f;
	padding:0px;
}

div.accordion {
	position: relative; /* required for bounding */
	width:560px;
}

div.accordion-toggle{
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background: #3f3c38;
	background-image:url(images/off.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#ffffff;
	cursor: pointer;
	margin-bottom:1px;
	padding:9px 14px 6px 14px;
	border-top:1px solid #5d5852;
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma;
	font-weight: bolder;
}
div.accordion-toggle:hover, div.accordion-toggle-active{
	background-image:url(images/on.jpg);
	background-color:#6d493a;
	border-top:1px solid #a06b55;
}

div.accordion-content{
	overflow: hidden;	/* required for effect */
	background: #302e2c;
	padding:9px 24px 6px 34px;
	color:#c4bab1;
	border-bottom:1px solid #000000;
}

/* Tips */

#tooltip {
	background-color: #CCCCCC;
	border: 1px solid #888888;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 20em;
	line-height: 12px;
	font-size: 10px;
}
#tooltip h3 {
	font-size: 1.1em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 0.95em;
	margin: 5px 0 0 5px;
	text-align: left;
}

/* Table */
.first-row
	{
	background-color:#333333;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
	}
.second-row
	{
	background-color:#666666;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
	}
.third-row
	{
	background-color:#777777;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px;
	}
	
td {
	padding:5px;
}