/* 
DO NOT EDIT THIS FILE

STYLE SHEET FOR Post Natal Distress Support Network Trust
Created by Jocelyn Lane
Copyright Jocelyn Lane 2009, All Rights Reserved


ToC

	1. DEFAULTS
	2. STRUCTURE
	3. LINKS AND NAVIGATION
	4. FONTS
	5. IMAGES

Notes

*/



/* ---------	1. DEFAULTS  --------- */

* {
		margin: 0;
		padding: 0;
		}

body { background-color: #fff;
		}
		
/*  --------- 2. STRUCTURE  --------- */

#wrapper {
width: 830px;
min-height:610px;
margin:20px auto;
}

#masthead {
margin:0 auto;
left: 300px;
top: 20px;
width:820px;
height:93px;
background: url(images/grey_border_shadow_top.gif) 50% 85px no-repeat;
}

#logo {
float:left;
margin:0;
width: 360px;
height: 93px;
	}
	
#contact {
float:right;
margin:0 30px 0 0;
width: 330px;
height: 53px;
}
	
#background {
margin:0 auto;
width:780px;
min-height:590px;
background: url(images/grey_border_shadow_middle.gif) 50% 0 repeat-y;	
padding-bottom: 5px;
}

#nav-container {
margin:0 auto;
width: 770px;
height: 20px;
padding:0 0 5px;
}

#content-box {
margin:0 auto;
width:770px;
min-height:690px;
border: solid 1px #ccc;
background:#fff;
padding-bottom: 5px;
}	

#left-content, #left-content-about, #left-content-support, #left-content-contact, #left-content-location, #left-content-faq, #left-content-links {
float: left;
margin:5px 5px 5px 10px;
width:510px;
/*min-height:767px;
border-style: solid;
border-width:1px;
border-color: #ccc;*/
}
/*
#left-content-contact {
min-height:1007px;
}

#left-content-location {
min-height:850px;
}
*/
#right-content, #right-content-about, #right-content-faq , #right-content-support, #right-content-contact, #right-content-location, #right-content-links {
float:right;
width:228px;
min-height:550px;
margin:5px 10px 5px 5px;
}


#main-image-home, #main-image-about, #main-image-support, #main-image-faq, #main-image-contact, #main-image-location, #main-image-links {
margin:0 auto 5px;
width:228px;
min-height:210px;
border: solid 1px #ccc;
/*background: url(images/womanpray_sml.jpg) 50% 5px no-repeat;*/
}
/*
#main-image-about {
background: url(images/cherry_flower_sml.jpg) 50% 5px no-repeat;
}
#main-image-faq {
background: url(images/spiral_sml.jpg) 50% 5px no-repeat;
}
#main-image-support {
background: url(images/boardwalk_sml.jpg) 50% 5px no-repeat;
}
#main-image-contact {
background: url(images/evening_sml.jpg) 50% 5px no-repeat;
}
#main-image-location {
background: url(images/pink_flower_sml.jpg) 50% 5px no-repeat;
}
#main-image-links {
background: url(images/butterfly_stalk_sml.jpg) 50% 5px no-repeat;
}
*/
#side-nav, #right-content-about #side-nav,#right-content-support #side-nav,#right-content-contact #side-nav,#right-content-location #side-nav,#right-content-faq #side-nav,#right-content-links #side-nav{
margin: 0 auto;
min-height:550px;
width:228px;
border-style: solid;
border-width: 1px;
border-color:#ccc;
background-color: #f8f8f8;
}

#right-content-about #side-nav {
min-height:926px;
}
#right-content-support #side-nav {
min-height:1596px;
}
#right-content-contact #side-nav {
min-height:866px;
}
#right-content-location #side-nav {
min-height:600px;
}
#right-content-faq #side-nav {
min-height:2606px;
}
#right-content-links #side-nav {
min-height:1166px;
}

#quote-box {
margin:50px auto 0;
width:220px;
min-height:191px;
border-style: dotted;
border-width:1px;
border-color:#ccc;
background: #fff url(images/butterfly_line_small.jpg) 100% 30px  no-repeat;
}	
#right-content-faq #quote-box {
min-height:205px;
background: #fff url(images/butterfly_line_small.jpg) 100% 45px  no-repeat;
}
#box-out-right, #box-out-right-links, #box-out-right-about, #box-out-right-support, #box-out-right-faq, #box-out-right-contact, #box-out-right-location {
margin:100px auto 0;
width:228px;
min-height:225px;
/*
border-style: dotted;
border-width:1px 0;
border-color:#ccc;
background-color: #fff;
*/
}
/*
#box-out-right-links {
height:398px;
}
#box-out-right-about {
height:292px;
}

#box-out-right-support {
height:910px;
}

#box-out-right-faq {
height:1825px;
}

#box-out-right-contact{
margin:0 auto;
height:23px;
}
#box-out-right-location{
margin:0 auto;
height:43px;
}
*/
#footer1 {
width: 760px;
height: 32px;
padding: 0 10px;
margin:0 auto;
background: url(images/grey_border_shadow_middle.gif) 50% 0 repeat-y;
}
#footer {
width: 760px;
height: 32px;
padding: 0 10px;
margin:-10px auto;
background: url(images/grey_border_shadow_bottom.gif) 50% 0;
}


.map {
float:right;
margin: 30px 10px;
width:200px;
height:200px;
border: solid 1px #ccc;

}
	/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/* ---------- 3. LINKS AND NAVIGATION---------- */

a { 
color: #339999;
		}
		
a:hover {
color: #e93080;
		}
				
a:visited {
color: #99cccc;
/*color: #555599;*/
		}
		
#logo a:link, #logo a:visited, #logo a:hover {
text-decoration: none;
color: #339999;
}
#nav-container ul {
	list-style-type: none;
	margin:0;
	font-size:1.0em;
	}

#nav-container li {
	float:left;
	margin: 2px 0;
	border-right: dotted 1px #999;
	width:109px;
	height: 18px;
	text-align:center;
	}

#nav-container .links-li{
 border-right:0; 
 }

#nav-container li a:link, #nav-container  li a:visited {
display: block;
text-decoration:none;
width:109px;
height: 14px;
color: #666;
font-size: 1.2em;
font-weight:bold;
margin:0;
padding: 2px 0;
}

#nav-container li a:hover{
color: #e93080;
text-decoration: none;
background-color:#f8f8f8;
}

#side-nav a:link, #side-nav a:visited/*, #box-out-right-contact a:link, #box-out-right-contact a:visited */{
display: block;
text-decoration:none;
color: #339999;
font-size: 1.0em;
}

#side-nav a:hover {
color: #e93080;
text-decoration: underline;
}
#side-nav a:visited{
color: #99cccc;
/*color: #555599;*/
}
/*#box-out-right-contact a:link, #box-out-right-contact a:visited {
font-size: 1.0em;
text-decoration: underline;
} */
#side-nav ul {
list-style-type: none;
margin: 0.5em 1.0em;
line-height:1.5;
margin-bottom:30px;
font-size:1.3em;
}


#contact p a:link, #contact p a:visited {
text-decoration:none;
color: #339999;
font-weight:bold;
}
#contact p a:hover {
color: #e93080;
text-decoration: underline;
font-weight:bold;
}

#footer a:link, #footer a:visited, #footer p a:link, #footer p a:visited{
text-decoration:none;
color: #666; 
font-weight:normal;
}

#footer a:hover,#footer p a:hover  {
text-decoration:underline;
color: #e93080;
}

#footer ul{
list-style-type: none;
font-size:1.0em;
text-align:center;
margin:0 1.0em}

#footer li{
display:inline;
}
 
#main-content-about .about-text {
float:left;
width: 360px;
margin-top:1.0em;
}
 
#left-content-location .location-text {
float:left;
width:280px;
margin-top:1.0em;
}
/* ---------4. FONTS---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		}

h1, h2, h3, h4, p, ul {
font-family: Arial, Sans-serif;
color:#666;
margin-bottom: 1.0em;
		}

h1 {
float:left;
margin-left:-25px;
margin-top: 5px;
font-size: 2.2em;
color: #339999;
font-weight:normal;
}

h2 {
font-size:1.8em;
color: #339999;
margin: 1.0em 10px;
}


h3 {
font-size:1.4em;
margin: 1.0em 10px;
}

		
h4{
font-size:1.3em;
margin: 1.0em 10px;
}
#left-content-about h4 {
margin: 2.0em 10px 1.0em;
}

#left-content-support h4 {
color: #339999;
margin: 2.0em 10px 1.0em;
}

#side-nav h4, #box-out-right-contact h4 {
padding-bottom: 5px;
border-bottom: solid #ccc 1px;
margin:0.8em 8px;
line-height:1.5em;
}

#box-out-right-contact h4 {
padding-bottom: 5px;
margin:0.8em 8px;
line-height:1.5em;
}

p {
font-size: 1.3em;
line-height:1.5;
margin: 1.0em 10px;
}


#contact p {
float: right;
font-size:1.6em;
letter-spacing:1px;
margin:10px;
}


#right-content-contact p {
margin:0.8em 10px;
}
#main-content-about .about-text p {
margin-top: 0;
}


#quote-box p {
width: 150px;
height:110px;
margin:0.5em 10px;
}


#footer p, .footer {
font-size: 1.0em;
text-align:center;
}

.footer {
padding: 0 20px;
}

ul {
font-size:1.3em;
line-height:1.5em;
margin: 1.0em 30px;
}

#left-content-links ul {
list-style-type: none;
margin: 1.0em 10px;
}

.no-bullet {
margin: 1.0em 10px;
}

.no-bullet li, .box-out-links ul{
list-style-type: none;
}

#nav-containter ul{
list-style-type: none;
font-size:1.3em;
line-height:1.5em;
margin-left:4.0em;
margin-top:0;
}

#content-box .breadcrumb {
font-size: 1.0em;
margin-bottom: 3.0em;
margin-top: 1.0em;
}



.color-blue{
color: #339999;
}
.align-right {
text-align:right;
font-size:1.0em;
}
.align-left {
text-align:left;
} 


hr{
height:0.1em;
margin: 2.5em 5px;
background-color:#ccc;
color: #ccc;
border:none;
}

#left-content-location hr {
margin: 1.0em 5px 0;
}
#left-content-support hr {
margin-bottom: 0.5em;
}
form {
margin:30px 5px;
}
.form-field {
border: 1px #ccc solid;
padding:2px;
margin-bottom: 0.5em;
}

form p {
line-height:1.5;
}
/* ----------5. IMAGES ---------- */

a img {
border: none;
		}
		
#logo-image {
width: 93px;
height:93px;
float:left;
margin-top:3px;
}

#main-image {
margin: 5px;
width: 218px;
height:200px;

}
#about-wendy, #about-meegan {
float: left;
border:solid 1px #ccc;
padding: 3px;
width: 120px;
height: 150px;
margin:10px 10px 10px 5px;
}

#about-meegan {
height: 150px;
}