/* CSS Document */

#page_content { font-family: "Trebuchet MS", "Arial Narrow"; }

#page_content h1 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: x-large; color: #484891; margin: 10px 0 -15px 0; }

#page_content h2 { font-family: "Trebuchet MS", "Arial Narrow"; font-weight: normal; font-size: medium; font-weight: bold; color: #484891; border-bottom: 1px solid #484891; padding-bottom: 2px; }

#page_content h3 { font-family: "Trebuchet MS", "Arial Narrow"; font-weight: normal; font-size: medium; font-weight: bold; color: #484891; }

#page_content h4 { font-family: "Trebuchet MS", "Arial Narrow"; font-size: small; color: #fff; text-align: center; }

#page_content  ul li { list-style-image: url(/health/family-health/art/small-square.gif); }

#left_panel { float: left; width: 370px; }

#right_panel { float: right; width: 160px; text-align: center; margin-right:5px}

#left_panel ul li { padding-bottom: 6px; }


/* Start Side Box */

.boxContainer { width: 160px; }	

	
.box, .boxBody, .boxHead, .boxHead h4 {
    background: transparent url(/health/family-health/art/box.png) no-repeat bottom right; 
} 

.box { 
    width: 160px !important; /* intended total box width - padding-right(next) */
    width: 145px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: auto;  /* use to position the box */ 
} 

.box2 { 
    width: 145px; /* IE Win = width - padding */
    margin: auto;  /* use to position the box */ 
} 

/* set the top-right image */ 
.boxHead { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 25px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.boxHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /*  */ 
    padding: 13px 0 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE */ 
} 

/* set the lower-left corner image */ 
.boxBody { 
    background-position: bottom left; 
    margin-right: 10px; /* interior-padding right */ 
    padding: 1px 0 10px 25px; /* mirror .boxHead right/left */ 
} 

.boxBody ul { margin-left: 15px; margin-top: 10px; padding-left: 0;  }
.boxBody ul li { padding-bottom: 6px; }

		
/* End Side Box */

.left_pos {  float: left; width: 105px; }

.right_pos {  float: right; width: 265px; }

.right_pos p { margin-top: 0; }
#survey_form {
	border:#666 dotted 1px;
	padding:12px;
	-moz-border-radius: 15px;
border-radius: 15px;
/*border-right:none;
border-top:none;
background:#f0f9fa;*/
	}
#survey_form span{ font-size:12px; color:#F00; font-weight:normal;}	
#survey_form label { 
	display:block;
	padding:4px;
	margin:0 0 0 30px;
}
#button1, #back1,  #button2, #back2, #button3, #back3, #button4, #back4, #button5, #back5, #button6 , #back6, #button7, #back7, #button8, #back8, #button9, #back9, #Submit{ width:110px; }
 #survey_form h3 { border:none; margin:0;}