html {
	height:100%; /* needed for container min-height */
}

body {
	font-size:62.5%; /* by setting the font to % we can then use ems to set font sizes later on. A font size of 62.5% means that a text size of 1.2em translates as 12px. */
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
	color: #000;
	line-height: 1.8em;
	background:#fff;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

#container {
	width:744px;
	background:#d6c28d;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	z-index:1;
}

#header {
	height:404px;
	width:100%;
	padding:0;
	margin:0;
	background:#98794c; /* 2b3431 */
	position:relative;
	z-index:2;
}

#navbar {
	background:#fff;
	height:65px;
	text-align:right;
	padding:0;
	margin:0;
}

#navitems {
	font-size:1.2em;
	padding:0;
	margin:0;
	position: absolute;
	top:38px;
	right:0px;
	z-index:5;
}

#navitems ul {
	margin:0;
	padding:0;
}

#navitems li {
	display:inline;
	padding-left:8px;
	color:#94b4b2;
}

#navitems li a {
	color:#08514f;
	text-decoration:none;
}

#navitems li a:hover {
	color:#a9262c;
	text-decoration:underline;
}

#logo {
	position: absolute;
	top:65px;
	left:0px;
	height:83px;
	width:349px;
	background:url(../img/logo_voluntraveler.png) no-repeat;
	overflow:hidden;
	z-index:4;
}

* html #logo { background:url(../img/logo_voluntraveler.gif) no-repeat; } /* use transparent GIF for IE6 */

#banner {
	overflow:hidden;
	background-repeat:no-repeat;
	height:339px;
	width:744px;
	position:relative;
	z-index:3;
}

.apply { background-image:url(../banner/banner02.jpg); }

.community { background-image:url(../banner/community/rotate.php); }

.contact { background-image:url(../banner/banner03.jpg); }

.education { background-image:url(../banner/education/rotate.php); }

.faq { background-image:url(../banner/banner22.jpg); }

.home { background-image:url(../banner/home/rotate.php); }

.links { background-image:url(../banner/banner12.jpg); }

.locations { background-image:url(../banner/banner18.jpg); }

.medical { background-image:url(../banner/medical/rotate.php); }

.policies { background-image:url(../banner/banner26.jpg); }

.services { background-image:url(../banner/banner10.jpg); }

.sitemap { background-image:url(../banner/banner15.jpg); }

#content {
	padding:0 0 8em 0; /* bottom padding for footer */
	background:url(../img/contentbkgd.gif) top repeat-x;
}

#content a {
	color:#352d19;
	text-decoration:underline;
}

#content a:hover {
	color:#08514f;
	text-decoration:underline;
}

#content a:active {
	color:#a9262c;
	text-decoration:underline;
}

#contentright {
	background:#b8986b url(../img/contentrightbkgd.gif) top repeat-x;
	float:right;
	width:285px;
	margin:0;
	padding:20px 0 0;
}

#contentright h1 {
	margin:15px 0 0;
	padding:0 15px 0 20px;
	color:#352d19;
	font-size:1.1em;
}

#contentright h2 {
	margin:5px 0 0;
	padding:0 15px 0 20px;
	color:#352d19;
	font-size:1em;
}

#contentright p {
	margin:0 0 5px;
	padding:0 15px 0 20px;
	color:#352d19;
	font-size:1em;
	line-height:1.6em;
}

#contentright ul {
	margin:0 0 15px;
	padding:0 15px 0 20px;
	list-style-position: inside;
	color:#352d19;
}

#blogfeed {
	margin:0 0 5px;
	padding:0 0 0 20px;
}

#contentrightbottom {
	background:url(../img/contentrightbottom.gif) bottom left no-repeat;
	width:19px;
	height:19px;
	margin:0;
	padding:0;
	font-size:.1em;
	line-height:.1em;
}

#contentleft {
	width:400px;
	padding:35px 0 0 25px;
	margin:0;
}

#contentleft h1 {
	font-size:1.8em;
	color:#08514f;
	margin:0 0 5px;
}

#contentleft h2 {
	font-size:1.3em;
	color:#352d19;
	margin:20px 0 5px;
}

#contentleft h3 {
	font-size:1.1em;
	color:#5a503a;
	margin:5px 0 5px;
}

#contentleft p {
	font-size:1.1em;
	color:#352d19;
	margin:6px 0 6px;
}

#contentfull {
	width:690px;
	padding:35px 0 0 25px;
	margin:0;
}

#contentfull h1 {
	font-size:1.8em;
	color:#08514f;
	margin:0 0 5px;
}

#contentfull h2 {
	font-size:1.3em;
	color:#352d19;
	margin:20px 0 5px;
}

#contentfull h3 {
	font-size:1.1em;
	color:#5a503a;
	margin:5px 0 5px;
}

#contentfull p {
	font-size:1.1em;
	color:#352d19;
	margin:6px 0 6px;
}

.clear {
	clear:both;
}

#footer {
	position:absolute;
	width:744px;
	bottom:10px; /* stick to bottom */
	padding:0;
	margin:0;
}

#footer p {
	font-size:.9em;
	color:#5a503a;
	margin:0;
	padding:0 25px;
}

#footer a {
	color:#5a503a;
	text-decoration:underline;
}

#footer a:hover {
	color:#08514f;
	text-decoration:underline;
}

hr {
	margin:15px 0;
	height:1px;
	color:#fff;
	background:#fff;
}

.uppercase {
	text-transform:uppercase;
}

.red {
	color:#cc0000;
}

#contactform {
	margin:10px 0;
	font-size:1.1em;
	color:#352d19;
}

#contactform div {
	margin:5px 0;
}

input.formfield {
	color:#352d19;
	width:325px;
}

textarea.messagearea {
	color:#352d19;
	width:375px;
	height:200px;
}

input#submitbutton {
	background:#fcffcf;
	border-collapse:collapse;
	border:2px ridge #5a503a;
	width:375px;
	height:26px;
	font-size:1.1em;
	color:#000;	
}