/* basic elements */
*{
	margin: 0px;
	padding: 0px;
	}
	
body { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #636669;

	}

p { 
	margin-top: 0px; 
	}
	
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #cd874d;
	margin-top: 15px;
	}
	
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #cd874d;
	}

h2.midblock{
	margin-top: 30px;
}
	
h3 {
	margin-top: 20px;
	}

a:link {
	color: #8d8f91;
	}
	
a:visited {
	color: #8d8f91;
	}
	
a:hover, a:active { 
	}
	
acronym {
	}

ul{
	margin: 10px 0px 0px 15px;
	padding-left: 10px;
}

ol{
	margin: 10px 0px 0px 15px;
	padding-left: 10px;
}

li{
	margin-bottom: 15px;
}
.warm{
	color: #cd874d;
	font-size: 15px;
}

table{
	border-spacing: 0px;
	border-collapse: collapse;
}

td{
	border: 1px solid #636669;
	margin: 0px;
	padding: 5px;
}

/*nav styles*/

#nav {
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 67px;
}

#nav a span.displace {
    position: absolute;
	left: -5000px;
    }

#nav #home{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-home.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #home:hover {
     background-position: -125px 0px;
     }

#nav #scholarships:hover {
     background-position: -125px 0px;
     }
	 
#nav #scholarships{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-scholarships.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #scholarships:hover {
     background-position: -125px 0px;
     }
	 
#nav #applications{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-applications.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #applications:hover {
     background-position: -125px 0px;
     }	 
	 
	 
#nav #dates{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-dates.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #dates:hover {
     background-position: -125px 0px;
     }

#nav #award{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-award-winners.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #award:hover {
     background-position: -125px 0px;
     }

#nav #trustees{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-trustees.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #trustees:hover {
     background-position: -125px 0px;
     }

#nav #donors{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/nav-item-donors.png');
	float: left;
	display: block;
	text-decoration: none;
}

#nav #donors:hover {
     background-position: -125px 0px;
     }

#subnav {
	position: relative;
	height: 67px;
	margin: 0px;
	padding: 0px 0px 0px 67px;
}

#subnav a span.displace {
    position: absolute;
	left: -5000px;
    }

#subnav #scholarships{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-item-scholarships.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #scholarships:hover {
     background-position: -125px 0px;
     }

#subnav #scholarships:hover {
     background-position: -125px 0px;
     }
	 
#subnav #scholarshipdetails{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-item-scholarship-details.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #scholarshipdetails:hover {
     background-position: -125px 0px;
     }
	 
#subnav #selectionprocess{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-item-selection-process.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #selectionprocess:hover {
     background-position: -125px 0px;
     }	 
	 
	 
#subnav #onlineapp{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-item-online-application.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #onlineapp:hover {
     background-position: -125px 0px;
     }	 

#subnav #dates{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-important-dates.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #dates:hover {
     background-position: -125px 0px;
     }

#subnav #hca{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-item-about-hca.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #hca:hover {
     background-position: -125px 0px;
     }

#subnav #newsletter{
	width: 125px;
	height: 27px;
	margin: 20px 3px 0px 0px;
	background-image:url('images/sub-nav-item-latest-newsletter.png');
	float: left;
	display: block;
	text-decoration: none;
}

#subnav #newsletter:hover {
     background-position: -125px 0px;
     }
	 
	 
/*layout elements*/
	
#wrapper{
	margin: auto;
	width: 1027px;
	border: 5px solid #b4b9c0;
	position: relative;
	font-size: 14px;
}

#header{

}

#maininternal{
	margin-left: 67px;
}

#main{
	margin-left: 67px;
}

#main #top{
	padding-left: 15px;
}

#main #top #logo{
	padding: 0px;
	width: 620px;
	height: 37px;
	display: inline-block;
	background-image: url('images/hca-logo.png');
	margin: 20px 0px 0px 0px;
	}

#main #top #logo span{
	position: absolute;
	left: -5000px;
	}

#main #text{
	width: 850px;
	padding: 0px 0px 30px 15px;
}

#main #text img{
	margin: 20px 0px 0px 0px;
}

#main p{
	margin-top: 17px;
}

#main #bottom{
	margin-top: 30px;
	height: 445px;
}

#main #bottom #left{
	float: left;
	height: 445px;
	width: 445px;
	background-image:url('images/rounded-rectangle.png');
	background-repeat:no-repeat;
}

#main #bottom #left p{
	margin: 20px;
	font-weight: bold;
	color: #636669;
}

#main #bottom #right{
	float: left;
	margin-left: 65px;
	height: 445px;
	width: 420px;

}

#main #bottom #right p a:link {
	text-decoration: none;
	font-weight: bold;
	color: #cd874d;
	}
	
#main #bottom #right p a:visited{
	color: #cd874d;
	}

#footer{
	margin: 0px;
	padding: 0px;
	width: 1027px;
	height: 30px;
	background-color: #7accc4;
	clear: both;
	font-size: 9px;
	color: #636669;
	font-weight: bold;
}

#footer p{
	margin: 0px 0px 0px 820px;
	padding: 9px;
}

/* webform */

.webform{
	list-style-type: none;
	margin-top: 20px;
	font-size: 14px;
	width: 500px;
}

.heading{
	margin-bottom: 10px;
}

.webform li{
	clear: left;
	margin-bottom: 20px;
}

.label{
	display: block;
	margin-bottom: 5px;
}

.webform input{
	width: 200px;
}

.webform textarea{
	width: 500px;
}