@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(../images/hdi_sub_bkgd.jpg);
	background-repeat: no-repeat;
	line-height: 20px;
}
.hdi #container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -50px;
	text-align: left;
	height:100%;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.hdi #header {
	padding: 0;
}
.hdi #header h1 {
	margin: 0;
	padding: 10px 0;
}

.hdi #mainContent {
	background: #FFFFFF;
	height:1000px;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	top: 242px;
	position: absolute;
	width: 940px;
	left: 1px;
} 

.hdi #participantshead {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
} 

.hdi #participantsbody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
} 

.hdi #participants {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
} 

.hdi #schedule {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
} 

a:link {
	color: #630;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
a:active {
	color: #630;
}
a:visited {
	color: #630;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

a img{
border:0;
} 

.hdi #container #mainContent .pagecontent {
	width: 650px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

.hdi #container #mainContent .pagecontent2 {
	width: 900px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

.hdi .breadcrumbs {
	font-size: 10px;
	padding-bottom: 10px;
	clear: both;
}

.hdi #container #mainContent h2 {
	font-size: 24px;
	line-height: 30px;
	color: #663300;
	margin: 0;
	padding: 15px 0 36px 0px;
	background-image: url(../images/dot_spc.png);
	font-family: Arial, Helvetica, sans-serif;
}

.hdi #container #mainContent h5 {
	font-size: 24px;
	line-height: 30px;
	color: #663300;
	margin: 0; 
	padding: 30px 0px 0px 0px; 
}

.hdi #container #mainContent h6 {
	font-size: 24px;
	line-height: 30px;
	color: #663300;
	margin: 0;
	padding: 15px 0 36px 0px;
	background-image: url(../images/dot_spc3.jpg);
	font-family: Arial, Helvetica, sans-serif;
}

.hdi #linebreak {
	padding: 15px 0 15px 0px; 
	background-image: url(../images/dot_spc2.png);
}

.hdi #container #mainContent h3 {
	font-size: 16px;
	line-height:24px;
	color: #000000;
	margin: 0; 
	padding: 12px 0 10px 0px;
}

.hdi #container #mainContent h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 16px;
	color: #333;
	margin: 0; 
	padding: 8px 0 18px 0px; 
}

.hdi #cab {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 18px;
	text-align: left;
}

.hdi #container #header .logo {
	height: 174px;
	width: 340px;
}
.hdi #container #header .egg1 img {
	top: 52px;
	left: 340px;
	position: absolute;
}
.hdi #container #header .egg2 img {
	position: absolute;
	left: 423px;
	top: 52px;
}
.hdi #container #header .egg3 img {
	position: absolute;
	left: 506px;
	top: 52px;
}

.hdi #container #header .intlegg img {
	position: absolute;
	left: 590px;
	top: 52px;
}
.hdi #container #header .cultegg img {
	position: absolute;
	left: 754px;
	top: 52px;
}

.hdi #container #header .publicdipegg img {
	position: absolute;
	left: 673px;
	top: 52px;
}

.hdi #container #header .gcfegg img {
	position: absolute;
	left: 837px;
	top: 52px;
}

.hdi #container #header .worldegg img {
	position: absolute;
	left: 916px;
	top: 52px;
}


.hdi #container #header .eggshadow img {
	position: absolute;
	top: 173px;
	left: 340px;
}
.hdi #container #header .navbar {
	width: 1000px;
	z-index: 20;
	position: absolute;
	top: 211px;
	left: 0px;
}
.hdi #container #header .nav {
	top: 209px;
	position: absolute;
	left: 1px;
	z-index: 10;
}
.hdi #sidebar1 {
	float: right;
	width: 240px;
	background: #FFFFFF;
	position: absolute;
	right: 15px;
	padding: 15px;
	margin-top: 80px;
	z-index: 9;
}

.bodytext {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

.bodytextSmaller {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	line-height: 12px;
}

/* SEARCH BOX STYLING ================================================= */

.search_input{
	display:inline;
	border:1px solid #DDD; 
	background-color:transparent;  
	margin-top:10px;
	padding: 2px 39px 2px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474747;
	width:190px;
	height:28px;
	color: #989898;
	position:absolute;
	top:2px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.search_input:hover {
	border-color:#D2D2D2;
}
.search_input:focus { 
	box-shadow: 0px 0px 3px #BBB;
	border-color:#D2D2D2;
}
.search_submit {
	border:0px;  
	background-color:transparent;  
	position:absolute;  
	top:15px;
	left:220px;
	width:32px;
	height:28px;
}

/* END SEARCH BOX STYLING ================================================= */

.mission {
	margin-top:20px;
}

.social_media {
	margin-top:50px;
}

.broken-egg {
	margin-top:20px;
}

.twitter-feed {
	margin-top:20px;
}

.hdi #footer  {
	z-index: 1000;
	height: 4em;
	width:940px;
	height:60px;
	background:#FFF;
	bottom: inherit;
	text-align: center;
} 
.hdi #footer p {
	z-index: 940px;
	margin: 0;
	padding: 10px 0;
	font-size: 11px;
}

.hdi #footer, .push {
	z-index: 1000;
	height: 50px;
}

/* Show/Hide functionality. */
	.more {
		font-size: 14px;
		display: none;
		margin-bottom: 10px;
}
		
a.showLink, a.hideLink {
		font-size: 14px;
		text-decoration: none;
		color: #630;
		padding-left: 8px;
		background: transparent url(../images/down.gif) no-repeat left;
}


a.showLink2, a.hideLink2 {
		font-size: 14px;
		text-decoration: none;
		color: #630;
		padding-left: 13px;
		background: transparent url(../images/forward_arrow.gif) no-repeat left;
}

a.showLink3, a.hideLink3 {
		font-size: 14px;
		text-decoration: none;
		color: #630;
		padding-left: 13px;
		background: transparent url(../images/back_arrow.gif) no-repeat left;
}

a.hideLink {
		font-size: 14px;
		background: transparent url(../images/up.gif) no-repeat left;
}

a.hideLink2 {
		font-size: 14px;
		background: transparent url(../images/up.gif) no-repeat left;
}
	a.showLink:hover, a.hideLink:hover {
		font-size: 14px;
		border-bottom: 1px dotted #000;
}

a.showLink:hover, a.hideLink:hover {
		font-size: 14px;
		border-bottom: 1px dotted #000;
}

a.showLink2:hover, a.hideLink2:hover {
		font-size: 14px;
		border-bottom: 1px dotted #000;
		padding-left: 13px;
		background: transparent url(../images/read_more.gif) no-repeat left;
}

a.showLink3:hover, a.hideLink3:hover {
		font-size: 14px;
		border-bottom: 1px dotted #000;
		padding-left: 13px;
		background: transparent url(../images/back_arrow.gif) no-repeat left;
}