body {
        background-color: white;
        font-family: OpenSans,Arial,Helvetica;
        margin: 0;
}


h1 {
        color: #3e3e3e;
        font-size: 30px;
        font-weight: normal;
        line-height: 30px;
        margin: 0 0 30px;

}

p {
line-height: 150%;
}

#ship_image {

}


#contents {
        min-height: 510px;
        width: 880px;
        margin: 0 auto;
        //padding: 54px 40px;
        padding-top: 30px;
}


#sidebar {

        float: left;
//        min-height: 650px;
        height: 150%;
        width: 270px;
border-right-width: thin;
border-right-style: dashed;
margin-right:30px;
}


#main {
        min-height: 100px;
        width: 820px;
        padding-right: 14px;
        margin-left: 10px;
        margin-bottom:25px;
}




#title_wrapper{
	width:100%;
	display:inline-block;


}


/* --------------------------- Button Styling ----------------------------- */

.button{
	text-decoration:none; text-align:center; 
	display: inline-block;
	width: 132px;
	padding:11px 32px; 
 	border:none; 
 	-webkit-border-radius:50px;
 	-moz-border-radius:50px; 
 	border-radius: 50px; 
 	font:18px Arial, Helvetica, sans-serif; 
 	font-weight:bold; 
 	color:#FFE87F;/*#eef27e;*/ 
 	background:#4c86bb;//#76acde; 
 	-webkit-box-shadow:0px 0px 2px #bababa;  
	-moz-box-shadow: 0px 0px 2px #bababa;  
	box-shadow:0px 0px 2px #bababa;  
}

.button:hover{
	padding:11px 32px; 
 	border:none; 
 	-webkit-border-radius:50px;
 	-moz-border-radius:50px; 
 	border-radius: 50px; 
 	font:18px Arial, Helvetica, sans-serif; 
 	font-weight:bold; 
 	color:#FFD200; /*#ffff00;*/ 
 	background-color:#00539f; 
 	background-image: -moz-linear-gradient(top, #056cf2 0%, #0057ed 100%); 
 	background-image: -webkit-linear-gradient(top, #056cf2 0%, #0057ed 100%); 
 	background-image: -o-linear-gradient(top, #056cf2 0%, #0057ed 100%); 
 	background-image: -ms-linear-gradient(top, #056cf2 0% ,#0057ed 100%); 
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057ed', endColorstr='#0057ed',GradientType=0 ); 
 	background-image: linear-gradient(top, #056cf2 0% ,#0057ed 100%);   
 	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}


.button:active{
 	padding:11px 32px; 
 	border:none; 
 	-webkit-border-radius:50px;
 	-moz-border-radius:50px; 
 	border-radius: 50px; 
 	font:18px Arial, Helvetica, sans-serif; 
 	font-weight:bold; 
 	color:#FFD200; /*#ffff00;*/ 
 	background-color:#056cf2; 
 	background-image: -moz-linear-gradient(top, #056cf2 0%, #0057ed 100%); 
 	background-image: -webkit-linear-gradient(top, #056cf2 0%, #0057ed 100%); 
 	background-image: -o-linear-gradient(top, #056cf2 0%, #0057ed 100%); 
 	background-image: -ms-linear-gradient(top, #056cf2 0% ,#0057ed 100%); 
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057ed', endColorstr='#0057ed',GradientType=0 ); 
 	background-image: linear-gradient(top, #056cf2 0% ,#0057ed 100%);   
 	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 20px #ffffff; 
 	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 20px #ffffff;  
 	box-shadow:0px 0px 2px #bababa, inset 0px 0px 20px #ffffff;  
}


.ui-datepicker-calendar {
	display: none;
}

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


/*-------------------------------Researchers-----------------------------*/

#staff_image {
	float:left;
	max-width: 150px;
}


#staff_keypoints {
	float: left;
	width: 250px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 0px;
	margin-right:100px;
}


#staff_description {
	margin-left: 50px;
	padding-top:60px;
	padding-left:418px;
	padding-bottom:30px;
}

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


/*--------------------------------QC Table---------------------------------*/

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:400px;
        heigh:200px;
        float: left;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}




#data_results{
top: 50px;
float: left;
}



#header{
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: 0 -50px 50px;
        display:inline-block;
}


#footer{
        width: 100%;
        text-align: center;
        margin: 0 auto;
        padding: 15px 0px 0px;
        display:inline-block;
background-color: #FFE87F;
margin-top:30px;
}



#footer_container{
height: 120px;
min-width:1000px;
width:100%;
 display:inline-block;
}

#left_footer{
text-align: left;
margin-top:0px;
height: 100px;
margin-right: 50px;
 display:inline-block;
}

#right_footer{
height: 100px;
 display:inline-block;
}

#footer_wrapper{
width:100%;
display:inline-block;
height: 120px;
}