body{
  background:#572700 url(../images/ui/bg_family.jpg) 0 0 repeat-x;
  color:#7E7E7E !important;}


/*-------------------------------------------------------------------------
                              UTILITY-NAV
*-------------------------------------------------------------------------*/
#utility{
	background:#572600;
	border-bottom:1px solid #80B1E3;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*-------------------------------------------------------------------------
                              HEADER
*-------------------------------------------------------------------------*/
#header{
  padding:15px 0;
  background:url(../images/ui/family_highlight.gif) 0 0 no-repeat;
  height:60px;}

#header h1 a{
  display:block;
  background:url(../images/ui/logo_familycamp.png) 0 0 no-repeat;
  width:230px;
  height:55px;
  text-indent:-9999px;
  margin-left:27px;}

/*-------------------------------------------------------------------------
                             MAIN-NAV
*-------------------------------------------------------------------------*/
#main-nav{
  background:url(../images/ui/bg_main-nav.gif) 0 0 repeat-x;
  height:33px;
  margin:0 0 5px 0;}

ul#nav{
  background:url(../images/ui/bg_main-nav-li.gif) right top repeat-y;
  position:relative;}

ul#nav li{
  float:left;
  height:33px;
  background:url(../images/ui/bg_main-nav-li.gif) top left repeat-y;
  font-size:1.3em;
  color:#434343;
  text-transform:uppercase;
  font-weight:bold;
  position:relative;}

ul#nav li a{
  display:block;
  float:left;
  padding:10px 33px;
  height:13px;
  color:#434343;}

ul#nav li  a:hover{
  color:#039B2E !important;}

ul#nav li.family a span{
  background:url(../images/ui/icon_house_family.gif)  right top no-repeat;
  display:block;
  padding:2px 25px 2px 0;}

ul#nav ul {
  width: 140px;
  position: absolute;
  top: -999em;
  z-index:40;
  border:1px solid #B9B9B9;}

ul#nav ul li{
  background: #E1DFCA;
  width:140px;
  font-size:1em !Important;
  font-weight:normal !important;
  height:auto !important;
  text-align:center;
  text-transform:none !Important;
  border-bottom:1px solid #E7E7E7;}

ul#nav ul li a{
  display:block;
  width:130px !important;
  color:#646464;
  padding:7px 5px !important;
  float:none !Important;
  height:auto !Important;
  background: #FFF url(../images/ui/bg_nav-drop.gif) 0 0 repeat-x;}


ul#nav li:hover ul,
ul#nav li.sfHover ul {
  top: 33px;
  left: 0;}

ul#nav li:hover a, 
ul#nav li.sfHover a {
  color:#597B9E !important;}
  
ul#nav li:hover a:hover, 
ul#nav li.sfHover a:hover {
  color:#000 !important;
  background: #FFF url(../images/ui/bg_nav-drop_hover.gif) 0 0 repeat-x;}  
  


/*-------------------------------------------------------------------------
                             BREADCRUMBS
*-------------------------------------------------------------------------*/
ul.breadcrumbs{
  padding:10px 0 20px 15px;}

ul.breadcrumbs li{
  display:inline;
  text-transform:uppercase;
  color:#9D9C9B;
  font-size:1em;
  padding:0 2px;}

ul.breadcrumbs li a{
  color:#C2AE83;}

ul.breadcrumbs li a.active{
  color:#210D06;}

/*-------------------------------------------------------------------------
                             MAIN-CONTENT
*-------------------------------------------------------------------------*/
#main-content h2{
  color:#597B9E;
  font-size:2.6em;
  padding:0 0 11px 0;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;}

#main-content .intro-box{
  padding:20px 0;}

#main-content p{
  font-size:1.4em;
  line-height:1.5em;}

#main-content .intro-box p a{
	color:#597B9E;
	text-decoration:underline;}

  
#main-content ul.list{
  font-size:1.4em;
  line-height:1.5em;}
  
#main-content ul.list li{
	list-style:disc;
	margin-left:35px;}
	
#main-content ol{
  font-size:1.4em;
  line-height:1.5em;}
  
#main-content ol li{
	list-style:decimal;
	margin-left:35px;}	

.photo-left{
  float:left;
  padding:10px 10px 10px 0;}

.photo-right{
  float:right;
  padding:10px 0 10px 10px;}

ul.staffprofile{
  padding:15px 0;
  width:618px;
  margin:0 auto;}

ul.staffprofile li{
  padding:0 0 20px 0;}

ul.staffprofile li h4{
  color:#597B9E;
  font-size:1.8em;
  padding: 0 0 8px 0;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;}

ul.staffprofile li .desc{
  width:438px;
  float:left;}

ul.staffprofile li .pic{
  float:right;
  width:153px;}
  
h4.bodyheader {
 color:#597B9E !important;
 padding:0 0 10px 0;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  font-size:1.8em;}  




/*-------------------------------------------------------------------------
                             FAQ STYLES
*-------------------------------------------------------------------------*/

.container #content .inside.clearfix #main-content .faq_wrapper{
	margin-bottom:10px;}

.container #content .inside.clearfix #main-content .faq_wrapper h4 a{
	color:#597B9E !important;
	padding:0 0 10px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
	text-decoration:none;
	line-height:22px;
	margin-bottom: 10px;
}
  
.container #content .inside.clearfix #main-content .faq_wrapper h4 a:hover{
  text-decoration:underline;}  
  

.container #content .inside.clearfix #main-content .faq_wrapper p{
	font-family:Helvetica, Arial, sans-serif;
    color:#737373;
    font-size:14px;
    line-height:22px;
	font-weight: normal;}
	
.container #content .inside.clearfix #main-content .faq_wrapper .close a{
	font-size:10px;
	font-weight:bold;}



/*-------------------------------------------------------------------------
                            STAFF BIOS
*-------------------------------------------------------------------------*/

.position-person .desc{
  width:443px;
  float:left;}

.position-person .desc h4{
  color:#5A7BAA;
  font-size:1.6em;
  padding:0 0 15px 0;
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;}

.position-person .desc h4 span{
  color:#9C9C9C;
  font-weight:normal;}

.position-person .pic{
  width:174px;
  float:right;}

.position-person .pic img{
  border:1px solid #F0EDED;
  padding:8px;}
/*-------------------------------------------------------------------------
                            DIRECTORS MESSAGE NO VID
*-------------------------------------------------------------------------*/
.read-box{
  padding:15px 0;}

.read-box h4 ,
.watch-video h4{
  border-bottom:4px solid #C2AE83;
  padding:0 0 6px 0;
  margin-bottom:16px;
  color:#597B9E;
  font-size:2.7em;
   font-family:"Times New Roman", Times, serif;
  font-weight:normal;}

.read-box .pic{
  width:183px;
  float:right;}

.read-box .desc{
	width:448px;
	padding:0px;
	float:left;
}

.read-box .desc p{
color:#888585;
  font-size:1.8em !important;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  line-height:22px  }

p.btn-readmore{
  text-transform:uppercase;
  font-size:0.9em !important;
  font-weight:bold;}

p.btn-readmore a{
  float:right;
  background:url(../images/ui/bul_arrow.gif) right 3px no-repeat;
  padding:2px 10px 2px 0;
  color:#006535;
  text-decoration:none !important;}
 
/*-------------------------------------------------------------------------
                            DIRECTORS MESSAGE VIDEO
*-------------------------------------------------------------------------*/ 
 
.watch-video{
  padding:15px 0;}

.watch-video .pic{
  width:323px;
  float:left;}

.watch-video .pic p{
  color:#597BA2;
 text-align:left;
  font-weight:bold;}


.watch-video .desc{
  width:300px;
  float:right;}

.watch-video .desc p{
  color:#888585;
  font-size:1.8em !important;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;
  line-height:22px;}

.watch-video .desc a.btn-watchnow{
  background:url(../images/ui/btn_watchnow.gif) 0 0 no-repeat;
  width:92px;
  height:23px;
  display:block;
  margin:10px auto;
  text-indent:-9999px;}

/*-------------------------------------------------------------------------
                             PROMO BOXES
*-------------------------------------------------------------------------*/

ul.photo-boxes{
  padding:15px 0 !important;}

ul.photo-boxes li{
  background:url(../images/ui/bg_gradientbox.jpg) 0 0 no-repeat;
  width:215px;
  height:191px;
  list-style:none !important;
  margin:0px !important;
  float:left;}

ul.photo-boxes li h5{
  padding:10px 0;
  color:#4F6D8B;
  font-size:1.7em;
  text-align:center;
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;}

ul.photo-boxes li h5 a{
  color:#4F6D8B;}

ul.photo-boxes li img{
  display:block;
  margin:0 auto;}

ul.photo-boxes li.middle{
  margin:0 7px;}

ul.justphoto-boxes li img{
  display:inline;
  float:left;
  margin:0 auto;
  padding-right:5px;
  padding-left:5px;}

/*-------------------------------------------------------------------------
                             SIDE SUB NAV
*-------------------------------------------------------------------------*/
#side-content{
  width:218px;
  float:right;}

.programs-list{
  background:url(../images/ui/bg_programs-box_family.gif) 0 0 no-repeat;
  width:214px;
  min-height:330px;
  height:auto !Important;
  height:330px;}
 
 .programs-list h3{
   height:31px;
   padding:10px 0 0 20px;
   color:#FFF;
   font-size:1.7em;
   font-weight:normal;
   text-transform:uppercase;
   font-family: Arial, Helvetica, sans-serif;}
 
.programs-list ul{
   padding:8px 0;}

.programs-list ul li.active{
  background:url(../images/ui/bg_programs-active.gif) 0 0 no-repeat;
  width:207px;
  height:35px;}

.programs-list ul li.active a{
  padding:8px 0 5px 26px !important;
  color:#FFF;}
  
.programs-list ul li.active a:hover{
  color:#FFF;} 
  
.programs-list ul li a{
  color:#321609;
  font-size:1.4em;
  display:block;
  padding:5px 0 5px 26px;}

.programs-list ul li a:hover{
  color:#FFF;}

/*-------------------------------------------------------------------------
                             SIDE VIDEO WIDGET
*-------------------------------------------------------------------------*/

.boxes-category{
	padding:0px 0 25px;
	width:200px;
}

.boxes-category h4{
  color:#597B9E;
  font-size:2em;
  border-bottom:3px solid #C2AE83;
  padding:0 0 6px 0;
  margin:0 0 10px 0;
   font-family:"Times New Roman", Times, serif;
  font-weight:normal;} 

/*-------------------------------------------------------------------------
                             SIDE TESTIMONIALS WIDGET
*-------------------------------------------------------------------------*/

.testimonial-box{
  padding:15px 0;
  width:200px;}

.testimonial-box h4{
  color:#597B9E;
  font-size:2em;
  border-bottom:3px solid #C2AE83;
  padding:0 0 6px 0;
  margin:0 0 10px 0;
   font-family:"Times New Roman", Times, serif;
  font-weight:normal;} 

.testimonial-box h3{
   text-align:center;
   color:#434343;
   font-size:2.4em;
   padding:0 0 5px 0;
   font-weight:normal;
   font-family:"Times New Roman", Times, serif;}

.testimonial-box p{
  color:#688FB8 !important;
  font-size:1em;
  text-align:center;}

.btn-applynow{
  background:url(../images/ui/btn_applynow.gif) 0 0 no-repeat;
  width:94px;
  height:25px;
  display:block;
  margin: 20px auto 0 auto;
  text-indent:-9999px;}


/*-------------------------------------------------------------------------
                             SIDE NEWS WIDGET
*-------------------------------------------------------------------------*/

.boxes-category ul.newslist li{
  color:#949494;
  font-size:1.2em;
  padding: 0 0 6px 0;}

.boxes-category ul.newslist li a{
  color:#949494;}

.boxes-category ul.resources li{
  padding:0 0 3px 0;}

.boxes-category ul.resources li span.name{
  display:block;
  float:left;
  width:138px;
  color:#597B9E;
  font-size:1.2em;
  text-transform:uppercase;
  font-weight:bold;}

.boxes-category ul.resources li span.download{
  display:block;
  float:right;
  width:60px;
  text-transform:uppercase;
  font-size:1em;
  color:#B1B1B1;}


/*-------------------------------------------------------------------------
                             SIDE PHOTO WIDGET
*-------------------------------------------------------------------------*/
.photo-gal{
  margin-left:-14px;}

.photo-gal li{
  margin:0 0 15px 10px;
  float:left;}

.photo-gal li a.viewmore{
  background:url(../images/ui/bul_arrow.gif) right 3px no-repeat;
  padding:2px 15px 2px 2px;
  text-transform:uppercase;
  color:#597B9E;
  font-weight:bold;}


/*-------------------------------------------------------------------------
                             SIDE LIST STYLES
*-------------------------------------------------------------------------*/
.standard-box{
	padding:0px 0 15px;
}

.standard-box h1, 
.standard-box h2,
.standard-box h3,
.standard-box h4,
.standard-box h5{
 color:#597B9E !important;
 padding:0 0 10px 0;
  font-family:"Times New Roman", Times, serif;
  font-weight:normal;}

.standard-box h1{
  font-size:3em;}

.standard-box h2{
  font-size:2.4em;}

.standard-box h3{
  font-size:2em;}

.standard-box h4{
  font-size:1.8em;}

.standard-box h5{
  font-size:1.4em;}

ul.list-box1 li{
  background:url(../images/ui/bul_arrow.gif) left 3px no-repeat;
  padding:0 0 0 20px;
  margin:0 0 10px 0;
  font-size:1.4em;
  color:#6E7368;
  font-weight:bold;}
  
ul.list-box1 h3.listdescription{
  font-size:12px;
  font-weight:normal;
  width:550px;
  font-family:Arial, Helvetica, sans-serif;
  line-height:18px;}  
  
  
ul.list-box1 li a {
  text-decoration:underline;
  color:#572700;}  

ul.list-box1 li.circle{
  background:url(../images/ui/bul_circle.gif) left 3px no-repeat;}

ul.list-box1 li.square{
  background:url(../images/ui/bul_square.gif) left 3px no-repeat;}  

ul.list-box1 li a{
  color:#6E7368;}


 
/*-------------------------------------------------------------------------
                             NIVO SLIDER STYLES
*-------------------------------------------------------------------------*/

#slider {
	position:relative;
	width:648px;
	height:151px;
	background-image:url(../images/ui/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a{
	display:block;
}
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}