@charset "UTF-8";
/* CSS Document */

/*********************COLOUR PALLETE******************************
Vital Violet = #432273
Vital Green = #8CC34D
AQUA 6% = #F3F8F9
AQUA 8% = #EEF7F8
AQUA 20% = #CFE7E8
AQUA 100% = #36ABAC
116 NATURALS (MIDTONE VIOLET) = #73429A
PALE GREEN = #F4F9EC


*****************************************************************/

/* This Css rule sets all page elements to 0px margin and padding */
* {
	margin:0px;
	padding:0px;
}


h1, h2, p {
margin: 0;
padding: 0;
}

html {
background-image:url(../images/backgrounds/leaf_bkd.jpg);
background-repeat:no-repeat;
background-position:top center;
padding: 0;
margin: 0;
}



body {
text-align: center; /* hack fix with auto margin on the div*/
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
margin-top: 30px;

}

/*body {
background-image:url(../images/backgrounds/water_bkd.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-attachment:scroll;
}*/

#wrapper_one {
width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
padding: 0;
text-align:left; /* hack fix with auto margin on the div*/
}


.mission_state {
	padding: 0;
	padding-top: 0;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 7px;
	line-height: 1.5;
	color: #432273;
	font-size: 105%;
}

#branding_home {
position: relative;
background-image:url(../images/branding/banner_main.png);
background-repeat:no-repeat;
background-position:bottom center;
width:960px;
height: 280px;
margin-bottom:0;
}

#branding_home h1 {
background-image:url(../images/branding/vhcc_logo.png);
background-repeat: no-repeat;
width: 360px;
height: 160px;
text-indent: -9999px;
position: absolute;
left: 50px;
top: 45px;
}

#branding_home h3 {
	background-image:url(../images/branding/vhcc_tagline.png);
	background-repeat: no-repeat;
	width: 360px;
	height: 50px;
	text-indent: -9999px;
	position: absolute;
	left: 50px;
	bottom:25px;
}


#navigation_primary {
width: 960px;
height: 30px;
background-color:#432273;
margin: 0;
padding:0;
font-size: 90%;
margin-top:0;
}


#navigation_primary ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 7px;
}

#navigation_primary li { 
display: inline;
padding-left: 50px;
}


#navigation_primary a:link {
padding: 0;
color:#FFFFFF;
text-decoration: none;
}

#navigation_primary a:visited {
padding: 0;
text-decoration: none;
color: #FFFFFF;
}

#navigation_primary a:hover {
color: #36ABAC;
padding: 0;
font-weight:400;
}



#content_one {
margin: 0;
padding: 0;
width: 960px;
}

#slideshow_box {
width:333px;
margin-top:10px;
float: left;
height: 276px;
margin-left: 10px;
padding:0;
}

#mission {
margin-top:10px;
float: left;
width: 616px;
height: 276px;
background-color:#F4F9EC;
padding: 0;
}

#mission h1{
	padding: 0;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 15px;
	color: #36ABAC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 145%;
}

h2 {
padding: 0;
padding-top: 20px;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 15px;
color: #36ABAC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:130%;	
}

#main_story {
margin-top:10px;
width: 960px;
float:left;
margin-bottom:20px;
/*border: solid 1px #432273;*/
background-color: #F3F8F9;
}

#content_testimonial {
background-color: #F3F8F9;
}

#content_testimonial h1 {
padding: 0;
padding-top: 20px;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 15px;
color: #36ABAC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 130%;
}

#content_testimonial p {
padding: 0;
padding-top: 0;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 7px;
line-height: 1.4;
color: #432273;
font-size: 90%;

}

#main_story h1 {
padding: 0;
padding-top: 20px;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 15px;
color: #36ABAC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 150%;
}



#footer {
	margin-top:20px;
	width:960px;
	height:50px;
	font-size:9px;
	background-color:#432273;
	color:#FFF;
	bottom:0;
	clear:both;
}

#footer p {
	padding-left:20px;
	padding-top:15px;
}

.site_designer {
	float:right;
	margin-top:-27px;
	padding-right:20px;
}

.site_designer a {
	color:#FFF;
}

.bodycopy {
padding: 0;
padding-top: 0;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 7px;
line-height: 1.4;
color: #432273;
font-size: 90%;
}

.last_para {
padding: 0;
padding-top: 0;
padding-left: 40px;
padding-right: 20px;
padding-bottom: 15px;
line-height: 1.4;
color: #432273;
font-size: 90%;
}

.bullets {
	padding: 0;
	padding-top: 0;
	padding-left: 55px;
	padding-right: 20px;
	padding-bottom: 7px;
	line-height: 1.4;
	color: #432273;
	font-size: 90%;
}


.questions {
	padding-left:40px;
	padding-right:20px;
	padding-top:-10x;
	color: #432273;
}

.questions ol p {
	color: #432273;
	font-size: 100%;
}

.ordered_list_question {
	padding-top:20px;
	font-size: 90%;
	padding-bottom:0px;
	font-weight:bold;
}

.ordered_list_answers {
	line-height: 1.4;
	color: #432273;
	font-size: 90%;
	font-weight:normal;
}

#home_box_links {
	float:right;
	width:150px;
	min-height: 200px;
	padding: 30px;
}

#home_box_img {
	width:100px;
	float: right;
}

#home_box_links img {
	display:block;
	padding-bottom:20px;
}

img {
	border:none;
}
#sidebar h2 a {
	padding-right: 15px;
	padding-left: 15px;
}

#content_testimonial ul{
padding-top: 0;
padding-left: 60px;
padding-right: 20px;
line-height: 1.5;
color: #432273;
font-size: 90%;

}#wrapper_one #sidebar p a {
	text-decoration: none;
	color:#9C3;
	font-weight:600;
	text-transform:uppercase;
	font-size:85%;
	}
	
#content_main #intro_two p {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5px;
	line-height: 1.5;
	font-size:95%;
	color:#432273;
	line-height: 1.5;
	margin-top:.75em;
	}
	
	
	#content_main #intro_two  {
	width: 90%;
	
	}
	
#wrapper_one #content_main #intro_two {
	clear: both;
}

#intro .mission {
	font-size:110%;
	color:#432273;
	line-height: 1.5;
	margin-top:.75em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style:oblique;
	padding-left: 5px;
}

#wrapper_one #content_main #intro_two h3 {
	color: #9C0;
	margin-top: 1em;
}

#background_water {
	background-image: url(../images/backgrounds/water_bkd.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 300px;
	width: 100%;
	clear:both;
	float:left;
    z-index: 1;
    margin-top: -200px;
}