#container
html, body {
height: 100%;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
color:#333;

}

p 
{
    margin: 0 0 10px;

}



/**********  Footer  *********/

#container {
min-height: 100%;
margin-bottom: -50px;
margin :0 auto;
width:1050px;
padding-left:20px;
padding-top:40px;
line-height:1.4285;
}

.TextRegion 
{
    width:750px;
    text-align: left;
   /*border : 1px solid #abcddc;*/
   border : 1px solid #e8e9ea;
    border-radius :3px;
    padding :5px;
    float:right;
    margin-left :10px;
    margin:0 0 10px 0;
    background:#F8F8F8;





}

.LinkBarRegion 
{
    width:180px;
    border : 1px solid #e8e9ea;
    border-radius :10px;
    padding :15px;
    float:left;
    min-height:80px;
    margin:0 0 10px 0;
   background:#F8F8F8;
}

    

/**3 Columns **/



.LinkBar_3M
{
   width:180px;
    border : 1px solid #e8e9ea;
    border-radius :10px;
    padding :10px;
    float:left;

    min-height:100px;
   
    margin-right :5px;
   background:#F8F8F8;
      

}

.TextRegion_3M
{
   width:530px;
    text-align: left;
   /*border : 1px solid #abcddc;*/
   border : 1px solid #e8e9ea;
    border-radius :3px;
    padding :5px;
    float   :left;
    margin-left :5px;
    margin-right :10px;
    background:#F8F8F8;

}

.DownloadBar_3M
{
   width:180px;
    border : 1px solid #e8e9ea;
    border-radius :10px;
    padding :15px;
    float:left;
    min-height:100px;
    margin:0 0 10px 0;
   background:#F8F8F8;


}


#footer {
height: 250px;
position: relative;
border-top:2px solid #374353;
background-color:#374353;
color:#fff;

}


.FooterColOne 
{
     width:235px;
     border-left : 1px dotted #ceecfa;
   border-right : 1px dotted #ceecfa;
    float:left;
    min-height :220px;
     padding:15px;
      

}

.FooterColTwo
{
   width:235px;
   padding:15px;
    float:left;
 

   min-height :220px;

}

.FooterColThree 
{
    width:235px;

    float:left;
  padding:15px;
    border-left : 1px dotted #ceecfa;
   border-right : 1px dotted #ceecfa;
   min-height :220px;

      

}

.ColumnHolder 
{

   margin : 0 auto ;
   width :980px;
   height:250px;
   padding-left:250px;
}


.clearfooter {
height: 50px;
clear: both;
margin-bottom:100px;
}

.clearTop 
{
clear: both;
}

/**********  Footer  *********/






body , .SiteHead , .MenuBar , .SiteFooter 
{
    margin:0 auto;


}

.SiteHead
{
   

    width:980px;
    padding:10px;
    padding-left:25px;
    padding-bottom:5px;
}



.MainContent 
{
width:1000px;
margin:0 auto;
background-color:#fff;
margin-top:0;
}

.RibbonBar 
{
    background-image: url(../Images/bgbar.png);
    background-repeat:repeat-x;
      height:142px;
  
}

.MenuBar 
{
    background-color:#1e1e1e;
  
  
}



.SiteFooter
{
    border-top:2px solid #374353;
    background-color:#374353;
    color:#fff;
    height:140px;


 
 
}


.HeadWrapper img
{
display: block;
margin-left: auto;
margin-right: auto;
}



 .HeadWrapper h3 , h4, h5 
  {
   margin:0;
   float:left;
   padding-left:20%;
   font-family:Arial;
   }
.HeadWrapper h5 
{

    font-size:35px;
   
}

.HeadWrapper h3
{
   
    font-size:25px;
}

.HeadWrapper h4
{
    font-size:22px;   
}




.BrandLogoSection img
{
display: block;
margin-left: auto;
margin-right: auto;

}

.Section2 
{
    width:475px;
    height:120px;
    float:left;
}



.SiteSlideShow
{
    width:600px;
    margin:0 auto;
   
}



.ComNaviLink
{
  text-decoration:none;
  color:#FFF;
  font-family:Verdana;
  font-size:10pt;
  font-weight: bold;
  margin-right:5px;



}

.ComNaviLink:hover
{
  color:#f00;

}

.ComTextCombo
{
  background-image: url(../images/SystemCore/TextBoxes.png); /*Here we load the background image */
 background-repeat: no-repeat;
 height: 27px; /*we specify the the object dimensions like the image dimensions*/
 width:270px;
 margin: 0px;
 padding: 1px 5px 1px 10px; /*without padding, the text will start from upper-left corner*/
 border: 2px solid #ffd800; /*we do not need any border*/
 font-family: Verdana;
 font-size:10pt;
 
}

.ComText
{
 background-image: url(../images/SystemCore/TextBoxes.png); /*Here we load the background image */
 background-repeat: no-repeat;
 height: 16px; /*we specify the the object dimensions like the image dimensions*/
 width:250px;
 margin: 0px;
 padding: 1px 5px 1px 10px; /*without padding, the text will start from upper-left corner*/
 
 border: 2px solid #ffd800; /*we do not need any border*/
 font-family: Verdana;
 font-size:10pt;
}




.circular-image 
{
width: 180px;
min-height: 400px;
float:left;
margin-left:25px;
margin-right:25px;
margin-top:15px;
margin-bottom:30px;


}

.ResearchCircular-image 
{
width: 180px;
float:left;
margin-left:25px;
margin-right:25px;
margin-top:15px;
margin-bottom:30px;


}
.circular-image img 
{
width: 150px;
height: 150px;

/* - Enable for Round Pictures

-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
border-radius: 75px;
    */
margin-left:25px;

 }

.ResearchCircular-image img 
{
width: 150px;
height: 150px;

/* - Enable for Round Pictures
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
-ms-border-radius: 75px;
-o-border-radius: 75px;
border-radius: 75px;
    */
margin-left:25px;
float:left;

 }


.SmallImageHolder 
{
    float:left;
    padding-right:2px;
}

/*Staff List Detail*/
.DetailsBar 
{

  background-color:#f1eeec;
  margin-top:0px;
 /* border: 1px solid #a4c4dc;*/
  border-top:10px solid #1a58a4;
  border-radius:5px;
  width:210px;
  padding-left:10px;
  display:block;
  min-height:250px;

  word-wrap: break-word;


}

.ResearchDetailsBar 
{

  background-color:#f1eeec;
  margin-top:20px;
 /* border: 1px solid #a4c4dc;*/
  border-top:10px solid #1a58a4;
  border-radius:5px;
 width:300px;
  padding-left:10px;
  display:block;
  float:left;


}

.DetailsBar img
{
    width:auto;
    height:auto;
    border:none;
    border-radius:0;
    margin:0;
    margin-right:8px;
    
}

.ResearchDetailsBar img
{
    width:auto;
    height:auto;
    border:none;
    border-radius:0;
    margin:0;
    margin-right:8px;
    
}

 .NoBorder a
{
   text-decoration:none;
   color:#0c58a0;

  white-space:pre-wrap;
}
 a
{
   text-decoration:none;
   color:#0c58a0;

  white-space:pre-wrap;
}

 a:visited
{
   text-decoration:none;
   color:#0c58a0;

   white-space:pre-wrap;
}

a:hover
{
  color:#dc6106;
  border-bottom:1PX dotted #dc6106;

}




.SpanStaffName 
{
    color:#1a58a4;
    font-family :Arial;
    font-size:12px;
    display:block;
    padding:5px;
    font-weight:bold;

}


.SpanStaffPosition 
{
    color:#c80303;
    font-family :Arial;
    font-size:12px;
    display:block;
    padding-left:5px;
    padding-bottom:5px;
    

}

.StaffDetailsText
{
    color:#0c58a0;
    font-family :Arial;
    font-size:10px;
    display:block;
    margin:0;
    line-height:18px;
    text-align:left;
    margin-top:10px;

}

.StaffBioText
{
    color:#0c58a0;
    font-family :Arial;
    font-size:10px;
    display:block;
    margin:0;
    line-height:18px;
    text-align:left;
    margin-top:10px;

}


.ListHeader
{
    color:#3a3b3d;
    font-family :Arial;
    font-weight:normal;
    font-size:16px;
    padding:2px;
    margin:15px;
    margin-left:0;
 

    /*border-bottom:4px solid #de4036;*/
     
}

.LinkBarHeader
{
    color:#abcddc;
  
}

.LHSNavigation li
{
color:#abcddc;

}

.PageHeader
{
    color:#000;
    font-family :Arial;
    font-weight:normal;
    font-size:18px;
    margin-top:15px;
   
}


.ContentHolder
{
   padding-left:30px;
   padding-right:30px;
}


.PopuP 
{
    background:#fff;
    padding:25px;

}

.modalBackground
{
    height:100%;
    background-color:#EBEBEB;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.ModalOkButton 
{
    border:none;
    color:#333;
    background:#6ef592;
    padding: 2px 5px 2px 5px;
    margin: 2px 0 2px 0;  
    width:80px;
}

.ScrollSideX 
{
    overflow-y: scroll;
    word-wrap: break-word;
}


.JustifyText
{
    text-align:left;
 word-wrap:break-word;

}

.event_month {font-family:Futura, Calibri; color: #1d84b9 ; font-size: 21px;}
.event_day { font-family:Futura, Calibri; font-size: 21px; color: #000; }
.event_container {float:left;}
.event_text { font-size: 12px; color: #000; display:block; font-weight:normal; text-align:left;}
.event_type { font-size: 12px; color: #d72929; display:block; font-weight:normal;  }

.Event_H3 
{
    border-bottom: 1px solid #abcddc;

}

.WhiteSpace 
{
    text-align:left;
    white-space:pre-wrap;
}

.ReasearchProfileText 
{
 

  
}
.clearingElement { clear: both;  }

.NRFProfile 
{
    float:left;
    padding-right:20px;
    border:0;
}

.NRFBlock
{
   border-top: solid 1px #0c58a0;
   min-height :150px;
   
}

.StudentBlock
{
   border-top: solid 1px #0c58a0;
  
}

.StudentProfile 
{
    float:left; 
    margin-right:20px;
    border:0;
      min-height:120px;
}
 .AlbumBlock 
 {
            float:left;
            margin-right:10px;
            width:800px;
            border-radius:5px;
            padding:10px;
            margin-bottom:25px;
            text-align:center;
            white-space:nowrap;
        

}
        
.AlbumBlock img
 {
 width:180px;
 height:180px;
padding-top:20px;
     
 }




.AlbumHolder 
{
    float:left; 
    text-align:center;
    border: 1px solid #abcddc;
    border-radius:5px;
    padding:10px;
    margin-bottom:20px;
    margin-left:20px;
    width:200px;
    height:300px;
   
}

.AlbumBlock a 
{
  word-wrap:break-word;
  white-space:normal;
  display:block;

}

.AlbumBlock a:hover
{
  word-wrap:break-word;
  white-space:normal;
  display:block;


}


.AlbumBlock span
{
  word-wrap:break-word;
  display: block;
  padding-top:10px;
  text-align:left;

}

.SearchBlock
{
    float:right;
   font-size:12px;
   color:#0c58a0;
   padding-top:15px;

}

.tfheader
{
		background-color:#c3dfef;
	}

.tfnewsearch
{
		float:right;
	
}

	.SearchBox
    {
		margin: 0;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1px solid #0076a3; border-right:0px;
	
        width:150px;
	}

	.WebSearchButton {
		margin: 0;

		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		color: #ffffff;
		border: solid 1px #0078a5; border-right:0px;
		background: #0682b1;
		background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
		background: -moz-linear-gradient(top,  #00adee,  #0078a5);
		
	}
	.WebSearchButton:hover {
		text-decoration: none;
		background: #007ead;
		background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
		background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	}
	/* Fixes submit button height problem in Firefox */
	.WebSearchButton:-moz-focus-inner {
	  border: 0;
	}
	.tfclear
    {
		clear:both;
	}

.SearchTitle 
{
    color:#0c58a0;
}

.MoreInfo
{

}

.SearchHolder 
{

    padding:25px;
    border-bottom:1px solid #0c58a0;
    
}

.SearchHolderAlt
{
    background-color:#ffffff;
    padding:25px;
    border-bottom:1px solid #0c58a0;
   
}

.SocialMediaBar
{
 
    padding:3px;
    padding-top:8px;
    margin-left:10px;
    margin-bottom:10px;
    float:left;
    width:750px;
    border-radius:8px;
    background-color:#dceff7;
    text-align:center;
}

.SocialMediaBar img
{
   padding-left:8px;
   

}