﻿body 
{
	background: url(../images/body_background.png) repeat-x scroll top; 
	background-color: #4C87D0;
	height:inherit;
	}
.pgwhole
{
	float:left; width:778px;  color:#000000; background-color:White; padding-left:80px; padding-right:80px;
	}	
ul
	{
	list-style-type:disc;
		}
h1, h2, h3, h4, h5, p, ul, li, font, div, span, a
{
	font-family:Arial, Helvetica, Sans-Serif;
    color:black;
	}

/*///////////Top Menu Bar Begin/////////////*/	
.top_left
{	
	float:left;
	display:block; 
	width:7px; 
	height:30px; 
	background: url(../images/Left_Top.png);
	}
.top_repeat
{	 
	float:left;
	display:block;
	width:814px;
	height:30px;  
	background-repeat: repeat-x; 
	background: url(../images/Top_Repeat.png);
	 }
#login
{
	float:left;
	display:block; 
	width:103px; 
	height:30px; 
	background: url(../images/home2.png);
	}
#top_login:hover

{
	background-position:0 -30px;
	}

#top_login
{
	float:right;
	display:block;
	width:120px;
	background: url(../images/Top_Login2.png);
	}
#top_login span
{	
	display:none;
	}

#Network
{
	display:block;
	width:124px;
	height:25px;
	background: url('../images/NetworkBtn.png');
	}
#Network:hover

{
	background-position:0 -25px;
	}
#HomeQL
{
	display:block;
	width:25px;
	height:25px;
	background: url('../images/HomeQL.png');
	}
#HomeQL:hover
{
	background-position:0 -25px;
	}
#Network span
{	
	display:none;
	}
.LnkNothover
{
	text-decoration:none; 
	color:#395F9D;
	}	
.Lnkhover
{
	text-decoration:underline; 
	color:#395F9D;
	}
.top_right
{
	display:block; 
	width:7px; 
	height:30px; 
	background: url(../images/Right_Top.png);
	}
.blackTop
{
	display:block;
	width:940px;
	height:1px;
	background-color:#A2A2A4;
	
	}
.whiteTop
{
	display:block;
	width:940px;
	background-color:#ffffff;
	}
.Date
{
 color:#1B3486;
 padding-right:20px;
 float:left;
 padding-top:4px;
 
	}

/*///////////Top Menu Bar End/////////////*/

/*///////////Logo Bar Begin/////////////*/
#logo
{
	display:block;
	height:80px;
	width:230px;
	background: url(../images/CHAMPS_logo.png)	
	}
#logo span
{
	display:none;

	}
	
#trial
{
	display:block;
	float:left; 
	width:137px; 
	height:61px; 
	background: url(../images/PurchaseNow.png);
	}
#trial:hover
{
	background-position:0 -61px;
}
#trial_now
{
	color:White;
	font-size:18px;
	padding-top:10px;
	padding-left:8px;
	text-align:center;
	font-family: Arial, Arial Narrow, Helvetica, Myriad Pro;
    font-weight:bold;	

	}
	
#purchase
{
	display:block; 
	width:137px; 
	height:61px; 
	background: url(../images/PurchaseNow.png);
	}
#purchase:hover
{
	background-position:0 -61px;
	}
#purchase_now
{
	color:White;
	font-size:20px;
	padding-top:10px;
	padding-left:6px;
	text-align:center;
	font-family: Arial Narrow, Arial, Helvetica, Myriad Pro;
	font-weight:bold;
	}
#purchase_next
{
	color:White;
	font-size:20px;
	padding-top:10px;
	padding-left:48px;
	font-family:Myriad Pro, Arial, Helvetica;
	}
	
#contact_now
{
	color:White;
	font-size:18px;
	padding-top:10px;
	padding-left:23px;
	font-family:Arial, Helvetica;
	}
/*///////////Logo Bar End/////////////*/

/*///////////Navigational Menu CSS Begin//////////////*/
.menus
{
	display:block;
	clear:none; 
	float:left; 
	border:0px; 
	overflow:hidden;
	}
.left_menu
{
	display:block; 
	width:11px; 
	height:55px; 
	background: url(../images/Left_Menu2.png);
	}
.menu_repeat
{	 
	display:block;
	width:131px;
	height:55px;  
	background-repeat: repeat-x; 
	background: url(../images/Menu_Repeat.png);
	 }

.BtnTxt {
    color: white;
    display: block;
    font-size: 17px;
    padding-top: 8px;
    text-align: center;
}
.blank
{
	display:block; 
	width:131px; 
	height:55px; 
	background: url(../images/blank.png);
	text-decoration:none;
	}
.blank:hover
{
	background-position:0 -55px;
	}
#home
{
	display:block; 
	width:103px; 
	height:55px; 
	background: url(../images/home2.png);
	}
#home:hover
{
	background-position:0 -55px;
	}
#home span
{
	display:none;
	}
#aboutus
{
	display:block; 
	width:121px; 
	height:55px; 
	background: url(../images/aboutus2.png);
	}
#aboutus:hover
{
	background-position:0 -55px;
	}
#aboutus span
{
	display:none;
	}
#faq
{
	display:block; 
	width:110px; 
	height:55px; 
	background: url(../images/faq2.png);
	}
#faq:hover
{
	background-position:0 -55px;
	}
#faq span
{
	display:none;
	}
#product
{
	display:block; 
	width:132px; 
	height:55px; 
	background: url(../images/Product2.png);
	}
#product:hover
{
	background-position:0 -55px;
	}
#product span
{
	display:none;
	}
#library
{
	display:block; 
	width:145px; 
	height:55px; 
	background: url(../images/library.png);
	}
#library:hover
{
	background-position:0 -55px;
	}
#library span
{
	display:none;
	}
#contactus
{
	display:block; 
	width:135px; 
	height:55px; 
	background: url(../images/ContactUs.png);
	}
#contactus:hover
{
	background-position:0 -55px;
	}
#contactus span
{
	display:none;
	}
.menu_repeat2
{	 
	display:block;
	width:158px; /* with library*/
	height:55px;  
	background-repeat: repeat-x; 
	background: url(../images/Menu_Repeat2.png);
	 }
.right_menu
{	
	display:block; 
	width:11px; 
	height:55px; 
	background: url(../images/Right_Menu2.png);
		}
/*///////////Navigational Menu CSS End//////////////*/

.default_banner
{
	display:block;
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	width:940px; 
	height:250px; 
	clear:both;
	background:url(../images/Banner7.png);
	}
#default_banner span
{
	display:none;
	}
#spacer
{
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	overflow:hidden;
	
	}
#inside_demensions
{
	width:938px; 
	height:20px;
	float:left; 
	}
.white_page
{	
	padding-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
	overflow:hidden;
	clear:both;
	background-color:White; 
	border-left-style:solid; 
	border-left-color:#C6C6C8; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-color:#C6C6C8; 
	border-right-width:1px;
	}
.footerfix
{
	padding-bottom:0px;
	padding-top:0px;
	margin-bottom:0px;
	overflow:hidden;
	clear:both; 
	
	}
	
.Contact_Header
{
	background: url(../images/Contact_Header.png);
	width:219px;
	height:31px;
	font-size:18px;
	color:White;
	}
	
.ContactUs_Header
{
	background: url(../images/ContactUs_MenuBar.png);
	width:639px;
	height:31px;
	font-size:18px;
	color:White;
	}
.bodybox
{
	width:639px; 
	float:left; 
	margin-right:30px; 
	margin-left:10px;
	}
.bodybox2
{
	width:639px; 
	float:left; 
	margin-right:10px; 
	margin-left:30px;
	margin-bottom:20px; 
	}
.box
{
	padding-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	overflow:hidden;
	background-color:#ECECEC; 
	border-left-style:solid; 
	border-left-color:#C6C6C8; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-color:#C6C6C8; 
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#C6C6C8;
	border-bottom-width:1px;
	}

.box2
{
	padding-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	overflow:hidden;
	background-color:#F7F4FD; 
	border-left-style:solid; 
	border-left-color:#C6C6C8; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-color:#C6C6C8; 
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#C6C6C8;
	border-bottom-width:1px;
	}
.box3
{
	padding-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	overflow:hidden;
	background-color:#F7F4FD; 
	border-left-style:solid; 
	border-left-color:#C6C6C8; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-color:#C6C6C8; 
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#C6C6C8;
	border-bottom-width:1px;
	background-color:Fuchsia;
	}
.box4
{
	padding-bottom:0px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:0px;
	overflow:hidden;
	background-color:#ECECEC; 
	border-left-style:solid; 
	border-left-color:#C6C6C8; 
	border-left-width:1px; 
	border-right-style:solid; 
	border-right-color:#C6C6C8; 
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#C6C6C8;
	border-bottom-width:1px;
	}
#page_demensions
{
	width:938px; 
	height:inherit; 
	}
.footer
{
	display:block;
	width:918px;
	height:178px;  
	background-repeat: repeat-x; 
	background: url(../images/FooterRepeat.png);
	}
.ValidationSummary
{
	color:Red;
	font-size:12px;
	}
.BoxTopLeft
{	
	float:left;
	display:block; 
	width:10px; 
	height:31px; 
	background: url(../images/LeftBoxTop.png);
	}
.BoxTop
{	 
	float:left;
	display:block;
	width:281px;
	height:31px;  
	background-repeat: repeat-x; 
	background: url(../images/CenterBoxTop.png);
	font-size:16px;
	 }
.BoxTopDemo
{	 
	float:left;
	display:block;
	width:280px;
	height:31px;  
	background-repeat: repeat-x; 
	background: url(../images/CenterBoxTop.png);
	font-size:16px;
	 }
.BoxTopDemo2
{	 
	float:left;
	display:block;
	width:411px;
	height:31px;  
	background-repeat: repeat-x; 
	background: url(../images/CenterBoxTop.png);
	font-size:16px;
	 }
.BoxTopRight
{
	float:left;
	display:block; 
	width:10px; 
	height:31px; 
	background: url(../images/RightBoxTop.png);
	}
.BoxTopLeft2
{	
	float:right;
	display:block; 
	width:10px; 
	height:31px; 
	background: url(../images/LeftBoxTop.png);
	}	
.BoxTopDemo3
{	 
	float:right;
	display:block;
	width:411px;
	height:31px;  
	background-repeat: repeat-x; 
	background: url(../images/CenterBoxTop.png);
	font-size:16px;
	 }
.BoxTopRight2
{
	float:right;
	display:block; 
	width:10px; 
	height:31px; 
	background: url(../images/RightBoxTop.png);
	}
#TryDemo
{
	display:block; 
	width:209px; 
	height:90px; 
	background: url(../images/TryFree.png);
	}
#TryDemo:hover
{
	background-position:0 -90px;
	}
#TryDemo span
{
	display:none;
	}
.emailtitle
{
	background: url("http://testing.champspermits.com/images/champslogo.png")
	}
	
#otherTBDIV
{
	display:none;
	}
#video
{
	display:block;
	float:left; 
	width:82px; 
	height:50px; 
	background: url(../images/ExistingPermit.png);
	}
#video:hover
{
	background-position:0 -50px;
}
#video2
{
	display:block;
	float:left; 
	width:82px; 
	height:50px; 
	background: url(../images/Approving.png);
	}
#video2:hover
{
	background-position:0 -50px;
}
#video3
{
	display:block;
	float:left; 
	width:82px; 
	height:50px; 
	background: url(../images/Approving.png);
	}
#video3:hover
{
	background-position:0 -50px;
}
