/* DEFAULT STRUCTURE */
body {
	height:auto;
	background-color:#333333;
	font-family: arial, sans-serif, 'time roman';
    font-size: 12px;
	text-align:center;
	background-repeat: no-repeat;}

#frame {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:950px;
	background-color: #333333;}

#page {
	margin:0px;
    border: 5px solid #999;
	background-color: #FFF;}

#header {
    color: #222;
    text-shadow: 0px 1px 1px #555;
	background-color: #777777;
	padding:10px;
	height:60px;}

#content {
	background-color:#FFF;
    margin:0px;
	padding:0px;
	height:auto;
    overflow: hidden;}

#footer {
    color: #999;
	height: auto;
	width: auto;
	font-size: 10px;
	text-align: center;
	margin: 10px;}

/* frames */
#one-third {
	float:right;
	width:285px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:276px;
    font-size: 15px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#two-third {
	float:left;
	width:575px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:276px;
    position:relative;
	background-image: url(../images/general/header-shadow-flipped.png);
	background-repeat: no-repeat;
	background-position: -12px -12px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    }

#one-third-2 {
	float:right;
	width:285px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:155px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 2px 3px #999999;
}

#two-third-2 {
	float:left;
	width:575px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:155px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 2px 3px #999999;
}

#faces-pi {
	float:left;
	width:200px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:471px;
    font-size: 12px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#half-page {
	float:left;
	width:430px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:426px;
    font-size: 12.5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#half-page-overflow {
	float:left;
	width:430px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
    font-size: 12.5px;
	height:auto;
    overflow: hidden;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#biographies-pi {
	float:right;
	width:660px;
	background-color:#f3f3f3;
	padding:10px;
	margin:10px 10px 10px 10px;
	height:471px;
    font-size: 14px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#type {
	float:left;
	width:900px;
	background-color:#FFF;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
	height:25px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #222;
    text-shadow: 0px 2px 3px #999999;
    }

#type-half-page {
	float:left;
	width:430px;
	background-color:#FFF;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
	height:25px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #222;
    text-shadow: 0px 2px 3px #999999;}

#year {
	float:left;
	width:900px;
	background-color:#FFF;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
	height:15px;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    text-align: left}

#faces {
	float:left;
	width:150px;
	background-color:#f3f3f3;
	padding:10px;
	margin:5px 10px 5px 10px;
	height:180px;
    font-size: 14px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#biographies {
	float:right;
	width:710px;
	background-color:#f3f3f3;
	padding:10px;
	margin:5px 10px 5px 10px;
	height:180px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#substrate {
	float:left;
	width:900px;
	background-color:#f3f3f3;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
	height:auto;
    text-align: left;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#substrate-white {
	float:left;
	width:900px;
	background-color:#FFF;
	padding:0px 10px 0px 10px;
	margin:-10px 10px 0px 10px;
	height:auto;
    text-align: left;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#substrate-project-photo {
    float:left;
    vertical-align:middle;
	width:250px;
    height:471px;
	background-color:#f3f3f3;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
    font-size: 12px;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#substrate-project-description {
	float:right;
    vertical-align:middle;
	width:550px;
    height:471px;
	background-color:#f3f3f3;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
    font-size: 12px;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

#substrate-facility {
	float:left;
	width:338px;
	background-color:#f3f3f3;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
	height:491px;
    text-align: left;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
}

#substrate-facility-description {
	float:left;
	width:522px;
	background-color:#f3f3f3;
	padding:5px 10px 5px 10px;
	margin:5px 10px 5px 10px;
	height:491px;
    text-align: justify;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    color: #222;
    text-shadow: 0px 1px 1px #999999;
    }

/* headers */
h1.shadow {
    color: #222;
    text-shadow: 0px 2px 3px #999999;
}

h2.shadow {
    color: #222;
    text-shadow: 0px 2px 3px #999999;
}

h3.shadow {
    color: #222;
    text-shadow: 0px 2px 3px #999999;
}

/* slider */
#slider {
    position:relative;
    width:498px; /* Change this to your images width */
    height:249px; /* Change this to your images height */
    background:url(../images/general/loading.gif) no-repeat 50% 50%;}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;}

#slider a {
    border:0;
    display:block;}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/general/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
/* header components */
#logo {
    color:#f3f3f3;
    width: auto;
	height: auto;
	float: left;
	margin-left: 20px;
	margin-top: 7.5px;
    font-weight: bold;
	font-size: 30px;
    text-align:left;
    text-shadow: 0px 2px 3px #555;
    line-height: 0.75}

/* Menu */
#mainMenu {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
}
/* Lists */
#newslist {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: -10px;
	color: #000;
	text-align: left;
	white-space: normal;
}

/* List style */
li.header {list-style:disc; font-size:17px; font-weight: bold;}