/* Backware CSS Style */

body {
	font-family:Times, "Times New Roman", serif;
	font-size:11px;
	background:#010709 url(../graphics/right_background.jpg) no-repeat 697px bottom;
	color:#0b1c21;
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	}
a {
	color:#ffffff;
	}
	
/*Top of page, including the menu*/
#navigation {
	background:#ffffff url(../graphics/header-background_01.png) repeat-x;
	width:100%;
	min-width:800px;
	height:88px;
	float:left;
	}
#header_left {
	float:left;
	margin-bottom:-18px;
	}
#logo {
	float:left;
	margin:44px 0pt 0pt -4px;
	border:none;
	padding:0;
	margin-bottom:-18px;
	}
#menu {
	float:left;
	list-style:none;
	font-size:1.3em;
	margin:62px 0 0 61px;
	padding:0;
	}
#menu li {
	float:left;
	padding:0;
	margin:0 0 0 3px;
	}
#menu li a {
	color:white;
	text-decoration:none;
	padding:5px 5px 4px;
	margin:0 3px 0 0;
	display:block;
	}
#menu li a:hover {
	background-color:#6ba4a7;
	}
li.current a {
	background-color:white;
	color:#10262c;
	}
#menu li.current a {
	color:#10262c;
	}
/*tagline graphic and other graphics for just below the navigation section*/
#bodyWrapper {
	width:696px;
	float:left;
	background:#FFFFFF url('../graphics/headerCorner.png') no-repeat -10px -3px;
	height:100%;
	}
#header {
	clear:left;
	margin:0;
	float:left;
	width:696px;
	height:130px;
	}
#bluediv {
	margin:16px 0 0 0;
	/*position:absolute;
	top:105px;
	left:0;*/
	float:left;
	height:119px;
	width:163px;
	background-color:#030a0d;
	padding:0;
	}
#tagline_header {
	/*position:absolute;
	width:528px;
	height:130px;
	padding:0;
	top:87px;
	left:166px;*/
	float:left;
	margin:-1px 0 0 3px;
	}
#linework {
	float:left;
	clear:left;
	/*margin:-15px 0pt 0pt -10px;
	position:absolute;
	top:220px;
	left:-10px;*/
	background-color:#ffffff;
	}
/*styles for graphics on the left and right side of the main content area*/
#left_background {
	float:left;
	clear:left;
	/*margin-left:-10px;*/
	background:#040e10 url(../graphics/left_background.jpg) no-repeat center bottom;
	width:163px;
	height:656px;
	/*position:absolute;
	top:248px;
	left:-10px;*/
	}
/*styles for the main content area*/
.wrapper {
	width:507px;
	height:646px;
	padding:0 13px 0 13px;
	float:left;
	border-bottom:10px solid #0d2026;
	/*margin-left:3px;*/
	/*position:absolute;
	top:248px;
	left:163px;*/
	background-color:#ffffff;
	}
.wrapper p {
	font-size:1.2em;
	margin-top:0;
	padding-left:3px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.2em;
	float:left;
	clear:left;
	margin-bottom:5px;
	width:504px;
	}
.wrapper a {
	color:#990033;
	}
.wrapper a:hover {
	color:#6ba4a7;
	}
.wrapper h2 {
	float:left;
	font-size:1.5em;
	margin-bottom:10px;
	}
.wrapper h3 {
	width:504px;
	border-bottom:1px solid #0d2026;
	font-size:1.3em;
	padding:3px 0 0 3px;
	float:left;
	margin:0 0 10px 0;
	}
.wrapper #homepage_screens {
	/*position:absolute;
	right:0;
	top:25px;*/
	float:right;
	/*clear:left;*/
	}
.wrapper ul {
	font-size:1.2em;
	font-family:Helvetica, Arial, sans-serif;
	clear:left;
	}
.wrapper ul ul {
	font-size:1em;
	}
.wrapper #secondary_menu { /*secondary navigation under the overview page*/
	float:left;
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	font-size:1.2em;
	width:100%;
	font-family:Times, "Times New Roman", serif;
	}
#secondary_menu li {
	float:left;
	margin:0 auto;
	padding:0;
	}
#secondary_menu li a {
	padding:3px 5px;
	background-color:#0d2026;
	color:#ffffff;
	text-decoration:none;
	margin-right:4px;
	display:block;
	}
#secondary_menu .current a {
	background-color:#6ba4a7;
	}
/*the panel class is used for the expansion of the content on pages where the content collapses*/
.panel {
	margin:10px 0 0 0;
	float:left;
	clear:left;
	width:100%;
	}
.panel h3 {
	background:url(../graphics/closed_arrow.png) no-repeat 165px center;
	}
.panel h3:hover {
	background:#0d2026 url(../graphics/closed_arrow_hover.png) no-repeat 165px center;
	color:#ffffff;
	}
.panel h3.selected {
	background:#0d2026 url(../graphics/open_arrow_hover.png) no-repeat 165px center;
	color:#ffffff;
	}
.panel p {
	float:none;
	clear:none;
	}
.panel p .email {
	text-decoration:underline;
	cursor:pointer;
	}
.panel p .email:hover {
	color:#6ba4a7;
	}
/*styles for the demo page*/
.demo {
	float:left;
	margin:0 10px 20px 0;
	/*width:443px;*/
	}
.demo h3 {
	border:none;
	width:auto;
	float:left;
	margin:0;
	}
.demo .video1 {
	/*width:20%;*/
	float:left;
	clear:left;
	border:4px solid #0d2026; 
	margin-right:5px;
	background:url(../images/classes2_thumb.png) no-repeat;
	width:150px;
	height:118px;
	}
.demo .video1:hover {
	background:url(../graphics/classes2_hover.png) no-repeat;
	}
.demo .video2 {
	/*width:20%;*/
	float:left;
	clear:left;
	border:4px solid #0d2026; 
	margin-right:5px;
	background:url(../images/process_editNewCamperProc_thumb.png) no-repeat;
	width:150px;
	height:118px;
	}
.demo .video2:hover {
	background:url(../graphics/process_editNewCamperProc_hover.png) no-repeat;
	}
.demo .video3 {
	/*width:20%;*/
	float:left;
	clear:left;
	border:4px solid #0d2026; 
	margin-right:5px;
	background:url(../images/process_newBill_thumb.png) no-repeat;
	width:150px;
	height:118px;
	}
.demo .video3:hover {
	background:url(../graphics/process_editNewCamperProc_hover.png) no-repeat;
	}
/*styles for the content on the right side of the page, outside of the main content area*/
#contact_us {
	float:left;
	padding:10px;
	font-size:1.4em;
	color:#FFFFFF;
	/*background:#010709 url(../graphics/right_background.jpg) no-repeat left bottom;*/
	}
#contact_us h3 {
	margin:5px 0 0 0;
	font-size:1.5em;
	font-weight:normal;
	width:200px;
	}
#phoenix {
	float:left;
	margin:0 0 0 -2px;
	}
#contact_us p {
	margin:3px 0 0 0;
	float:left;
	clear:left;
	}
#contact_us a:hover {
	color:#6ba4a7;
	}
#contact_us .email {
	float:left;
	clear:left;
	margin:5px 0 0 -5px;
	cursor:pointer;
	}
/*styles for the screenshot thumbnails in the main content area of the blocks page*/
.screenshot {
	float:left;
	border:5px solid #0d2026;
	margin-right:10px;
	clear:left;
	}
.click_img {
	float:right;
	clear:right;
	margin:5px 0 0 0;
	width:158px;
	text-align:center;
	}
/*styles specifically for the faq page*/
#faq .panel h3 {
	background:none;
	}
#faq .panel h3:hover {
	background:#0d2026;
	}
#faq .panel h3.selected {
	background:#0d2026;
	}
/*styles for pdf link for printer-friendly content*/
#print {
	float:left;
	margin-top:15px;
	width:100%;
	padding:0;
	}
/*styles for the footer content*/
.wrapper #footer {
	position:absolute;
	width:507px;
	left:175px;
	clear:left;
	}
#footer span {
	float:left;
	}
#footer a {
	float:right;
	}