@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
	background-color: #f0f4e8;
}

#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 800px;
	height: 81px;
}

#wrapper {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	width: 800px;
	height: 850px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#top {
	background-image: url(../images/top-bg.jpg);
	background-repeat:no-repeat;
	width: 800px;
	height: 38px;
	margin: 0px;
}

#navigation {
	width: 600px;
	height: 25px;
	position: absolute;
	left: 254px;
	top: 48px;
}

#intro {
	background-image:url(../images/services/intro.jpg);
	background-repeat: no-repeat;
	width: 775px;
	height: 300px;
	position: absolute;
	left: 14px;
	top: 22px;
}

#intro-text {
	width: 367px;
	height: 145px;
	position: absolute;
	left: 388px;
	top: 103px;
}

#middle {
	background-image:url(../images/green-middle.jpg);
	background-repeat: repeat-x;
	width: 775px;
	height: 325px;
	position: absolute;
	left: 14px;
	top: 331px;
}

#middle-content {
	width: 507px;
	height: 300px;
	position:absolute;
	left: 28px;
	top: 19px;
}

#left-middle {
	background-image: url(../images/green-left.jpg);
	background-repeat: no-repeat;
	width: 34px;
	height: 325px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#right-middle {
	background-image: url(../images/green-right.jpg);
	background-repeat: no-repeat;
	width: 39px;
	height: 325px;
	position: absolute;
	left: 738px;
}

#side-nav {
	width: 220px;
	height: 300px;
	position:absolute;
	left: 548px;
	top: 19px;
}

#photos {
	background-image:url(../images/howwestarted/photos.jpg);
	background-repeat: no-repeat;
	width: 225px;
	height: 400px;
	position: absolute;
	left: 543px;
	top: 300px;
}

#secondary-nav {
	width: 775px;
	height: 50px;
	position: absolute;
	left: 14px;
	top: 0px;
}

#footer {
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	width: 800px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/*Text*/

p {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #000000;
}

.intro {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.subhead {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b5717e;
}

.header {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #8bbda9;
}

.disclaimer {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#666666;
}		
#top-container {
	width: 200px;
	height: 70px;
	position:absolute;
	left: 554px;
	top: 53px;
}

#top-list {
	margin-left: 5px;
	padding-left: 15px;
	list-style-type: disc;
}

#top-list li {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#top-list ul {
	margin-left: 5px;
}

#top-list a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#top-list a:hover {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#top-link {
	width: 200px;
	height: 25px;
	position: absolute;
	top: 66px;
}

#top-link a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8bbda9;
	text-decoration: none;
}

#top-link a:hover {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8bbda9;
	text-decoration: underline;
}

#bottom-container {
	width: 200px;
	height: 70px;
	position:absolute;
	left: 554px;
	top: 215px;
}

#bottom-list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#bottom-list li {
	padding-left: 25px;
	background-image: url(../images/bullet-purple.jpg);
	background-repeat: no-repeat;
	background-position: 0.5em;
}
#bottom-list a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#bottom-list a:hover {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

#bottom-link {
	width: 200px;
	height: 25px;
	position: absolute;
	top: 81px;
	left: 2px;
}

#bottom-link a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #70445d;
	text-decoration: none;
}

#bottom-link a:hover {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #70445d;
	text-decoration: underline;
}
#side-nav a {
	font-size: 14px;
	font-weight: bold;
	color: #70445d;
	text-decoration: none;
}

#side-nav a:hover{
	font-size: 14px;
	font-weight: bold;
	color: #70445d;
	text-decoration: underline;
}
#side-nav img {
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#secondary-nav a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #b5717e;
	text-decoration: none;
}

#secondary-nav a:hover {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8bbda9;
	text-decoration: none;
}
#navigation a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#navigation a:hover {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8bbda9;
	text-decoration: none;
}

#header #navigation .current a {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #8bbda9;
	text-decoration: none;
}
#wrapper #middle #middle-content .subhead img {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#footer #secondary-nav div {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #8bbda9;
}