Template:UIUC Illinois CSS

<html>
<style type="text/css">

/* Illinois IGEM Wiki Stylesheet*/

/* Default Reformatting and Header */

#globalwrapper {
    width:1000px;
    padding:0px 0px;
    margin: 0 auto;
    background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
    background-attachment: fixed;
    background-position: center;
    background-size:100% 100%;
}
body {
    background: #CECECE;
    background-image: url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
    background-attachment: fixed;
    background-position: center;
    height:100%;
    background-size:100% 100%;
}
.firstHeading {
    height:0px;
    visibility:hidden;
}

#p-logo {
    height:0px;
    overflow:hidden;
    display: none;
}

#search-controls {
display:none;
margin-top:0px;
}

#content{
    visibility: hidden;
}

#top-section {
    background-image:url('https://static.igem.org/mediawiki/2012/0/0d/Newbanner3.png');
    background-color:#151F4E;
    background-position: top;
    width:1000px;
    height:219px;
    background-repeat: no-repeat;
    border-width:0px;
    border-top-width:0px;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    margin-top: -10px;
    margin-bottom: -50px;
}


#menubar { 
    color: white;
    background-color: transparent; 
}
#menubar ul li a { 
    color: white; 
    background-color: transparent;
}

.right-menu li a {
    color: white;
    background-color: transparent;
}

/* Header */

#igemlogo {
	float: right;
	z-index: 3;
	height: 209px;
	width: 90px;
	position:absolute;
	top: -10px;
	right: 0px;
        padding:5px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
	background-color:#EEEEEE;
}

#floatinglink {
	float: right;
	z-index: 3;
	height: 209px;
	width: 90px;
	position:absolute;
	top: -10px;
	right: 1160px;
        padding:5px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
	background-color:#EEEEEE;
}

#wrapper {
	width: 1000px;
	height: 100%;
	float: center;
	padding-left:	0%;
	padding-right:	0%;
        padding-top: 1%;
        background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
	background-attachment: fixed;
        background-position: center;

}

#header {
        width: 	750px;
        float: center;
	background-color:#FFE4C4;
	height:	150px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
	margin-left: auto;
	margin-right: auto;      
}

img {
	border: none;
}

#headernavigation{
        width: 	1000px;
        float: center;
	background-color: transparent;
	height:	60px;
	margin-left: auto;
	margin-right: auto;  
        margin-top: -49px;   
        margin-bottom: 10px; 
        z-index: 2;  
}

#headernavbar{
	list-style:none;
	font-weight:bold;
	float:left;
	width:100%;
        margin:0;
        padding:0;
        z-index: 2;  
}
#headernavbar li{
        float:left;
	position:relative;
        text-align:center;
        z-index: 2;  
}
#headernavbar a{
        margin-left:0px;
	display:block;
        padding-bottom:10px;
        padding-top:10px;
        width: 100px;
	color:#ffffff;
	background:#F47F24;
        font: bold 16px Arial;
        z-index: 2;  
  
}
#headernavbar a:hover{
	color:#ffffff;
	background:#003C7D;
	text-decoration:none;
        z-index: 2;  
}

#headernavbar ul{
	background: #003C7D;
	list-style:none;
	position:absolute;
	left:-9999px; 
        z-index: 2;  
}
#headernavbar ul li{
	padding-top:0px; 
	float:none;
        margin-top:-3px;
        z-index: 2;  
}
#headernavbar ul a{
	white-space:nowrap; 
        z-index: 2;  
}
#headernavbar li:hover ul{ 
	left: -15px;
        z-index: 2;  
}
#headernavbar li:hover a{ 
	background:#003C7D;
	text-decoration:none;
        z-index: 2;  
}
#headernavbar li:hover ul a{ 
	text-decoration:none;
        z-index: 2;  
}
#headernavbar li:hover ul li a:hover{ 
	background:#F47F24;
        z-index: 2;  
}


/* Main Page */

#content-containertop {
	width: 	1000px;
	height:	350px;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 25px;
	float:		center;
}

#content-topleft {
	background-color:#EEEEEE;
	width:	430px;
	height: 300px;
	float: left;
	padding: 25px;
	text-align: left;
	margin-left: -10px;
        margin-top: -5px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:150%;
}

#content-topright {
	background-color: #EEEEEE;
	width: 	430px;
	height: 300px;
	float: right;
	padding: 25px;
	text-align: left;
	margin-right: -10px;
        margin-top: -5px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:150%;
}

#content1-topcenter {
        width: 	1000px;
        float: center;
	background-color:#EEEEEE;
        padding: 0px;
	height:	400px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 20px;
	margin-left: auto;
	margin-right: auto;  
        font-size:150%;
}

#selectioncontainermain{
        width: 	1000px;
	height:	40px;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 25px;
        margin-bottom:20px;
	float:		center;
}

#PUFselectionmain{
	list-style:none;
	background-color:#EEEEEE;
	width:	480px;
	height: 40px;
	float: left;
	padding: 0px;
	text-align: left;
	margin-left: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:150%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}


#PUFselectionmain a{
        text-align:center;
        margin-left:0px;
	display:block;
        padding-bottom:10px;
        padding-top:10px;
        width: 480px;
        height:100%;
	color:#ffffff;
	background:#F47F24;
        font: bold 16px Arial;
	text-decoration:none;
}

#PUFselectionmain li:hover a{ 
	background:#003C7D;
	text-decoration:none;
}

#PHATselectionmain{
	list-style:none;
	background-color: #EEEEEE;
	width:  480px;
	height: 40px;
	float: right;
	padding: 0px;
	text-align: left;
	margin-right: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:150%;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

#PHATselectionmain a{
        text-align:center;
        margin-left:0px;
	display:block;
        padding-bottom:10px;
        padding-top:10px;
        width: 480px;
        height:100%;
	color:#ffffff;
	background:#F47F24;
        font: bold 16px Arial;
	text-decoration:none;
  
}

#PHATselectionmain li:hover a{ 
	background:#003C7D;
	text-decoration:none;
}

#sponsorbox {
        width: 	950px;
        float: center;
	background-color:#FFFFFF;
        padding: 25px;
	height:	50px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 25px;
	margin-left: auto;
	margin-right: auto;  
}

#intro {
        width: 	950px;
        float: center;
	background-color:#EEEEEE;
        padding: 25px;
	height:	150px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 10px;
	margin-left: auto;
	margin-right: auto;  
        font-size:150%;
}

/* Notebook */

/* Protocol Section*/

#protocol-container{
	width: 	1000px;
	height:	100%;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 25px;
	float:		center;
}

#protocolselection{
        margin-top: -15px;
        background-color:#EEEEEE;
	width:	250px;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-left: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
        font-size:150%;
}

#protocolselection li{
        list-style:none;
        float:left;
        margin:0px; 
        padding:0px;
        width:100%;
}

#protocolselection a {
 	cursor: pointer;
 	display:block;
	height:25px;
	line-height: 25px;
        text-align:center;     
 	text-decoration:none;
 	width:100%;
	color:#ffffff;
	background:#F47F24;
        padding-top: 10px;
        font: bold 13px Arial;
}

#protocolselection li:hover a{
	background:#003C7D;
	text-decoration:none;
}

#protocoloverview {
	background-color: #EEEEEE;
	width: 	665px;
	height: 100%;
	float: right;
	padding: 25px;
	text-align: left;
	margin-right: -10px;
        margin-top: -15px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
        font-size:150%;
}

/*Protocol Section End*/

/*Meeting Notes*/
#meetingcontainer{
	width: 	1000px;
	height:	100%;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 5px;
	float:		center;
}

#meetingintro{
        width: 	950px;
        float: center;
	background-color:#EEEEEE;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 00px;
        padding-bottom: 25px;
	height:	20px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 10px;
	margin-left: -10px;
	margin-right: auto;  
        font-size:150%;
}


#meetingselection1{
        list-style:none;
        background-color:#EEEEEE;
	width:	184px;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-left: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:100%;
}

#meetingselection2{
        list-style:none;
        background-color:#EEEEEE;
	width:	184px;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-left: 0px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:100%;
}
#meetingselection3{
        list-style:none;
        background-color:#EEEEEE;
	width:	184px;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-left: 0px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:100%;
}
#meetingselection4{
        list-style:none;
        background-color:#EEEEEE;
	width:	184px;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-left: 0px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:100%;
}
#meetingselection5{
        list-style:none;
        background-color:#EEEEEE;
	width:	184px;
	height: 100%;
	float: left;
	padding-top: 0px;
	text-align: left;
	margin-left: 0px;
        margin-right:-10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:100%;
}

#meetingselection1 li{
        list-style:none;
        margin: 0px;
        width: 100%;
     }

#meetingselection2 li{
        list-style:none;
        margin: 0px;
        width: 100%;
}
#meetingselection3 li{
        list-style:none;
        margin: 0px;
        width: 100%;
}
#meetingselection4 li{
        list-style:none;
        margin: 0px;
        width: 100%;
}
#meetingselection5 li{
        list-style:none;
        margin: 0px;
        width: 100%;
}

#meetingselection ul{
        list-style:none;
        float:left;
        margin:0px; 
        padding:0px;
        width:100%;
}

.meetingselection a {
        list-style:none;
 	cursor: pointer;
 	display:block;
	height:20px;
        width: 100%;
	line-height: 25px;
        text-align:center;     
 	text-decoration:none;
 	width:100%;
	color:#ffffff;
	background:#F47F24;
        padding-top: 5px;
        font: bold 13px Arial;
}

.meetingselection li:hover a{
        list-style:none;
        width: 100%;
	background:#003C7D;
	text-decoration:none;
}

#meetingoverview {
	background-color: #EEEEEE;
	width: 	950px;
	height: 100%;
	float: left;
	padding: 25px;
	text-align: left;
	margin-left: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
        font-size:150%;
}


#notebook-container{
	width: 	1000px;
	height:	350px;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 25px;
	float:		center;

}

#notebook-content{
        width: 	1000px;
        float: center;
	background-color:#EEEEEE;
	height:	150px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        padding-top:50px;
        margin-top: 25px;
	margin-left: -10px;
	margin-right: auto;  
}

/* Footer */

#footer-box {
        float: center;
        overflow: hidden;
        display: block;
        background-color: #EEEEEE;
        width: 1010px;
        height: 50px;
        font-weight: normal;
        font-style: normal;
        font-size: 10px;
        margin-left: auto;
        margin-right: auto;
        }

#catlinks {
        visibility: hidden;
}

#footer {
        }

/* Team */

#aboutus{
	width: 	1000px;
	height:	100%;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 0px;
	float:	center;
        font: bold 13px Arial;
}

#abt1{
padding-top:-50px;
margin-top:-50px;
}

#abt2{
padding-top:-50px;
margin-top:-50px;
}

#abt3{
padding-top:-50px;
margin-top:-50px;
}

#aboutusmenu{
    background-color: #003C7D;
    width:  1000px;
    height: 40px;
    float: left;
    text-align: left;
    margin-top: -74px;
    margin-left: -10px;
    padding:0px;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    list-style: none;
    font: bold 16px Arial;
}

#aboutusmenu li{
list-style-type:none;
margin:0;
padding:0;
float:center;
margin-left: 50px;
margin-right: auto;
}

#aboutusmenu a {
    cursor: pointer;
    float:left;
    height:30px;
    text-align:center;     
    text-decoration:none;
    width:300px;
    background:#003C7D;
    font: bold 15px Arial;
    padding-top:10px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    color:#ffffff;
}

#aboutusmenu a:hover {
    background:#F47F24;
    text-decoration:none;
}
#aboutusmenu a:active {
    color:white;
}

#aboutusdescription{
    background-color: #EEEEEE;
    width:  950px;
    height: 100%;
    float: center;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 85px;
    margin-right: 0px;
    margin-left: -10px;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    list-style: none;
}

/*Undergrad Section*/

table{
       background-color:#EEEEEE;
}

#undergradintro{
        width: 	950px;
        float: center;
	background-color:#EEEEEE;
        padding-top: 0px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 15px;
	height:	50px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 5px;
	margin-left: auto;
	margin-right: auto; 
        margin-bottom:0px; 
}

#undergradsmenu a {
    cursor: pointer;
    display:block;
    float:left;
    height:24.6px;
    text-align:center;     
    text-decoration:none;
    width:100%;
    color:#ffffff;
    background:#F47F24;
    padding-top: 10px;
    font: bold 13px Arial;
}

#undergradsmenu a:hover {
    background:#003C7D;
    text-decoration:none;
}
#undergradsmenu a:active {
    color:white;
}

#undergradmembers {
	width: 	1000px;
	height:	100%;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: -20px;
	float:	center;
        font: bold 13px Arial;
}

#undergradsmenu {
    background-color: #F47F24;
    width:  160px;
    height: 310px;
    float: left;
    text-align: left;
    margin-top: 20px;
    margin-left: -10px;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    list-style: none;
}


#description {
    background-color: #EEEEEE;
    width:  815px;
    height: 300px;
    float: left;
    text-align: left;
    margin-top: 20px;
    margin-right: -20px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left:0px;
    padding-right: 5px;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    list-style: none;
}

/* Advisors Section */

#advisorsintro{
        width: 	950px;
        float: center;
	background-color:#EEEEEE;
        padding-top: 0px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 20px;
	height:	50px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 10px;
	margin-left: auto;
	margin-right: auto; 
        margin-bottom:10px; 
}

#advisorsmenu a {
    cursor: pointer;
    display:block;
    float:left;
    height:24.6px;
    text-align:center;     
    text-decoration:none;
    width:100%;
    color:#ffffff;
    background:#F47F24;
    padding-top: 10px;
    font: bold 13px Arial;
}

#advisorsmenu a:hover {
    background:#003C7D;
    text-decoration:none;
}
#advisorsmenu a:active {
    color:white;
}

#advisors {
	width: 	1000px;
	height:	100%;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: -20px;
	float:	center;
        font: bold 13px Arial;
}

#advisorsmenu {
    background-color: #EEEEEE;
    width:  150px;
    height: 450px;
    float: left;
    text-align: left;
    margin-top: 20px;
    margin-left: -10px;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    list-style: none;
}

#advisorsdescription {
    background-color: #EEEEEE;
    width:  815px;
    height: 300px;
    float: left;
    text-align: left;
    margin-top: -450px;
    margin-right: -10px;
    margin-left: 170px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left:0px;
    padding-right: 5px;
    border: 10px solid rgba(255, 255, 255,0.4);
    background-clip: padding-box;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    list-style: none;
}


/* Projects */

#overviewcontainer{
	width: 	1000px;
	height:	350px;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 25px;
	float:		center;
}

#selectioncontainer{
        width: 	1000px;
	height:	40px;
	text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: auto;
	margin-right:auto;
        margin-top: 25px;
        margin-bottom:20px;
	float:		center;
}

#PUFselection{
	list-style:none;
	background-color:#EEEEEE;
	width:	480px;
	height: 40px;
	float: left;
	padding: 0px;
	text-align: left;
	margin-left: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:150%;
}


#PUFselection a{
        text-align:center;
        margin-left:0px;
	display:block;
        padding-bottom:10px;
        padding-top:10px;
        width: 480px;
        height:100%;
	color:#ffffff;
	background:#F47F24;
        font: bold 16px Arial;
	text-decoration:none;
}

#PUFselection li:hover a{ 
	background:#003C7D;
	text-decoration:none;
}

#PHATselection{
	list-style:none;
	background-color: #EEEEEE;
	width:  480px;
	height: 40px;
	float: right;
	padding: 0px;
	text-align: left;
	margin-right: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        font-size:150%;
}

#PHATselection a{
        text-align:center;
        margin-left:0px;
	display:block;
        padding-bottom:10px;
        padding-top:10px;
        width: 480px;
        height:100%;
	color:#ffffff;
	background:#F47F24;
        font: bold 16px Arial;
	text-decoration:none;
  
}

#PHATselection li:hover a{ 
	background:#003C7D;
	text-decoration:none;
}

#project-left {
	background-color:#EEEEEE;
	width:	430px;
	height: 250px;
	float: left;
	padding: 25px;
	text-align: left;
        margin-top: -5px;
	margin-left: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
        font-size:150%;
}

#project-right {
	background-color: #EEEEEE;
	width: 	430px;
	height: 250px;
	float: right;
	padding: 25px;
	text-align: left;
        margin-top: -5px;
	margin-right: -10px;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
        font-size:150%;
}

/*PUF*/ 

#PUFcontainer {
	width: 	75%;
	height:	100%;
	text-align: center;
	padding-top:  1%;
	padding-left: 0%;
	padding-right:0%;
	margin-left: auto;
	margin-right:auto;
	float:		center;

}

#PUFoverview {
        text-align: center;
	background-color: #EEEEEE;
        width: 75%;
	height: 100%;
	float: center;
	margin-top: 1%;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
	padding-left: auto;
	padding-right: auto;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

/*Galleria*/

/*
 * Galleria Classic Theme
 * Copyright (c) 2010, Aino
 * Licensed under the MIT license.
 */

#galleria{ width: 1000px; height: 400px; background: #000 }

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #fff;
}
.galleria-container img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow:hidden;
}
.galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2;
}
.galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px;
}
.galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    border: 1px solid #fff;
    float: left;
    cursor: pointer;
}
.galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial,sans-serif;
    z-index: 1;
}
.galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(classic-loader.gif) no-repeat 2px 2px;
}
.galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute;
}
.galleria-info-text {
    background-color: #000;
    padding: 12px;
    display: none;
    /* IE7 */ zoom:1;
}
.galleria-info-title {
    font: bold 12px/1.1 arial,sans-serif;
    margin: 0;
    color: #fff;
    margin-bottom: 7px;
}
.galleria-info-description {
    font: italic 12px/1.4 georgia,serif;
    margin: 0;
    color: #bbb;
}
.galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
}
.notouch .galleria-info-close:hover{
    opacity:1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-close:active{
    opacity:1;
    filter: alpha(opacity=100);
}
.galleria-info-link {
    background-position: -669px -5px;
    opacity: .7;
    filter: alpha(opacity=70);
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
}
.notouch .galleria-info-link:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-info-link:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -62px;
    width: 100%;
    height: 62px;
    left: 0;
}
.galleria-image-nav-left,
.galleria-image-nav-right {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: pointer;
    width: 62px;
    height: 124px;
    position: absolute;
    left: 10px;
    z-index: 2;
    background-position: 0 46px;
}
.galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -254px 46px;
    z-index: 2;
}
.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.touch .galleria-image-nav-left:active,
.touch .galleria-image-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8;
    filter: alpha(opacity=80);
}
.galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto;
}
.galleria-thumbnails-container .disabled {
    opacity: .2;
    filter: alpha(opacity=20);
    cursor: default;
}
.notouch .galleria-thumb-nav-left:hover,
.notouch .galleria-thumb-nav-right:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.touch .galleria-thumb-nav-left:active,
.touch .galleria-thumb-nav-right:active {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #111;
}
.notouch .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: transparent;
}

.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right {
    display: block;
}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right,
.galleria-info-link,
.galleria-info-close,
.galleria-image-nav-left,
.galleria-image-nav-right {
    background-image: url('http://i.imgur.com/tLDSr.png');
    background-repeat: no-repeat;
}

/*Flowchart*/

#flowchart-container{
        width: 	980px;
        float: center;
	background-color:#ffffff;
        padding: 10px;
	height:	500px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 95px;
	margin-left: auto;
	margin-right: auto;  
        font-size:150%;

#flowchart{
float:center;
}

/*Outreach*/

#outreachintro {
        width: 	950px;
        float: center;
	background-color:#EEEEEE;
        padding: 25px;
	height:	50px;
        -webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border: 10px solid rgba(255, 255, 255,0.4);
	background-clip: padding-box;
        margin-top: 25px;
	margin-left: auto;
	margin-right: auto;  
}

/* Sponsor Logos */

#genscriptlogo{
float: right;
	z-index: 3;
	position:absolute;
}
}

#igblogo{
float: right;
	z-index: 3;
	position:absolute;
}

#octochemlogo{
float: right;
	z-index: 3;
	position:absolute;

}

#igblogo{
float: right;
	z-index: 3;
	position:absolute;
}


</style>
</html>