@charset "utf-8";
/* DEFAULTS FOR BROWSER COMPATIBILTY */
body {
	background:url(/images/bg.jpg) center top repeat-x;
	background-color:#5e9fd5;
    text-align: center; /* IE centering */
    font-family:Arial, Lucida Grande, Helvetica, sans-serif;
	color:#173d60;	
}

body, font {
    font-size: 12px;    /* Override FCK's font sizing scheme */
    font-family:Arial, Lucida Grande, Helvetica, sans-serif;
	color:#173d60;
}


* { /* ZERO DEFAULTS */
    margin:0px;
    padding:0px;
}

li { margin-left:30px; list-style-type:disc;}

a img { border:none; } /* remove border from img links */

.clear { /* float clear */
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
a {
	color:#006dff; 
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
	color:#1d487c;
}	

/* PAGE WIDTH AND CENTERING */
#wrapper {
    text-align: left; /* fix for IE centering */
    margin: 0px auto; /* none-IE centering */   
    width: 968px;
	/*border:#FF0000 solid 1px;*/
}
#topLogo {
	float: left;
	height: 66px;	
	width: 175px;
	display:block;		
}

#topNavRightContainer {
	background:url(/images/headers/about_right_top_bg.png) bottom left no-repeat;
	position:relative;
	float: left;	
	height: 66px;	
	width: 620px;	
	padding-left: 165px;
/*	border:#000000 solid 1px;*/
}

/*ADDthis and Social Media icons */
#topNavRightContainer #bookThis {
	position:absolute;
	/*left: 574px;*/
	right: 0px;
	top: 6px;	
	width: 230px;
	line-height: 17px;
	height: 17px;
	vertical-align: middle !important;
	text-align: right;}
#bookThis .addthis_toolbox {display: inline-block !important; margin-left: 3px; width: 139px; height: 17px; zoom: 1; *display: inline !important;}
#bookThis .sm {margin: 1px 0 0 4px; height: 17px; width: 17px;}
#bookThis .at300m {padding: 0 !important;}

#plusone, #plusone div, #plusone a, #plusone img {display: inline-block; vertical-align: top;}
#plusone, #plusone div, #plusone a, #plusone img {display: inline !important;}
#bookThis #___plusone_0 {height: 17px !important; vertical-align: top !important;}
.s5 LF Uu {margin-top: 1px !important;}

#topNavRightContainer #bookThis a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
}
#topNavRight {
	float: left;
	padding-top: 36px;	
	height: 31px;	
	width: 620px;	
	display:block;	
/*	border:#000 solid 1px;	*/
}
#topNavRight a {
	color:#FFFFFF;
	font-family:Lucida Grande, Helvetica, sans-serif;
	font-size:10px;
	text-decoration: none;
	line-height: 30px;
	font-weight: normal;	
}
#topNavRight a:hover {
	color:#006dff;
}
#topNavRight span {
	color:#FFFFFF;
	margin-right: 8px;
	margin-left: 8px;
	font-size:10px;	
}
/*Search form*/
#topNavRight form {
/*	margin-left:40px;*/
/*	width:200px;*/
	display:inline;
	color:#FFFFFF;
	margin-top:10px;
	text-align:right;
/*	border:#FF0000 solid 1px;*/
}
#topNavRight form .input {
	/*line-height:19px;*/
	font-size:10px;
	width:115px;
	color: #999999;
	vertical-align:baseline;
}

#bottomContainer {
	position:relative;
	width:959px;
	background:url(/images/content_bg.png) repeat-y;	
	padding-left:9px;
}

#mainNav {
	position:absolute;
	right:0px;
	top:0px;
	width:590px;
	height:30px;
	margin-top:10px;
	/*border:#FF0000 solid 1px;*/
}
#mainNav a, #bottomNav a {
	color:#1f517f;
	font-size:9px;
	margin-right:3px;
	font-family: Arial, Lucida Grande, Helvetica, sans-serif;
	text-decoration:none;
	letter-spacing:normal;
	font-weight:bold;
}
#mainNav span, #leftContent a span , #bottomNav span  {
	background:url(/images/green_arrow.jpg) center center no-repeat;
	padding-left:5px;
	width: 14px;
}
#mainNav a:hover, #leftContent a:hover, #bottomNav a:hover {
	color:#95aa0a;
	text-decoration:underline;
}
#contentArea {
	margin: 0px 25px 0 25px;

}
#contentArea #oneContent {
/*	float:left;*/
	width: 862px;
	margin-left:5px;
}
#contentArea #leftContent {
	float:left;
	width: 262px;
}
#leftContent  h1, #leftContent  h1 a {
	font-size:16px;
	font-weight:normal;
	color:#95aa0a;	
	margin-bottom: 5px;
}
#leftContent a {
	color:#1f517f;
	text-decoration:none;
	line-height: 20px;
	font-size:11px;
}
#leftContent li {
	list-style-image:url(/images/green_arrow2.jpg);	
	margin-left:17px; 
	padding-leff:0px;
	line-height: 20px;
}
#leftContent li li {
	list-style:none;
	margin-left:17px; 
	padding-leff:0px;
	line-height: 20px;
}
#contentArea #leftContent  #contactBox {	
	background:url(/images/sign_up_bg.jpg) top left no-repeat;
	width: 262px;
	height:279px;	
	display:block;
}
#contentArea #leftContent  #contactBox #sign_up {
	padding-top:22px;
	
}
#contentArea #leftContent #contactBox #sign_up .textArea {
	width:201px;
	height:50px;
	
}
#contentArea #leftContent  #contactBox a {
	line-height:15px; 
	text-decoration:underline;
}
#contentArea  #leftContent #contactBox h1, #contentArea #leftContent #contactBox h2{
	padding-left:45px;
	font-size:16px;
	font-weight:bold;
	color:#95aa0a;	
}
#contentArea #leftContent #contactBox h2{
	padding-top: 5px;
}
#contentArea #leftContent #contactBox span {
	font-size: 10px;
	
}
#contentArea #leftContent #contactBox table {
	margin:0 25px 0 25px;
}
#contentArea #leftContent #contactBox table td {
	color:#FFFFFF;
}
#contentArea #leftContent #contactBox .bigText {
	font-size:18px;
	padding-top:0px !important;
	
}

#contentArea #rightContent {
	float:right;
	width:600px;
	color:#1f517f;	
	margin-bottom: 25px;
}
#contentArea #rightContent img {
	margin: 10px;
}

#contentArea #rightContent #rightBox{
	background:url(/images/par_bg.jpg) repeat-y;
	margin-bottom: 25px;	
	margin-top:15px;
}
#contentArea  #rightContent #rightBox h1 {
	color:#4b7ff6;
	font-size: 16px;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
/*	margin-bottom:5px;*/
	margin-top: -5px;
}	
	
#contentArea  #rightContent #rightBox h4 {
	color:#00579a;
	font-size: 14px;
	text-transform:uppercase;
	font-weight:bold;
}	
	
#contentArea #rightContent #rightBox p {
	padding-left: 20px;
	padding-right: 35px;
	color:#1f517f;
	line-height:22px;
	letter-spacing:1px;
	text-align:justify;
}
#contentArea #rightContent #rightBox p span {
	color:#95aa0a;
}
#contentArea #rightContent #rightBox img {
	margin: 0px;
}
#contentArea  #rightContent  h1, #contentArea #oneContent h1 {
	color:#4b7ff6;
	font-size: 16px;
	text-transform:uppercase;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:5px;
}
#contentArea  #rightContent a {
	color:#95aa0a;
	text-decoration:underline;
}
#contentArea  #rightContent a {
	color:#95aa0a;
	text-decoration:underline;
}
#contentArea  #rightContent h2 {
	color:#4b7ff6;
	font-size: 14px;
	text-transform:uppercase;
	font-weight:normal;
	padding:7px 0 5px 0;
}
/*#contentArea  #rightContent td a {
	background:url(/images/green_arrow.jpg) left center no-repeat;
	padding-left:12px;
	width: 14px;
	line-height: 15px;
}*/
#contentArea  #rightContent td a:hover {
	text-decoration:underline;
	color:#1f517f;	
}
#contentArea  #rightContent #salesForce, #contentArea  #rightContent #directory {
	background:url(/images/salesforce_page_bg.jpg) top left no-repeat;
	width: 581px;
	height: 539px;
	padding-left:29px;
	padding-right:50px;
}
#contentArea  #rightContent #salesForce  a {
	float:left;
	margin-left: 17px;
	margin-top:30px;
	width:150px;
	height: 35px;
	font-family: Helvetica, Arial, sans-serif;
	color:#95aa0a;
	font-size:15px;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	padding-top:95px;
	display:block;	
/*	border:#FF0000 solid 1px;*/
}
#contentArea  #rightContent #salesForce a:hover,#contentArea  #rightContent #directory  a:hover {
	color:#1f517f;
}	
#contentArea  #rightContent #directory {
	background:url(/images/login_panel_bg.jpg) top left no-repeat;
}
#contentArea  #rightContent #directory  a {
	float:left;
	margin-left: 35px;
	margin-top:57px;
	width:400px;
	font-family: Helvetica, Arial, sans-serif;
	color:#95aa0a;
	font-size:20px;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	vertical-align:top;
	display:block;	
	line-height: 18px;
	/*border:#FF0000 solid 1px;*/	
}
#contentArea  #rightContent #directory  a span {
	color:#1f517f;
	font-size:12px;
	line-height: 22px;
}
table.events {
	width: 600px;
	border: 1px #d79900 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.events td {
	border:#666666 solid 1px;
	padding: 5px;
}
table.events th {
	background-color:#c7d258;
	border:#666666 solid 1px;
	color:#00000;
}
td.top {
	background-color:#4b7ff6;
	border:#666666 solid 1px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding:2px;
}

.divider {
	border-top:#4b7ff6 solid 1px;	
	width:600px;
}
#map {
	position: relative; 
	width: 520px; 
	height: 330px; 
	top: 10px;
	padding-bottom:20px;
}

#bottomNav {
	text-align:center;
	margin-top:30px;
	border-top:#a7be0c solid 1px;	
	color:#173d60;
	line-height:35px;
	width: 900px;
	
}
#footer {
	text-align:center;
	color:#173d60;
	font-size:10px;
	line-height:35px;
}
#footer a, #footer a.extra {
	color:#95aa0a;
	font-size:11px;
	text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;	
}
#footer a.extra { 
	color:#d78a10;
	font-weight:bold;
	font-size: 18px;
}	
#footer a:hover {
	color:#1f517f;
	text-decoration:underline;
}
#footer span {
	margin-left:7px;
	margin-right:7px;
}
/* toggle effect for product pages */
/* --------------------------------------------------------------------- */
#rightContent #toggleContainer {
	width: 568px;
	background:url(/images/products_content_top_bg.jpg) top left no-repeat;
	background-color: #d8e9f8;		
	text-align:left;
	float:left;
}
#rightContent #toggleContainer #summary {
	width:528px; 
	margin:20px;
}

 #rightContent #toggleContainer h2.trigger {
	padding: 0 0 0 30px;
	margin: 0 0 5px 21px;
	background: url(/images/h2_trigger_a.gif) no-repeat;
	height: 28px;
	line-height: 28px;
	width: 495px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
 #rightContent #toggleContainer h2.trigger a {
	color: #fff;
	text-decoration: none;
	font-size:16px;
	text-transform:uppercase;
	display: block;	
}
 #rightContent #toggleContainer h2.trigger a:hover { color: #ccc; }
 #rightContent #toggleContainer h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px 25px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(/images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 516px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(/images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
	text-align:left;
	font-size:12px;
	margin-left:10px;

}
.toggle_container .block p, #toggleContainer p {
	padding-bottom:5px;
	padding-top: 5px;
}
.togglefooter {
	margin:0;
	padding:0;
	background:url(/images/products_content_footer.jpg) top left no-repeat;
	width: 568px;
	height:15px;
	float:left;
}

/* --------------------------------------------------------------------- */
