@charset "windows-1252";

html {
    margin: 0;
	color: #DFF8EC;
    font-family: Century Gothic, Times New Roman, Times;
}

body {
	margin: 0;
	background-color: #DFF8EC;
    color: #979797;
}

img {
  border: none;
}


#wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1024px; /* use the width of your main image */
	height: 679px; /* use the width of your main contents screen */
	margin: 0px auto;
	text-align: center;
}

#content {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 679px;
	width: 1024px;
}

#banner {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 12px; /* use the height of your banner in here */
	width: 1024px;
	background-image: URL('images/elite_naturopathy_top.jpg'); /* put the in the name of your banner image here */
	background-repeat: no-repeat;
}

#stretch {
	position: absolute;
	top: 12px; /* use the height of the banner here... assuming that the stretching content will start immediately below the banner */
	left: 0px;
	height: auto;
	overflow: hidden;
	width: 1024px;
}

#stretchbg {
	top: 12px;
	margin: 0px auto;
	background-image: URL('images/elite_naturopathy_middle.jpg');
	background-repeat: repeat-y;
}

#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 107px;
    width: 512px;
    height: 120px;
    text-align: left;
}

#signup {
    position: relative;
    top: 12px;
    left: 475px;
    width: 512px;
    height: 120px;
}


#leftnav {
    position: absolute;
    width: 410px;
    left: 0px;
    top: 132px;
    height: auto;
    overflow: hidden;
}

#nav_items {
    width: 300px;
    padding-left: 125px;
}

#nav_image {
    width: 146px;
    height: 200px;
    margin: 30px 0 0 194px;
    overflow: hidden;
}

#stretchtext {
    position: relative;
    left: 412px;
    width: 410px;
    top: 0px;
	height: auto;
	text-align: left;
    z-index: 9;
}

#stretch a, a:visited, a:link, a:active {
    color: #585858;
    font-weight: bold;
}

#stretch a:hover {
    color: #0E9BAF;
}


#stretchtext h1 {
    color: #0E9BAF;
    font-size: 14pt;
}


#footer {
	position: relative;
	height: 353px;
	width: 1024px;
	left: 0px;
	bottom: 19px;
	background-image: URL('images/elite_naturopathy_bottom.jpg');
	background-repeat: none;
	text-align: left;
}

#footertext {
    margin-left: 250px;
    margin-right: 250px;
}


#underfooter {
	position: relative;
	bottom: 10px;
	left: 0px;
	width: 1024px;
	text-align: center;
    font-size: 8pt;
}

#underfooter a, a:link, a:visited, a:active {
    color: #979797;
    text-decoration: none;
    font-weight: normal;
}

#underfooter a:hover {
    color: #0E9BAF;
}

.error {
    color: red;
}

.result {
  color: green;
}