/* Default Stylesheet for Nterchange Frontend 				*/
/* ================================================== */

@import url(print.css) print;
/*@import url("other_stylesheet.css") screen;*/

/* HTML RULES 								 		  									*/
/* ================================================== */
body {margin:0; padding:0; font:13px Arial, sans-serif; background:#C6DBF1 url(/images/layout/page_bg.gif) repeat-x top left;}
h1 { font-size:44px; margin:0; padding:0; font-family:Verdana; color:#F7AF26; margin-bottom:10px;}
h2 {font-size:16px; margin-bottom:2px;}
h3 {font-size:15px; margin-bottom:2px; color:#00437E;}
p { line-height:1.5; margin-bottom:10px; }
#main li{line-height:1.5;}
a {text-decoration:none; color:#1680da;}
a, a:focus, a:active, a:visited{outline:none;}
a:hover{text-decoration:underline;}
dd{margin-left:0; margin-bottom:5px;}
/* SITE LAYOUT RULES 								  								*/
/* ================================================== */
#top{position:absolute; top:0; width:100%; z-index:1; height:414px; background:url(/images/layout/top_home_bg.jpg) no-repeat 50% top;}
#site {margin:0 auto; width:980px; position:relative; z-index:2;clear:both;}

#masthead {height:414px;background:url(/images/layout/content_banner_1.png) no-repeat 75% bottom;}
#page_23 #masthead, #page_19 #masthead, #page_17 #masthead{background:url(/images/layout/content_banner_2.png) no-repeat 75% bottom;}
#page_5 #masthead, #page_8 #masthead, #page_14 #masthead, #page_16 #masthead{background:url(/images/layout/content_banner_3.png) no-repeat 100% bottom;}
#page_6 #masthead, #page_9 #masthead, #page_10 #masthead, #page_11 #masthead, #page_20 #masthead, #page_15 #masthead{background:url(/images/layout/content_banner_4.png) no-repeat 75% bottom;}
#page_22 #masthead{background:url(/images/layout/content_banner_5.png) no-repeat 75% bottom;}
#page_21 #masthead{background:url(/images/layout/content_banner_6.png) no-repeat 75% bottom;}
.home #feature .column{padding-top: 0}

	#logo {float: left; background:url(/images/layout/logo.png) no-repeat top left; margin-top:48px;width:230px;}
	#logo a{ width:230px; height:98px; display:block;}
  #logo a span{display:none;}
#nav {float:right; clear:right; width:725px; margin-top:71px;}

#search {}

#feature{clear:both; width:100%; padding-top:41px; margin-left:37px;}

#content {position:relative; display:block; clear:both; background:url(/images/layout/content_bg_h.gif) repeat-y top left;}
#content #grunge{position:absolute; height:100px; width:980px; left:0; top:0; z-index:1; background:url(/images/layout/content_bg.gif) no-repeat top left;}
	#main {padding-top:40px; z-index:99;}
	#main h2{color:#0e3b64;}
	#main .mediaelement{margin-bottom:10px;}
	#side {overflow:visible;  z-index:99;position:relative;}
	#side #sidebar_form{padding:0 10px;}
	#side #sidebar_form h2{color:#fff; font-size:34px;}
	#side #sidebar_form p{color:#0e3b64;}
	#altside {}

#footer {background-color:#00447F;}
#footer .wrapper{padding-top:10px; padding-bottom:30px;}
#whitefooter {background-color:#fff; clear:both; padding-top:30px; line-height:1.7em; font-size:12px; height:174px;}
#whitefooter h2{color:#f7af40; font-size:28px; padding:0; margin:0; margin-bottom:10px;}
#whitefooter .connect{float:left; width:32px; height:32px; margin-right:9px; padding-bottom:5px;}
#whitefooter .connect a{display:block; height:32px; width:32px;}
#whitefooter .connect a span{display:none;}
#whitefooter .connect #facebook{background:url(/images/layout/connect_logos.gif) no-repeat 0 top;}
#whitefooter .connect #twitter{background:url(/images/layout/connect_logos.gif) no-repeat -41px top;}
#whitefooter .connect #wordpress{background:url(/images/layout/connect_logos.gif) no-repeat -82px top;}
	#footer_nav {float:left; width:50%; color:#5084b5;}
	#credits {float:right; width:48%; color:#5084b5;}



/* BASIC CLASSES	 								  									*/
/* ================================================== */
.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }
.img_left { float:left; }
.img_right { float:right; }
.wrapper{width:980px; margin:0 auto;}


/* NAVIGATION RULES 								  								*/
/* ================================================== */
#nav{position: relative; z-index: 10}
#nav ul {list-style:none;margin:0; padding:0; text-align:center;}
#nav ul li { position:relative; height:33px; float:left; padding:15px 0 5px;}
#nav ul li a {color:#fff; text-decoration:none; font-size:14px; text-transform:uppercase; position:relative; z-index:99; padding:0 15px; display:block;}
#nav ul li a span {}
#nav ul ul {
  z-index:1;
  background:#0e3b64 url(/images/nav/subnav_bg.gif) repeat-x top left;
  position:absolute; 
  -moz-box-shadow: -2px 2px 3px #333; 
  -webkit-box-shadow: -2px 2px 3px #333;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border:1px solid #0b2f4f;
  width:160px;
  left:50%;
  margin-left:-80px;
  top:49px;
  text-align:center;
  border-top:none;
  padding-bottom:10px;
  display:none;
  }
#nav ul ul li {display:block; float:none; height:auto; background:transparent; }
#nav ul ul li a{font-size:14px; line-height:18px; font-family:arial; text-transform:none; padding:8px !important; display:inline;}
#nav li.inactive ul {display: none;}
/*#nav li.active ul {display: block;}*/
#nav li.current a{font-weight: bold;}
#nav li.current li a{font-weight: normal;}
#nav ul li:hover,#nav ul li.current, #nav ul li.active{background: url(/images/nav/over.gif) no-repeat top left;}
#nav ul li:hover ul li,#nav ul li.current ul li, #nav ul li.active ul li{background-image:none;}
#nav ul li:hover a{padding-bottom:22px; background:transparent;}
#nav ul li.childless a{padding-bottom:0px;}
#nav ul li:hover ul{display:block;}
#nav ul ul li:hover{background-image:none; background:transparent;}


#nav ul li ul li a:hover{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background-color:#155996;
}

#side_nav{margin:20px 0;}
#side_nav a{color:#0e3b64; font-size:16px; font-family:Arial; font-weight:bold;}
#side_nav a:hover{text-decoration:none;}
#side_nav ul{list-style:none; margin:0; padding:0;}
#side_nav ul li{height:30px; width:169px; padding:14px 15px 0px 40px;}
#side_nav h3{display:none;}
#side_nav ul li.current a, #side_nav ul li.active a, #side_nav ul li:hover a{color:#fff;}
#side_nav ul li.current{background:url(/images/nav/subnav_highlight.png) no-repeat top left;}


.horiz_nav {}
.horiz_nav ul {}
.horiz_nav ul li { float:left; }


/* SEARCH			 								  											*/
/* ================================================== */
#search form {}
#search form input.text {}
#search form input.button {}

#searchresults dd { margin-bottom:5px; }
#searchresults dl { margin-top:15px; }


/* HOMEPAGE OVERRIDES		 						  								*/
/* ================================================== */
.home {background:#C6DBF1 url(/images/layout/home_page_bg.gif) repeat-x top left;}
.home #top{height:573px; background:url(/images/layout/top_home_bg.jpg) no-repeat 50% top;}
/*.home #masthead{height:573px; background:url(/images/layout/family.jpg) no-repeat bottom right;}*/
.home #masthead{height:573px; background-image:none;}
.home #main{padding-top:0; z-index:99;}
.home #content{}
.home #feature {color:#fff; clear:both; width:100%; padding-top:68px; margin-left:37px;}
#feature{margin-left: 0; padding-top: 0;}
#feature .column{margin-left:37px; padding-top: 68px;}
#feature .slides{margin:0}
.home #side{margin-top:10px;}
.home #side .sideholder{margin-left:12px;}

/*callouts*/
.callout {margin:0; padding:0; margin-left:50px; padding-top:42px; z-index:99; position:relative;}
.home #main .callout h2{color:#F7AF26; font-size:36px; padding:0; margin:0;}
.callout .callout_image{position:relative; margin-bottom:10px;}
.callout .badge{position:absolute; bottom:-7px; right:-15px;}



.separator{float:left; width:50px; background:url(/images/layout/v-separator.gif) no-repeat top left; height:132px;}
.left-separator{margin-left:40px; padding-left:20px; background:url(/images/layout/v-separator.gif) no-repeat top left;}

td{padding:0;}
.testimonial{margin:0; margin-top:18px; padding-right:10px;}
.testimonial p{color:#333;}

form dl{margin-bottom:8px;clear:both; min-height:20px; padding-bottom:5px; overflow:auto;}
form dl dt, form dl dd{float:left;}
form dl dt{width:200px;}
form dl dd{clear:right; width:auto;}
form textarea{margin-top:0;}

div#accordion_container {
	position: relative; /* required for bounding */
	width:650px;
	border: 1px solid #343230;
	-webkit-box-shadow: 2px 2px 3px #333;
	-moz-box-shadow: 2px 2px 3px #333; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  
	background-color: transparent;
	padding:2px;
	margin-bottom:20px;
}

.accordion_toggle{
  position: relative; /* required for effect */
  z-index: 10;		/* required for effect */
	background: #A9C5E3;
	background-repeat:repeat-x;
	background-position:bottom;
	color:#333;   
  cursor: pointer;
	margin-bottom:1px;
	padding:9px 14px 6px 14px;
	border-top:0px solid #5d5852;	
	font-size:16px;
	font-weight:bold;
	background-position: -999px 0px;
	background-repeat:no-repeat;
	-webkit-box-shadow: 0px 2px 3px #333;
	-moz-box-shadow: 0px 2px 3px #333; 
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  
}
.accordion_toggle span{float:right; font-size:12px;}
.accordion_toggle_active span{display:none;}
.accordion_toggle:hover{

	background-color:#F7AF26;
/*  border-top:1px solid #004382;*/
}

.accordion_toggle_active{
 background-color: #004382 !important;
 background-position: 98% 2%;

 border-bottom:0px;
 margin-bottom:0;

 padding-top:10px;
 text-shadow: #000 1px 1px 2px;
 color:#A9C5E3;
}
.accordion_content{
  overflow: hidden;	

  background-color: #fff;
	padding:9px 24px 6px 24px;
	color:#000;
  margin-bottom:10px;
	background-position: 98% 2%;
	background-repeat:no-repeat;
	-webkit-box-shadow: -2px 2px 3px #333;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -khtml-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -khtml-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
	
}
.accordion_content .card{width:492px;}
.accordion_content h4{font-size:15px; margin-bottom:5px; font-weight:bold;}
.accordion_content h4 span{font-weight:normal; font-size:13px;}
.product_header{float:left; width:350px;}
.paypal_button{float:right; padding-top:4px;}
.product_details{width:100%; clear:both;}
.product{border-bottom:1px solid #bbb; padding-top:10px; height:75px;}

/*#connections{display:none;}*/
.event{padding-bottom:10px; border-bottom:1px solid #01467D; margin-bottom:10px;}
.event .event_title{color:#fff; _color:#01467D; font-weight:bold; font-size:16px;margin-bottom:10px; text-shadow: #000 1px 1px 2px;}
.event .event_description{padding-bottom:10px;}
.thumbnails{padding:10px 0; height:95px;}
.thumbnails .thumbnail{width:85px; height:85px; font-size:1px; line-height:0; padding:0; margin-right:5px; float:left; border:5px solid #fff;}
.thumbnails .thumbnail{_margin-right:20px;}
.thumbnails .thumbnail:nth-child(1) { -webkit-transform: rotate(12deg);  -moz-transform: rotate(12deg); }
.thumbnails .thumbnail:nth-child(2) { -webkit-transform: rotate(-4deg);  -moz-transform: rotate(-4deg); }
.thumbnails .thumbnail:nth-child(3) { -webkit-transform: rotate(3deg);  -moz-transform: rotate(3deg); }
.thumbnails .thumbnail:nth-child(4) { -webkit-transform: rotate(8deg);  -moz-transform: rotate(8deg); }
.thumbnails .thumbnail:nth-child(5) { -webkit-transform: rotate(-12deg);  -moz-transform: rotate(-12deg); }
.thumbnails .thumbnail:nth-child(6) { -webkit-transform: rotate(4deg);  -moz-transform: rotate(4deg); }

#home_carousel_wrapper{width: 940px !important; height: 275px !important; overflow:hidden;}

.carousel{position: relative;height: 268px;width: 940px; margin: 0;overflow:hidden;}
.carousel .scroller{width: 940px; overflow:hidden;position: relative;}
.carousel .content{width: 10000px;}
.carousel .section{display: block; height: 265px; float: left; clear:none; width: 940px;}
.carousel .primary_image{float: left; width: 250px; padding-top: 20px;}
.carousel .headings{float: left; width: 690px; }
.carousel .headings h2{font-size: 72px; color: #f7af40;}
.carousel .headings h3{font-size: 44px; color: #fff;}
.carousel .headings .copy{color: #fff;width: 620px;}
.carousel .controls {position: absolute; bottom: 0px; left: 0; width: 940px; height: 45px; margin:0;background-image: none;}
.carousel .controls {float: left; padding-left: 2px;}
.carousel .controls_inner{background: #012440; height: 30px; position: absolute; bottom: 0; left: 0; width: 100%;background-image: none;}
.carousel .controls  a{color: #fff; font-weight: bold; display: block; float: left; padding: 0; height: 45px; _height: 35px; width: 43px; padding: 24px 0 8px 0; _padding-top: 30px; height: 15px; text-align: center; margin-top: 0;position: relative; z-index: 10;}
.carousel .controls a.active{background: url(/images/active_state.gif) top left no-repeat;}
.carousel .copy .alt_image{float: right;position: absolute; right: -20px; top: -20px;}
.carousel .copy{z-index: 20;}

.button{background: url(/images/button.png) top left no-repeat;display: block; float:left; padding: 0px 10px 0px 20px;color: #fff;line-height:35px; font-weight: bold; margin: 8px 0 5px 0;display: block; float: left;}
.button{background: url(/images/button_ie.png) top left no-repeat;line-height:40px; margin: 8px 0 5px 0;position: relative;}
.button:hover{color: #fff;}
.button span{background: url(/images/button_cap.png) top right no-repeat; width: 12px; height: 40px; float: right; display:block; position: absolute; top: 0; right: -12px;}
.button span{background: url(/images/button_cap_ie.png) top right no-repeat; width: 12px; height: 40px; float: right; display:block; }
#feature{}
#page_37 #masthead{background: none;}

.home #feature{margin-left: 0;}
.home .carousel{height: 360px; width: 960px; margin-right: 0;}
.home .carousel .scroller{width: 960px; overflow:hidden;position: relative;}
.home .carousel .controls{width: 960px;}
.home .carousel .headings h2{font-size: 84px; color: #f7af40; height: auto; line-height:84px;}
.home .carousel .headings h3{font-size: 54px; color: #fff;}
.home .carousel .headings .copy{color: #fff;width: 420px; margin-bottom: 15px; position:relative;}
.home .carousel .section{display: block; height: 365px; float: left; clear:none; width: 960px; position:relative; z-index:0;}
.home .carousel .copy .alt_image{float: right;position: absolute; top: -122px; right: -173px;}
.home .carousel .controls { height: 60px; }
.home .carousel .controls_inner{height: 40px;}
.home .carousel .controls  a{ height: 60px; _height: 50px; padding: 34px 0 8px 0; _padding-top: 30px; height: 28px; }