@import "home-styles.css";


body {
	background-position:0px 0px;
	background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/background.gif);
	background-color:#4F82B3;
}

a:link, a:visited {
	color: white;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#underlined {
	text-decoration: underline;
}

#underlinedRight {
	text-decoration: underline;
	color:#402b1d;
}

#homeBg {
	background-image: url(images/home-bg.gif);
	background-position:0px 0px;
	
	background-color:#4F82B3;
}

#title {
	position: absolute;
	left:0;
	top: 20px;
	width:820px;
	margin-left: 25px;
	border:none;
	font-size:11px;
	text-align:right;
}

#title a:link, #title a:visited {
	color: #cccccc;
}


#navAbout {
	position:absolute;
	left: 440px;
	top: 60px;
	width: 154px;
	margin-left: -50px;
	border:none;
	height:17px;
}


#navAboutRollOver {
	position:absolute;
	left: 440px;
	top: 60px;
	width: 154px;
	margin-left: -50px;
	border:none;
	height:17px;
	visibility: hidden;
}

#navEducation {
	position:absolute;
	left: 440px;
	top: 80px;
	width: 146px;
	margin-left: -73px;
	border:none;
	height:17px;
}


#navEducationRollOver {
	position:absolute;
	left: 440px;
	top: 80px;
	width: 146px;
	margin-left: -73px;
	border:none;
	height:17px;
	visibility: hidden;
}

#navCulture {
	position:absolute;
	left: 440px;
	top: 100px;
	width: 113px;
	margin-left: -57px;
	border:none;
	height:17px;
}


#navCultureRollOver {
	position:absolute;
	left: 440px;
	top: 100px;
	width: 113px;
	margin-left: -57px;
	border:none;
	height:17px;
	visibility: hidden;
}

#navAffiliated {
	position:absolute;
	left: 440px;
	top: 120px;
	width: 250px;
	margin-left: -131px;
	border:none;
	height:17px;
}


#navAffiliatedRollOver {
	position:absolute;
	left: 440px;
	top: 120px;
	width: 250px;
	margin-left: -131px;
	border:none;
	height:17px;
	visibility: hidden;
}

#navContact {
	position:absolute;
	left: 440px;
	top: 140px;
	width: 134px;
	margin-left: -61px;
	border:none;
	height:17px;
	z-index:2;
}


#navContactRollOver {
	position:absolute;
	left: 440px;
	top: 140px;
	width: 134px;
	margin-left: -61px;
	border:none;
	height:17px;
	visibility: hidden;
}

#copy {
	margin-top:-20px;
	padding-bottom:40px;
	text-align: left;
	color:#E7E5E4;
	font-size:10px;
	line-height:1.6em;
}

#topLine {
	position:absolute;
	top: 145px;
	left: 0px;
	margin-left: 0px;
	width: 970px;
	z-index:1;
}

#bottomLine {
	margin-left: -25px;
	width: 970px;
}

#fullPage {
	position: absolute;
	left: 0px;
	width:820px;
	margin-left:25px;
	top: 214px;

}

#leftcolumn {
	float: left; 
	width:370px; 
	text-align: left;
	color:#E7E5E4;
	font-size:11px;
	line-height:1.6em;
	margin-right: 20px;
}

#rightcolumn {
	float: right; 
	width:370px; 
	text-align: left;
	color:#402b1d;
	font-size:11px;
	line-height:1.6em;
	text-align: right;
	margin-right: 0px;
}

#end {
	position:inherit;
	bottom: -1100px;
	margin-top:-20px;
	padding-bottom:40px;
	text-align: left;
	color:#E7E5E4;
	font-size:10px;
	line-height:1.6em;
}

#tableMiddle {
	position:absolute;
	left: 242px;
	top: 250px;
	width: 394px;
	margin-left: -61px;
	border:none;
	height:17px;
	z-index:2;
}

.aboutpullout{
	width:111px; /* half the width of the bg image */
	height:222px;    /* height of bg-image*/
	position:relative; /* neg margining bug in IE, Opera */
	display: inline;   /* IE doubling margin bug */
	background: url(images/about-picture.jpg) no-repeat;
	margin:0.25em;
	}

#leftcolumn .aboutpullout {
	clear:right;
	float: right;
	margin-top:0px;
	margin-right:-45px;
	margin-left: 20px;
	background-position: 0 0;
	}

#rightcolumn .aboutpullout {
	clear:left;
	float: left;
	margin-left:-36px;
	margin-top:0px;
	margin-right: 15px;
	background-position: -111px 0;
	}

.educationpullout{
	width:98px; /* half the width of the bg image */
	height:240px;    /* height of bg-image*/
	position:relative; /* neg margining bug in IE, Opera */
	display: inline;   /* IE doubling margin bug */
	background: url(images/education-picture.jpg) no-repeat;
	margin:0.25em;
	}

#leftcolumn .educationpullout {
	clear:right;
	float: right;
	margin-top:0px;
	margin-right:-45px;
	margin-left: 15px;
	background-position: 0 0;
	}

#rightcolumn .educationpullout {
	clear:left;
	float: left;
	margin-left:-36px;
	margin-top:0px;
	margin-right: 15px;
	background-position: -97px 0;
	}

.culturepullout{
	width:111px; /* half the width of the bg image */
	height:220px;    /* height of bg-image*/
	position:relative; /* neg margining bug in IE, Opera */
	display: inline;   /* IE doubling margin bug */
	background: url(images/culture-picture.jpg) no-repeat;
	margin:0.25em;
	}

#leftcolumn .culturepullout {
	clear:right;
	float: right;
	margin-top:0px;
	margin-right:-45px;
	margin-left: 15px;
	background-position: 0 0;
	}

#rightcolumn .culturepullout {
	clear:left;
	float: left;
	margin-left:-36px;
	margin-top:0px;
	margin-right: 15px;
	background-position: -111px 0;
	}

.affiliatedpullout{
	width:123px; /* half the width of the bg image */
	height:184px;    /* height of bg-image*/
	position:relative; /* neg margining bug in IE, Opera */
	display: inline;   /* IE doubling margin bug */
	background: url(images/affiliated-picture.jpg) no-repeat;
	margin:0.25em;
	}

#leftcolumn .affiliatedpullout {
	clear:right;
	float: right;
	margin-top:0px;
	margin-right:-45px;
	margin-left: 15px;
	background-position: 0 0;
	}

#rightcolumn .affiliatedpullout {
	clear:left;
	float: left;
	margin-left:-36px;
	margin-top:0px;
	margin-right: 15px;
	background-position: -123px 0;
	}

.contactpullout{
	width:104px; /* half the width of the bg image */
	height:238px;    /* height of bg-image*/
	position:relative; /* neg margining bug in IE, Opera */
	display: inline;   /* IE doubling margin bug */
	background: url(images/contact-picture.jpg) no-repeat;
	margin:0.25em;
	}

#leftcolumn .contactpullout {
	clear:right;
	float: right;
	margin-top:0px;
	margin-right:-45px;
	margin-left: 15px;
	background-position: 0 0;
	}

#rightcolumn .contactpullout {
	clear:left;
	float: left;
	margin-left:-35px;
	margin-top:0px;
	margin-right: 15px;
	background-position: -104px 0;
	}