/* CSS Document */

/* --------------------layout starts here------------------ */
	 
body {margin:0 30px 0 30px; padding:0}
#container {margin:0; border:0;}
#content {float:left; border:0; padding:0; margin:0}	
.header { float:left; width:100%; border-bottom: solid thin #333; margin:10px 0px 10px 0px; padding:0px}
#footer {width:100%; height:40px; float:left; background-color:#DDD;}
		
#articles {width:800px; background-color:#FFF; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; border:0px;color:#444;}
#articles ul {width:600px;float:left; list-style-type:none; background-color:#FFF; margin:0px; padding:0px 100px 20px 100px;}
#articles li { float:left; width:100%; margin:10px 0px 10px 0px; padding:0px; background-color:#FFF; font: 9pt/12pt Helvetica, Arial, sans-serif; text-decoration:none;}
#articles li a:link, #articles li a:active, #articles li a:visited {font: bold 10pt/12pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none; padding:0px; margin:0px; border:none;}
#articles li a:hover {font: bold 10pt/12pt Arial, sans-serif; color:#99c93c; text-decoration:none; border:none; padding:0px; margin:0px;}
#articles img {float:left; width:90px; height:90px; margin:0px; padding:0px 20px 0px 0px; border:0px;}

.caption_landscape, .caption_portrait {float:right; margin:0px; padding:0 0 10px 20px; border:0px; font:8pt/10pt Helvetica, Arial, sans-serif; color:#666;}
.caption_landscape { width:200px;}
.caption_portrait {width:150px;}
.caption_landscape img, .caption_portrait img { float:right; border:0px; margin:0 0 5px 0}
.caption_jv, { float:left; margin:0px 10px 0px 0px; padding:0px 20px 0px 0px; border:0px; font:8pt/10pt Helvetica, Arial, sans-serif; color:#666; width:250px;}
.caption_jv img { float:left; border:0px; margin:0px 10px 0px 5px}  

#culture { float:left; width: 600px; height:20px; background:url(../images/culture.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px; border-bottom:solid thin #4F7093; }
#relationships { float:left; width: 600px; height:20px; background:url(../images/relationships.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #4F7093; }
#health { float:left; width: 600px; height:20px; background:url(../images/health.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 10px 0px;border-bottom:solid thin #4F7093; }
#interview { float:left; width: 600px; height:20px; background:url(../images/interview.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #4F7093; }
#parenting { float:left; width: 600px; height:20px; background:url(../images/parenting.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #4F7093; }
#beauty { float:left; width: 600px; height:20px; background:url(../images/beauty.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #4F7093; }
#etcetera { float:left; width: 600px; height:20px; background:url(../images/etcetera.gif) left; background-repeat:no-repeat; padding:0px; margin:20px 0px 0px 0px;border-bottom:solid thin #4F7093; }

/* --------------------text styles------------------ */

p {	font: 10pt/12pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none; margin:0px 0px 10px 0px;}

h1  { font: bold 16pt/18pt Helvetica, Arial, sans-serif; text-transform:uppercase; color:#000; margin:10px 0px 0px 0px; padding:0px;}
h2 { font: bold 12pt/14pt Helvetica, Arial, sans-serif; color:#000; margin:5px 0px 0px 0px; padding:0px;}
h3 { font: italic 9pt/12pt Helvetica, Arial, sans-serif; color:#444; margin:0px; padding:0px;}
h4 { font: bold 10pt/12pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none; display:inline;}	
h5 { font: bold 10pt/14pt Helvetica, Arial, sans-serif; color:#222; text-decoration:none; display:inline; margin:0px 0px 0px 20px;}	
h6 { font: italic 10pt/12pt Helvetica, Arial, sans-serif; color:#000; text-decoration:none; margin:5px 0 5px 0; padding:0; }	
h7 { font: bold 11pt/24pt Helvetica, Arial, sans-serif; color:#333; text-decoration:none; letter-spacing:2px; display:inline; margin:0px; padding:0px;}

ul { float:left; width:100%; margin:0px 0px 10px 40px; padding:0px; list-style-type:square; }		
ul li {	font: 10pt/12pt Helvetica, Arial, sans-serif; color:#000; margin:0px;}		
ol { list-style-type:decimal; margin:0px; padding:0px;}		
ol li {	font: 10pt/12pt Helvetica, Arial, sans-serif; color:#000;}

/* --------------------navigation starts here------------------ */	

#navsite { background-color:#FFF; width:100%; margin:0; padding:0}
#nav {visibility:hidden; height:0;}
#nav ul {height:0;}
#contact {float:right; width:250px; height:50px; margin:0; padding:0; font: 12px/16px Helvetica, Arial, sans-serif; color:#444; text-decoration:none;}
#contact img {margin:0 0 5px 0; padding:0}
#contact a:link, .contact a:visited, .contact a:active {font: bold 10pt/12pt Arial, sans-serif; color:#333; margin:0px; padding:0px; border:0px; text-decoration:none; display:inline;}
.green { color:#99c93c; font-weight:bold;}
.subnav_left {visibility:hidden; height:0; }
.subnav_right {visibility:hidden; height:0; }
.download {dvisibility:hidden; height:0;}	


/* --------------------navigation ends here------------------ */