/***************
ESSENTIAL TAGS
***************/ 

body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%;
   background-color: #0078C1;
   color: #000000;
   text-align: center; /*for old IE browsers*/
   }

* {
   margin: 0px;
   padding: 0px; 
   border: 0;
   behavior: url(iepngfix.htc)
   }

.clearfloats { 
   clear: both; 
   }
   
a:link { 
   color: #0078C1; 
   font-weight: bold; 
   text-decoration: underline; 
   }
   
a:visited { 
   color: #0078C1;
   font-weight: bold; 
   text-decoration: underline; 
   }
   
a:hover { 
   color: #000;
   font-weight: bold;
   text-decoration: none;
   }

p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding: 0 0 .7em 0;
   margin: 0 20px 0 20px;
   }
     
p span {
   font-weight: bold;
   }
   
h1, h2 {
   color: #0078C1;
   font-family: verdana, helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   margin: 12px 0px 1em 10px;
   padding-bottom: 0;
   }   
   
h2 {
   font-size: 1em;
   margin: .5em 0px .5em 10px;
   text-transform: capitalize;
   }   

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
   text-decoration: none;
   }
   
ul {
   margin: 3px 30px 20px 50px;
   list-style-type: disc;
   list-style-position: outside;
   }   
   
ul li {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   font-weight: normal;
   margin: 0px 0px 3px 0px;
   float: none;
   color: #000;
   }         
   
blockquote {
   margin-left: 30px;
   }   
   
/*************
CONTAINERS
*************/   
   
#page_container {
   margin-right: auto; 
   margin-left: auto;
   margin-top: 6px;
   width: 749px;
   background: #fff url(../pix/layout/bkg.gif) repeat-x 0 0;
   text-align: left; /*to fix center align in body*/
   }
   
#btm { /* bottom of all pages */
   padding: 0px 10px 0 10px;
   }   
   
/*************
TOP OF PAGES
*************/  
          
#logo {
   float: left;
   width: 207px;
   }

#header {
   background: url(../pix/layout/nav.gif) no-repeat 0 0;
   width: 542px;
   height: 167px;
   float: left;
   }
   
#photos {
   height: 76px;
   padding: 8px 0 0 40px;
   }
             
#photos img {
   float: left;
   margin-right: 8px;
   }
      
/*************
NAVIGATION
*************/  
       
#nav {
   padding: 14px 0px 0px 10px;
   margin-top: 0px;
   height: 38px;
   }
         
#nav a { 
   text-decoration: none; 
   font-weight: bold;
   font-size: 12px;
   padding: 0px 12px;
   margin: 0;
   text-align: left;
   float: left;
   }
   
#nav .va { /* vertical alignment */
   padding-top: 6px;
   }
   
#nav a:link, #nav a:visited { 
   color: #fff; 
   }

#nav a:active { 
   color: #FFF373; 
   }

#nav a:hover {
   color: #FFF373;
   border: 0;
   }  
   
/***************
BOTTOM OF PAGES
***************/   
   
#footer {
   font-size: .7em;
   margin: 20px auto 0 auto;
   padding: 5px 0;
   border-top: 1px solid #000;
   text-align: center;
   width: 740px;
   }       
   
.webdesign {
   font-size: .7em;
   text-align: center;
   padding-top: 3px;
   }   
   
.webdesign a {
   color: #fff;
   text-decoration: none;
   }   
  
/***************
SPECIFIC PAGES
***************/ 

/* index */

#index_counseling {
   width: 355px;
   height: 203px;
   font-family: verdana, helvetica, sans-serif;
   font-size: 10px;
   background: url(../pix/index/counseling.png) no-repeat 0 0;
   padding: 45px 8px 6px 6px;
   margin: -16px 10px 10px 6px;
   float: left;
   }
   
#index_counseling img {
   float: left;
   padding-right: 5px;
   }   
   
#index_counseling h1 a {
   font-size: 16px;
   border: 0;
   }   
      
#index_counseling a sub {
   font-size: 8px;
   vertical-align: 0;
   padding-left: 2px;
   }      
     
.index_couples, .index_individual, .index_family {
   height: 62px;
   padding-left: 5px;
   }        
     
.index_couples h1, .index_individual h1, .index_family h1 {
   margin: 2px 0 0 10px;
   }            
     
.index_couples, .index_individual {
   border-bottom: 1px solid #ddd;
   }
   
.index_couples, .index_family {
   padding-top: 5px;
   }   
     
.index_couples a {
   color: #B50938;
   text-decoration: none;
   }
   
.index_individual a {
   color: #006857;
   text-decoration: none;
   }   

.index_family a {
   color: #522E91;
   text-decoration: none;
   }   
      
.index_movie {
   width: 328px;
   height: 253px;
   margin: -16px 10px 10px 0px;
   float: right;
   }      
   
.index_welcome {
   width: 385px;
   margin: 0px;
   float: left;
   }     
   
.index_members {
   width: 326px;
   height: 106px;
   background: url(../pix/index/members.gif) no-repeat 0 0;
   float: right;
   margin: 0px 4px 0 0;
   padding: 4px;
   }
   
.index_members h1 {
   color: #11175E;
   font-size: 16px;
   margin-bottom: 10px;
   }   
   
.label {
   margin-left: 20px;
   font-size: 13px;
   width: 90px;
   float: left;
   }   
   
.l_submit {
   margin-left: 20px;
   font-size: 13px;
   }   
   
/**** COUNSELING PAGES ****/

.hdr_couples, .hdr_family, .hdr_indiv {
   margin: 5px 0 25px 15px;
   padding: 0;
   }

.hdr_couples img, .hdr_family img, .hdr_indiv img {
   float: left;
   margin-right: 10px;
   }

.hdr_couples h1, .hdr_family h1, .hdr_indiv h1 {
   padding-top: 8px;
   font-size: 1.1em;
   }
   
.hdr_couples h1 {
   color: #B50938;
   }

.hdr_family h1 {
   color: #522E91;
   }   
   
.hdr_indiv h1 {
   color: #006857;
   }     
      
.blurb_indiv, .blurb_couples, .blurb_families {
   width: 600px;
   border: 1px solid #000;
   background-color: #bcd5d2;
   margin: 20px auto;
   padding: 10px;
   }   

.blurb_indiv a:link, .blurb_indiv a:visited {
   color: #006857;  
   }   
   
.blurb_indiv h2 {
   color: #006857;
   font-size: 1.1em;
   }    
          
.blurb_couples {
   background-color: #ebbdc8;
   }         
   
.blurb_couples h2 a {
   color: #B50938;
   font-size: 1.1em;
   }   

.blurb_families {
   background-color: #dad2e7;   
   }   

.indent {
   padding-left: 10px;
   }   
   
.blurb_right {
   width: 150px;
   float: right;
   margin: 0px 10px 10px 10px;
   text-align: center;
   }
   
.blurb_pic {
   border: 1px solid #000;
   margin-top: 12px;
   }

.purchase_btn {
   width: 56px;
   float: right;
   margin: 0px 10px 0px 0px;
   }   

.purchase_btn img {
   border: 0;
   }   
   
.pline {
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   padding: 10px 0;
   margin: 12px auto;
   width: 450px;
   text-align: center;
   } 
   
.pline a {
   color: #d00449;
   }   
   
      
/****** MOVIE PAGES ******/   
   
.videos_list {
   width: 400px;
   text-align: center;
   margin: 3px 0 3px 50px;
   float: left;
   }

.vid_blurb {
   margin: 0 0 16px 0;
   padding: 6px;
   font-size: .8em;
   border: 1px solid #000;
   background: #eee;
   }
      
.vid_blurb a {
   color: #000;
   border: 0;
   font-weight: bold;
   text-decoration: none;
   font-size: 1.2em;
   }      
   
.vid_blurb img {
   border: 1px solid #000;
   margin: 3px 0 3px 0;
   }   
   
.session_movie {
   margin: 10px 0px 30px 110px;
   }

.video_links {
   text-align: center;
   margin-top: 8px;
   }   
   
.video_links a {
   text-decoration: none;
   }   
   
   
/* local counseling */

.states {
   margin-left: 50px;
   float: left;
   }   
      
/* private counseling */

.ps_text {
   float: left;
   width: 400px;
   }

.ps_movie {
   float: left;
   margin: 10px 0 0 10px;
   }
   
/***************
ONLINE COUNSELING
****************/ 
      
.icon {
   float: left;
   margin: 10px 10px 5px 10px;
   }      
 
.blurb_indiv2, .blurb_couples2, .blurb_families2 {
   width: 600px;
   border: 1px solid #000;
   background-color: #bcd5d2;
   margin: 20px auto;
   padding: 10px;
   }      

.blurb_indiv2 h2, .blurb_couples2 h2, .blurb_families2 h2 {
   font-size: 1.1em;
   margin: 18px 0 10px 10px;
   }   
      
.blurb_indiv2 a:link, .blurb_indiv2 a:visited, blurb_indiv2 h2 {
   color: #006857;  
   }   
        
.blurb_couples2 {
   background-color: #ebbdc8;
   }  
   
.blurb_couples2 a:link, .blurb_couples2 a:visited, .blurb_couples2 h2 {
   color: #B50938;
   }   
    
.blurb_families2 {
   background-color: #dad2e7;   
   }   
   
.blurb_families2 a:link, .blurb_families2 a:visited, .blurb_familis2 h2 {
   color: #522E91;
   }   
      
      
/* contact page */

#contactform {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   margin: 0px 0px 0px 60px;
   }
   
.formitem {
   margin-top: 20px;
   }    
      
input, textarea {
   border: 1px solid #ddd;
   background: #fff;
   }      
      
.submit { 
   margin: 10px 0 10px 0;
   border: 0;
   }
   
/* feedback form */

.rank {
   margin: 10px 0 10px 20px;
   border: 0;
   padding: 0;
   }

.rank td {
   width: 100px;
   text-align: center;
   border-bottom: 1px solid #ccc;
   padding: 5px 0 0 0;
   margin: 0;
   }   
   
.rank td input {
   border: 0;
   } 
   
.rank_titles {
   padding-bottom: 2px;
   font-weight: bold;
   border: 0;
   }   
   
label span {
   font-weight: bold;
   }   

.grp_indent {
   margin: 5px 0 0 20px;
   }   
   
.grp_indent textarea {
   margin-bottom: 8px;
   }