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

/* Elements that control the main body of the site */

body {
	margin: 0 auto;
	background: #9cb674;
	font: oblique bold 14px "Times New Roman", Times, serif;
	color: #FFF;
	
	}
	
/* This is to center our site and to provide a containing block for all the content. All content will be wrapped in this Div */	

#container {
	margin: auto;
	width: 900px;
	height: 1020px;
	background: #000;
	border: double;
	
	}


/* The header will contain two div's. One div will be used for the logo and the other will hold the site title. The header will be set to use relative position and the other divs will be set to absolute positioning. The two divs inside the header div will be set off the top left corner of the header div so the the absolute position stays contained within the header div. */ 	

#header {
	margin: 0 auto;
	position: relative;
	background-color: #000;
	background-image: url(images/divide.png);
	height: 200px;
	background-repeat: no-repeat;
	background-position: left bottom;	
	
	
}

/* The div named logo is the containing block for our logo image. */

#logo {
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 192px;
	background-image: url(images/navbg.png);
	text-align: left;
	
}

/* The logo div will contain one div to center our logo named logocenter */

#logocenter {
	margin-left: 46px;
	margin-top: 35px;
	
	
	
}

#title {
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 200px;
	width: 700px;
	height: 192px;
	text-align: center;
	vertical-align: text-bottom;
}

#titlecenter {
	margin-top: 25px;
	
}

#subtitle {
	margin-top: 45px;
	
	
	
}

/* Content is the div all remaining divs will be put in. This is used as a positioning div. */


#content  {
	position: relative;
	height:820px;
	
	
}

/* The side bar will be for our main menu. This again will use relative positioning and our menu will use absolute positioning. The side bar will have plenty of free space for future advertising or pictures. */



#sidebar {
	margin-left: 0 auto;
	position: absolute;
	width: 200px;
	background-image: url(images/navbg.png);
	overflow: hidden;
	height: 820px;
	left: 0px;
	top: 1px;
	
}


#navigation {
	margin-top: 125px;
	width: 160px;
    letter-spacing: 1px;
	text-align: center;
	background-color: transparent;
	
	
}

#navigation li  {
	position: relative;
	left: -5px;
	height: 35px;
	width: 125px;
	border: double;
	margin-top:15px;
	list-style: none;
	background-color: #000;
	
	
}
	
#navigation li a:link, #navigation li a:visited {
	color: pink;
	display: block;
    list-style: none;
	background: transparent;
	padding: 10px;
	}
	
#navigation li a:hover {
	color: #9cb674;
	background: transparent; 
	list-style: none;
	padding: 8px 10 10 10px;
	}
	
#navigation li a:active {
	color: #9cb674;
	background: transparent; 
	list-style: none;
	padding: 8px 0 0 10px;
	}
	












/* This area has the index page divs and sets the layout for our content we input into this page. */



#main2 {
	margin-left: 25px;
	position: absolute;
	top: 50px;
	left: 200px;
}

#main3 {
	position: absolute;
	left: 313px;
	top: 699px;
	
}

/* This ends the first page of content will will now build the second page of content. */

#middle {
	position: absolute;
	left: 200px;
	width: 701px;
	height: 800px;
	
	
}

#one {
	position: relative;
	height: 500px;
	
}

#Pictures {
	position: absolute;
	margin-left: 15px;
	margin-top: 15px;
	width: 200px;
	text-align: center;
	height: 443px;
	border: double;
	border-color: #FFF;
	padding: 5px;
	color:#3366FF;
	background-image: url(images/navbg.png);
}

#Text1 {
	position: absolute;
	left: 240px;
	width: 387px;
	margin-top: 15px;
	background-color: #9cb674;
	border: double;
	border-color: #FFF;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 40px;
	height: 453px;
	background-image:url(images/greenbg.png)

	
}

#two {
	position: relative;
	
}

#banner {
	margin-left: 15px;
	background-image:url(images/bluebg.png);
	width: 95%;
	border: double;
	padding-bottom: 10px;
	
	
	
}

/*this is the contact us page*/


#contact {
	position: absolute;
	left: 226px;
	width: 646px;
	height: 739px;
	top: 29px;
	border: solid;
	border-color: #FFF;
	background-color:green;
}

#sec1 {
	position: relative;
	height: 340px;
}

#girl {
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
	width: 200px;
	left: 16px;
	top: 9px;
	border: double;
	
}

#ctext {
	position: absolute;
	left: 254px;
	top: 27px;
	width: 390px;
	height: 172px;
	font-size: 18px;
	font-style: normal;
	
	
	
}
#click {
	position: absolute;
	left: 252px;
	top: 199px;
	width: 350px;
	height: 83px;
	padding: 15px;
	background-image: url(images/navbg.png);
	border: double;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	
}


#sec2 {
	position: relative;
	height: 50%;
	
	
	
}

#ctext2 {
	position: absolute;
	width: 225px;
	left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #000;
	background-image: url(images/navbg.png);
	font-style: normal;
	height: 234px;
	border: double;
	border-color: #FFF;
}

#baby {
	position: absolute;
	border: double;
	left: 281px;
	
	
	
}
#cbanner {
	position: absolute;
	left: 19px;
	top: 263px;
	width: 604px;
	height: 56px;
	text-align: right;
	font: "Myriad Pro";
	font-size: 20px;
	background-color: #000;
	border: double;
	padding-right: 10px;
	
	
}

#feet {
	position: absolute;
	left: 77px;
	top: 248px;
	width: 100px;
	border: solid;
	
	
}





/* The footer is a div that will be included in all pages at the bottom of the page. */

#footer {
	position: absolute;
	left: 384px;
	top: 785px;
	
	
	
}






a:link, a:visited {
	color: #000;
}
#click p {
	color: #000;
}