@charset "UTF-8";
/* CSS Document for Pregnancy Aid Center Website */

/**** General Formatting ******************************/
body, ul, li, div, table, td, tr, p, h1, h2, h3, h4, h5, img, a {
	padding: 0;
	margin: 0;
	border: 0;
	}

body {
	background: #ccc url(../images/bg.png) repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	font-size: 0.8em;
	color: #000;
	}

div {
	overflow: hidden; 
	}
	
div.clear {
	clear: both;
	}

a {
	text-decoration: none;
	outline: none;
	color: #5cadad;
	}

a:hover {
	color: #5cadad;
	}

ul { 
	list-style-type: none;
	}
	
h1, h2, h3 {
	display: block;
	}
	
h1#hidden {
	display: none;
	}
	
h2 {
	margin: 30px 0px 10px 0px;
	font-weight: lighter;
	font-size: 170%;
	}

/**** Page structure Divs **********************/
div#wrap {
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	width: 940px; 
	height: 700px;  
	}
	
div#nav_top {
	background-color: #292437;
	height: 50px;
	font-size: 95%;
	}
	
div#header {
	height: 80px;
	clear: both;
	}

div#nav_main {
	border-top: 15px solid #e3e2ea;
	background-color: #5cadad;
	height: 70px;
	}

div#content {
	height: 500px;  
	}

div#panel_left {
	float: left;
	width: 510px;  /* 630px - padding */
	height: 445px;
	padding-left: 120px;
	}

div#panel_right {
	float: left;
	width: 310px;  
	height: 445px;
	}

div#footer {
	background-color: #292437;
	height: 45px;
	clear: both;
	}
	
/***** Navigation Bar ***************************/
div#nav_resources {
	float: left;
	width: 690px; 
	height: 50px;
	}

div#nav_utility {
	float: right;
	width: 230px; 
	height: 50px;
	}

div#nav_top ul li {
	display: inline;
	font-weight: lighter;
	}

/* Resources Nav */	
div#nav_resources ul li a {
	display: block;
	float: left;
	height: 25px;  /* 50 px - margin and padding */
	margin-top: 20px;
	padding: 5px 8px 0px 8px;
	color: #b7efef;
	}
	
div#nav_resources ul li a:hover {
	background-color: #b7efef;
	color: #493873; 
	}

/* Utility Nav */	
div#nav_utility ul li a {
	display: block;
	float: right;
	height: 25px;  /* 50 px - margin and padding */
	margin-top: 20px;
	padding: 5px 8px 0px 8px;
	color: #d5cce9;
	}

div#nav_utility ul li a:hover {
	background-color: #ecebf1;
	color: #493873;
	}
	
/* Main Nav */
div#nav_main ul li {
	display: inline;
	}

div#nav_main ul li a {
	float: left;
	display: block;
	height: 55px;  /* 70px - padding */
	padding: 15px 18px 0px 18px;
	text-align: center;
	font-size: 120%;
	color: #493873;
	}
	
div#nav_main ul li.about a,
div#nav_main ul li.pregnancy a,
div#nav_main ul li.newborns a,
div#nav_main ul li.counseling a {
	padding-top: 22px;
	height: 48px;	
	}
	
div#nav_main ul li a:hover {
	background-color: #387c7c;
	color: #d5cce9;
	}

/* Current page navigation text color */
body#aboutpg ul li.about a, 
body#pregnancypg ul li.pregnancy a,
body#newbornspg ul li.newborns a,
body#counselingpg ul li.counseling a,
body#birthpg ul li.birth a,
body#screeningpg ul li.screening a,
body#foodpg ul li.food a { 
	color: #fff; 
	background-color: #716393; 
	}

body#homepg ul li.home a,
body#contactpg ul li.contact a,
body#supportpg ul li.support a,
body#resourcespg ul li.resources a,
body#teenspg ul li.teens a,
body#faqspg ul li.faqs a,
body#confidentialitypg ul li.confidentiality a,
body#herepg ul li.here a {
	color: #493873; 
	background-color: #fff; 
	}

/**** Page Header & Content *********************/
img#logo {
	display: block;
	float: left;
	margin: 15px 0px 0px 35px;
	}
	
p.content {
	margin: 15px 25px 0px 0px;
	font-size: 90%;
	}

p.slogan {
	margin: 125px 30px 7px 28px;
	font-size: 110%;
	font-style: italic;
	color: #250475;
	}

p.callout {
	background-color: #e3e2ea;
	border: 4px solid #493873;
	width: 200px;
	margin-left: 25px;
	padding: 15px;
	font-size: 100%;
	color: #250475;
	}
	
div#panel_left p.slogan {
	margin: 50px 0px 7px 72px;
	}

div#panel_left p.callout {
	width: 300px;
	margin-left: 70px;
	border: none;
	}
	
div#content ul {
	list-style-type: square;
	margin: 15px 0px 0px 30px;
	font-size: 90%;
	}

div#content ul li a {
	color: #250475;
	}

div#content ul li a:hover {
	color: #5cadad;
	}

div#footer p.copyright {
	font-size: 65%;
	color: #b5b3c4;
	float: left;
	width: 350px;
	margin: 9px 0px 0px 20px;
	}
	
div#footer p.coordinates {
	float: right;
	width: 550px;
	text-align: right;
	font-size: 85%;
	color: #ddd;
	margin: 15px 20px 0px 0px;
	}

div#footer a {
	color: #ddd;
	}
	
div#footer a:hover {
	color: #b7efef;
	}
	
p#designers a {
	color: #332a4a;
	}
	
p#designers a:hover {
	color: #063;
	}	
	
p#designers {
	color: #332a4a; 
	font-size: 65%; 
	clear: both; 
	padding: 10px; 0px; 10px; 0px; 
	text-align: center; 
	font-weight: lighter;
	}
	
h2.error404 {
	font-size: 250%;
	color: #493873;
	}
	
span.error404 {
	font-size: 150%;
	}

/**** Page Background Images ******************/
/* Format A */
body#pregnancypg div#content { background: transparent url(../images/bg_pregnancy.jpg) no-repeat top right; }
body#pregnancypg div#panel_left { background: transparent url(../images/pgmark_pregnancy.png) no-repeat 0 0; }
body#counselingpg div#content { background: transparent url(../images/bg_counseling.jpg) no-repeat top right; }
body#counselingpg div#panel_left { background: transparent url(../images/pgmark_counseling.png) no-repeat 0 0; }
body#birthpg div#content { background: transparent url(../images/bg_birth.jpg) no-repeat top right; }
body#birthpg div#panel_left { background: transparent url(../images/pgmark_birth.png) no-repeat 0 0; }
body#teenspg div#content { background: transparent url(../images/bg_teens.jpg) no-repeat top right; }
body#teenspg div#panel_left { background: transparent url(../images/pgmark_teens.png) no-repeat 0 0; }
body#resourcespg div#content { background: transparent url(../images/bg_resources.jpg) no-repeat top right; }
body#resourcespg div#panel_left { background: transparent url(../images/pgmark_resources.png) no-repeat 0 0; }
body#screeningpg div#content { background: transparent url(../images/bg_screening.jpg) no-repeat top right; }
body#screeningpg div#panel_left { background: transparent url(../images/pgmark_screening.png) no-repeat 0 0; }
body#confidentialitypg div#content { background: transparent url(../images/bg_confidentiality.jpg) no-repeat top right; }
body#confidentialitypg div#panel_left { background: transparent url(../images/pgmark_confidentiality.png) no-repeat 0 0; }
body#faqspg div#content { background: transparent url(../images/bg_faqs.jpg) no-repeat top right; }
body#faqspg div#panel_left { background: transparent url(../images/pgmark_faqs.png) no-repeat 0 0; }
body#contactpg div#content { background: transparent url(../images/bg_contact.jpg) no-repeat top right; }
body#contactpg div#panel_left { background: transparent url(../images/pgmark_contact.png) no-repeat 0 0; }
body#error404pg div#panel_left { background: transparent url(../images/pgmark_error404.png) no-repeat 0 0; }
body#error404pg div#content { background: transparent url(../images/bg_error404.jpg) no-repeat top right; }

/* Format B, C */ 
body#homepg div#content { background: transparent url(../images/pgmark_home.png) no-repeat right 10px; }
body#aboutpg div#content { background: transparent url(../images/pgmark_about.png) no-repeat 0 0; }
body#herepg div#content { background: transparent url(../images/pgmark_here.png) no-repeat 0 0; }
body#newbornspg div#content { background: transparent url(../images/pgmark_newborns.png) no-repeat 0 0; }
body#foodpg div#content { background: transparent url(../images/pgmark_food.png) no-repeat 0 0; }
body#supportpg div#content { background: transparent url(../images/pgmark_support.png) no-repeat 0 0; }

/**** End CSS ****************************************/