/*.col-lg-12{
    border: solid red 2px !important;
}*/
 

/*===================
 Fonts, Colors and Backgrounds
 =============================*/
header{
    background-color: rgba(218,218,218, .50);
    color: #313030;/*#F5F5FF;*/
    height: 100%;
}

body{
    background-color: rgba(218,218,218, .50);
}

/*============================
 iframe
 ===========================*/
iframe {
    border:none;
    position:relative;
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    overflow:hidden;
    height:auto; /* optional */
    width:100%; /* optional */
}

/*=============================
 Typography
 =============================*/
header, h1, h2, h3{
    font-family: font-family: Impact, Charcoal, sans-serif;
    line-height: 1.45;
}
body {
    font-family:  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}[/css]   
}

p {
    color: #303030;

}
.caption_p{
text-align: justify;    
    font-size: 8px;
    line-height: 12px;
    letter-spacing: 1.0px;
    padding: 1px 1px;
}
.home_p{
text-align: justify;	
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1.0px;
    padding: 0px 0px;
}
.other_p{
    text-align: justify;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 1.0px;
    padding: 10px 10px 10px 10px;
}
.alumni_p{
    text-align: justify;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1.0px;
    padding: 10px 10px 10px 10px;
}
.center_p{
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 1.0px;
    padding: 10px 10px 10px 10px;
}
.peeps_p{
    text-align: justify;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 1.0px;
    padding: 0px 40px 10px 0px;
}

h1{
    font-size: 36px;
}
#homeName{
    font-size: 42px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

small {
    color: #303030;
    font-size: 12px;
}
footer{
    text-align: right;
    color: #303030;
    font-size: 8px;
    padding: 0px 25px
}
.figCap{
    text-align: justify;
    padding: 0px 20px;
}
.catFail{
	color: #00527A;
	text-align: left;
	padding-left: 0px;
}
.headings1 {
   color: #00527A;
}
.headings2 {
   color: #00527A;
   text-align: left;
}
.papersList{
   list-style: none;
   text-align: right;
   padding: 5px 5px 5px 0px;
}
ul{
   
   color: #303030;
   font-size: 14px;
   line-height: 18px;
}

li{
   padding-bottom: 10px;
}

.bold {
  font-weight:bold;
}



/*=================
 Images main page
 ==================*/

#peeps{
   max-width: 100%;
   height: auto;
   padding: 20px 20px 20px 0px;
   
}
#honeycomb{
   max-width: 100%;
   height: auto;
   padding: 5px 25px 5px 25px;
}


/*======================
 images research page
 ======================*/
#honey{
   max-width: 100%;
   height: auto;
   padding: 5px 15px 5px 15px;
}
#gel_rupture{
   max-width: 100%;
   height: auto;
   padding: 5px 15px 5px 15px;
}
#ladder1{
   max-width: 100%;
   height: auto;
   padding: 5px 45px 5px 45px;
}
#splashbottom{
   max-width: 100%;
   height: auto;
   padding: 5px 10px 5px 10px;
}
#splashint{
   max-width: 100%;
   height: auto;
   padding: 5px 35px 5px 35px;
}


/*=================
 Images contact page
 ==================*/

#tech{
   max-width: 100%;
   height: auto;
   padding: 5px 5px 5px 5px;
   
}

/*=================
 Images people page
 ==================*/

#michellepic{
    max-width: 107%;
    height: auto;
    padding: 5px 15px 5px 5px;
}


#shihyuanpic{
    max-width: 94%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#abbypic{
    max-width: 87.5%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#samirapic{
    max-width: 87.5%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#isabellapic{
    max-width: 74.2%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#carlypic{
    max-width: 50%;
    height: auto;
    padding: 5px 5px 5px 5px;
}


#shankadeeppic{
    max-width: 82.2%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#akalankapic{
    max-width: 91.3%;
    height: auto;
    padding: 5px 5px 5px 5px;
}


#haleypic{
    max-width: 87.5%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#charliepic{
    max-width: 95.00%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#carlypic{
    max-width: 96.7%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#bowling{
    max-width: 67%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#games{
    max-width: 70%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#beach{
    max-width: 105%;
    height: auto;
    padding: 5px 5px 5px 5px;
}

#picnic{
    max-width: 92%;
    height: auto;
    padding: 5px 5px 5px 5px;
}



#grouppic7{
    max-width: 100%;
    height: auto;
    padding: 5px 5px 5px 5px;
}



/*======================
Links
========================*/
.navlinks {
    font-size: 20px;
    color: #313030;/*#F5F5FF;*/
    text-decoration: none;
    padding: 15px;
}
.plinks {
	color: #676767;
	text-decoration: none;
}
.liLinks{
	color: #676767;
	text-decoration: none;
}
.paplinks{
	color: #303030;
	text-decoration: none;
    padding: 15px;
}

.publinks{
	color: #303030;
	text-decoration: none;
    padding: 0px;
}
.newslinks{
    color: #35a6c5;
    text-decoration: none;
}
/*======================
News Window
========================*/


#NewsArea, #news_window iframe 
		{
		height: 300px;
		width: 100%; 
		}



#news_window	{
		width: 100%;
		max-width: 1200px;
		min-width: 200px;
		margin: 0px auto 10px auto;
		border: #000000 1px solid;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}

#news_window iframe 
		{
		display: block;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
        overflow-y: scroll;
		}

.news_window-title 
		{
		color: #FFFFFF;
		font: normal 22px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		background-color: #417793;
		text-align: left;
		padding: 5px 5px 5px 5px;
		border-bottom: #CCCCCC 5px solid;
		}

#NewsArea	{ position: absolute; left: 0; top: 0px; overflow: auto; -webkit-overflow-scrolling: touch; }

body.news-page 	{
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		border: 0;
		}

.news-text-if	{		
		color: #666666;
		font: normal 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		text-align: left;
		padding: 8px 7px 7px 7px;
		}

.news-title-if	{
		color: #000000;
		font: bold 14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		text-align: left;
		border-bottom: #666666 0px solid;
		}