@charset "utf-8";
/* CSS Document */

/* ---------------------------- */
/* Applies to entire site */
/* ---------------------------- */

html, body { 
	height: 100%; /* necessary to allow child containers to have 100% height */
}

body {
	margin: 0;
	background-color: #dcdfe0;
	background-image: url(images/background-lobby.jpg);
	background-repeat: no-repeat;
}

#wrapper {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	border: 1px solid #634210;	
	border-top: none;
	border-bottom: none;
	background-color: #a79a77;
}

/* min-height workaround for IE6 */
* html #wrapper {
	height: 100%;
}

#nav {
	float: left;
	width: 272px;
	height: 330px; /* #right height must be the same value */
	background-image: url(images/bg-nav.png);
	background-repeat: no-repeat;
	background-position: top;
}

	#nav ul {
		list-style:none;
	}
	
	#nav li {
		list-style: none;
		margin-top: 10px;
		margin-left: 20px;
	}

#nav img {
	border: 0; /* to eliminate all image borders in the nav container */
}

#footerNav {
	float: left;
	width: 760px;
	height: 61px;
	background-image: url(images/bg-footer-nav.gif);
	background-repeat: repeat-x;
	border-top: none;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	color: #FFFFFF;
}

	#footerNav a, a:hover {
		text-decoration: none;
		color: #FFFFFF;
	}

	#footerNav ul {	
		list-style: none;
		display: inline;
	}
	
	#footerNav li { 
		float: left;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 63px;
	}
	
	#footerNav img { 
		border:none;
	}
	
#footer {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background-color: #a79a77;
	border: 1px solid #634210;
	border-top: none;
}

#credits {
clear: both;
text-align: center;
margin: 10px 0 10px 0;
}
/* ---------------------------- */
/* ---------------------------- */

/* ---------------------------- */
/* HOME TEMPLATE */
/* ---------------------------- */

#headerHome {
	margin: 0;
	padding-top: 20px;
	text-align: center;
	border: none;
	width: 760px;
}

	#headerHome img {
		 display:block;
		 float:left;
	}

#rightHome {
	float: right;
	width: 488px;
	height: 330px; /* #nav height must be the same value */
	text-align: right;
}

	#rightHome img {
		display: block;
	}

/* #contentHome {
	float: left;
	width: 760px;
	height: 100%;
	overflow: visible; /* IMPORTANT - needed to expand content area along with contents of nested div's */
} */

#contentHome {
	float: left;
	width: 740px; /* must equal #wrapper width - #contentInside padding x 2 (i.e. 760 - 2x10) */
	background-color: #d1c6a7;
	padding: 10px;
	overflow: auto;
}

#textContentBoxHome {
	float: left;
	width: 375px;
	height: 100%;
	margin-left: 30px;
	overflow: visible;
	padding: 28px 30px 0 20px;
	text-align: center;
	background-color: #d1c6a7;
	background-image: url(images/bg-contentbox-inside-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

	/* min-height workaround for IE6 */
	* html #textContentBoxHome {
		height: 100%;
	}
	
/* ---------------------------- */
/* ---------------------------- */

/* ---------------------------- */
/* INSIDE/CONTENT GENERIC TEMPLATE */
/* ---------------------------- */

#headerInsideGeneric {
	float: left;
	width: 760px;
	height: 138px;
}

#headerInsideGeneric img {
	border: none;
}

#headerInsideGenericHeading {
	float: right;
	width: 400px;
    padding-top: 85px;
}

/* Inside refers to actual content pages from here down */
#headerInside {
	margin: 0;
	padding-top: 20px;
	text-align: right;
	border: none;
	width: 760px;
	height: 118px;
	background-image: url(images/bg-inside-header.png);
	background-repeat: no-repeat;
}

#headerInside img {
	position: relative;
	top: 50px;
	border: 0;
}

#rightInside {
	float: right;
	width: 488px;
	height: 330px; /* #nav height must be the same value */
	text-align: right;
}

#contentInside {
	float: left;
	width: 740px; /* must equal #wrapper width - #contentInside padding x 2 (i.e. 760 - 2x10) */
	background-color: #d1c6a7;
	padding: 10px;
	overflow: visible;
}

/* ---------------------------- */
/* ---------------------------- */

/* ---------------------------- */
/* PROFILE SPECIFIC TEMPLATE */
/* ---------------------------- */

#profileRight {
	float: left;
	width: 488px;
}

#profileLeftContainer {
	float: left;
	width: 272px;
	height: 100%;
	background-image: url(images/bg-nav.png);
	background-repeat: no-repeat;
	background-position: top;
}

#profileLeftContainer img {
	border: 0;
}

#profileLeftContainer td { 
	text-align: center; /* to center the profile menu photos */
}

#profilePhoto {
	margin: 20px 0 0 20px;
	padding: 4px;
	position: relative;
	z-index: 1001;
}

/* to position the title text image */
#profilePhoto .title {
	display: block; 
	position: relative; 
	z-index: 1002; 
	top: -245px; 
	left: 183px;
}

#profileBlock {
	position: relative;
	z-index: 1000;
    top: -220px;
	left: 40px;
	background-color: #d1c6a7;
	width: 420px;
	padding: 10px;
	margin-bottom: -185px;
}

/* ---------------------------- */
/* ---------------------------- */

/* ---------------------------- */
/* INDIVIDUAL ELEMENT LAYOUT STYLES */
/* ---------------------------- */

.profileMenuTable td {
	text-align: center;
}

.profileMenuTable img {
	border: 0;
}

#profileMenu {
	float: left;
	width: 335px;
}

#textContainer { 
	background-image: url(images/bg-text-container.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding: 15px 45px 10px 10px;
	min-height: 127px;
	overflow: visible;
	height: 100%;
}

.centerHeadingImage {
	display:block;
	margin: auto;
}

#newsContainer {
	float: left;
	display: inline;
	margin-left: -10px;
	width: 341px;
	background-image: url(images/bg-news-vertrule.gif);
	background-position: right;
	background-repeat: repeat-y;
	min-height: 150px;
	height: auto;
	overflow: visible;
}

	#newsContainer ul {
		list-style: none;
		display: inline;
	}

	#newsContainer li { 
		width: 250px;
		background-image: url(images/bullet-red-diamond.gif);
		background-repeat: no-repeat;
		padding: 0 0 20px 20px;
		margin-left: 10px;
	}
	
#publicationsContainer {
	float: right; 
	margin-top: 13px;
	width: 350px; 
	text-align:center;
	overflow: visible;
}

	#publicationsContainer .title {
		font-variant:small-caps;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
/* For Admin page */
#adminarea {
	width: 960px;
}

/* ---------------------------- */
/* ---------------------------- */