@import url(tripoli.base.css); 
@import url(/plugins/tripoli.visual.css); 
@import url(/plugins/tripoli.type.css); 

/*
Logo green #183c47
Logo red / red bar #e31b21
green bar #46636c
Background gray #e7e7eb
dark gray text #262626
light gray text #595959
light red text #f19c81
*/


body {	
	color: #262626;
	color: #595959;
}

h1,h2,h3,h4,h5,h6,h7 {color:#262626;}


a {
	text-decoration: none;
	color: #46636c;
}

a:hover {
	color: #262626;
	color: #e31b21;
}

p, #page ul, #page_content h1, #page_content h2, #page_content h3, #page_content h4, #page_content h5, span.q, span.a {
	margin-right: 150px;
	margin-left:55px;
}

span.q, span.a {display:block;}
span.a {margin-bottom:15px;}

#page_content ul {padding-bottom:10px;}

#page li {margin-left:30px;}

p.large {margin-top:20px;font-size: 1.2em;}

#page {
	margin:0px auto 20px;
	width:870px;
}

#billpay #page {background: url(../images/webcollect_main_billpay_870x109.jpg) no-repeat;}
#legal #page {background: url(../images/webcollect_main_billpay_870x109.jpg) no-repeat;}

#contact #page_content, #faqs #page_content, #employment #page_content, #legal #page_content {margin-top:7px;}

#page_content {padding-bottom:10px;}
#header {padding:15px 0 0 10px; margin-bottom:0px;position:relative;height:79px;}
#header h1 {margin:0;padding:0;padding-top:16px;}
#header h1 a {float:left;width:196px; height:41px;text-indent:-9999em;background: url(../images/webcollect_logo_196x41.png) no-repeat;}
#header h2 {margin:0;padding:0;left:9px;position:absolute;bottom:0;font-size:1em;margin:5px 0;padding:0px 0 0 49px;color:#f19c81;letter-spacing:.05em;color: #e31b21;}
#header ul {text-align:right;list-style:none;margin:0;position:absolute;bottom:0;right:0;}
#header ul li {float:left;margin:0 18px;}
#header ul li a {color: #f19c81;color:#fff;}
#header ul li a:hover {color:#262626;color: #e31b21;}

#nav {
	
	/*
	border-top: 3px solid #e31b21;
	border-bottom: 3px solid #46636c;
	*/
	padding:26px 0 0 0;
	margin:0;
}

#nav ul {margin:0;}
#nav li {
	display:inline;
	margin:0 18px;
}

#nav #nav_primary {margin-left:40px;display:inline;float:left;}
#nav #nav_secondary {text-align:right;}
#nav #nav_secondary li a {}
#nav #nav_secondary li a:hover {}

#page_content {
	background: #e7e7eb;
	margin:0;padding:0;
	padding-bottom:10px;border:0px solid #e7e7eb;
	margin-top: 15px;
	padding-top: 20px;
}

#billpay #page_content img {margin: 10px 10px 20px 0;}
#billpay .pay-notice a {color:#e31b21;margin:25px 0;display:block;font-size:1.3em;}
#billpay .pay-notice a:hover {color:#262626;color: #e31b21;}

#faqs #page_content, #contact #page_content, #legal #page_content, #employment #page_content {border-width: 1px 0 0 0;}
#image-blank {padding-bottom:30px;}
#page_content h2 {margin-bottom:30px;}

.list_col { float:left; width:187px;margin-top:10px;margin-left:35px; color: #595959;}
.list_col .list_head { display:block; text-indent:-9999em; width:186px; height:124px;margin-bottom:10px;}
#list_services {background:url(../images/webcollect_button_services_186x124.jpg) no-repeat;}
#list_technology {background:url(../images/webcollect_button_technology_186x124.jpg) no-repeat;}
#list_contact {background:url(../images/webcollect_button_contact_186x124.jpg) no-repeat;}

.list_col p {margin:0 10px;}
#page_content .list_col ul {margin:0 0 10px 0;padding:0;margin-left:0px;}
#page_content .list_col li {margin-left:20px;padding:0;}

#services .service_detail, body#technology .technology_detail {margin-left:0px;margin-bottom:50px;}
/* #page_content h2 {font-family:Times;} */
#page_content h3 {color: #e31b21; padding-bottom: 10px;}
.img_head {margin-bottom:30px;}
.red {color: #e31b21;}

/*
#services #nav {border-bottom: 3px solid #a47f2d;}
#about #nav {border-bottom: 3px solid #ac6732;}
#technology #nav {border-bottom: 3px solid #43531b;}
#security #nav {border-bottom: 3px solid #005591;}
#faqs #nav {border-bottom: 3px solid #563e37;}
#contact #nav {border-bottom: 3px solid #152e36;}
#legal #nav {border-bottom: 3px solid #152e36;}
#employment #nav {border-bottom: 3px solid #152e36;}
*/


#contact #page_content h4 {color: #e31b21;}
#contact #page_content p span {color: #262626;font-size:1.2em;margin:0;padding:0;}

#faqs .q {font-size:1.15em;color:#262626;}
#faqs .a {padding:10px 0 15px 0px;}
#faqs .a ul {margin:0;}
#about #nav-about a, #services #nav-services a, #technology #nav-technology a, #security #nav-security a, #faqs #nav-faqs a,
#contact #nav-contact a, #legal #nav-legal a, #employment #nav-employment a {color:#e31b21;}
.split {width:30%;float:left;margin-right:10px;}
#contact .split h4, .split p {margin-right:0; padding-right:0;}

/* .notice {border: 1px #f19c81 solid; color: #595959; font-size:.9em;padding:5px 0 5px 10px; } */
.notice {font-style:italic;}
.notice a {color:#e31b21;}
.notice a:hover {color:#262626;color: #e31b21;}

#footer {
	color: #595959;
	margin:0;
	margin-top:18px;
	padding: 0px 0 0 0;
	border-bottom: 3px solid #e31b21;
}


#footer a {color: #f19c81;}
#footer a:hover {color: #262626;color: #e31b21;}

.clear {clear:both;}


.loader {

}

.bar{
  display:none;
  background: url('ajax-loader.gif') no-repeat;
  margin-left:20px;
  margin-top:50px;
  height:20px;
  width: 230px;
}

#contactForm{
  position:relative;
}

#container {
  padding:px 0;
  position:relative;
}

#contactForm p {clear:both;}
body#contact #contactForm span {font-size:1em;color:#595959;}
#contactForm span.same {width:40%;float:left;}
input {margin-right: 50px; margin-bottom:10px; width:220px;}
textarea {width:510px;}
input.checkbox {margin-right:5px;}
#contactForm span {margin-right:20px;margin-bottom:10px;}
input.submit {width:80px;}
label {display:block;padding-top:5px;}
label.inline {display:inline;padding-right:20px;}