html, body 
{
	background-attachment: fixed;
	height: 100%;
	background-color: #d1d3d4;
	background-size:cover;
}

body 
{
	background-attachment: fixed;
    background:transparent;
	margin: 0px;
	padding: 0px;
}
/* wrapper */
#skiplink
{
    position:absolute;
    top:0px;
    left:0px;
    color:white;
    font-weight:bold;
}
#skiplink:focus
{
    background-color:Silver;
    }

#wrapper 
{
	margin:auto auto 100px auto;
}

.container 
{
	margin: 0px auto;
	width:1100px;
    background:url(../images/img11.jpg) repeat-x;
    background-color:White;
    height:100%;
}
#header
{
	background-color:White;
	background-size: cover;	
	position: relative;
	overflow: hidden;
	height: 100px;
}
    
#contentTable
{
    width:95%;
    margin:0px auto 20px auto;
}
#contentTable table
{
    width:100%;
    border-left:silver solid silver;
    table-layout: fixed;
    word-wrap:break-word;
}
#td1
{
    width:60%;
    padding:0px 20px;
    vertical-align:top;
}
#td2
{
    border-left:solid 2px silver;
    padding:0px 0px 0px 20px;
    vertical-align:top;
}

/*logo*/
#logo 
{
    position: relative;
    top: 0.5em;
    left: 0;
    width:1100px;
}
#logo .HDMAimg
{
    float:left;
    height:55px;
    padding:14px 14px 14px 20px;
}
#logo .SDSUimg
{
    padding:14px 30px 14px 14px;
    float:right;
    height:60px;

}
#logo h1
{
    margin:30px auto auto 10px;
    font-family:Helvetica;
    font-size:30px;
    font-weight:bold;
    text-shadow: 5px 5px 5px #BDBDBD;
    width:800px;    float:right;
    
}
#logo a 
{
    text-decoration:none;
    color:Black;
    
}
 
/*font style*/
.Fstyle1Link
{
    border-bottom: 1px solid #d4001b;
    color:#d4001b;
    font-family:Helvetica;
    font-size:26px;
    font-weight:bold;
    /*text-shadow:2px 2px 0 #F75000;*/
    text-decoration:none;
}
.Fstyle2Link
{
    border-bottom: 1px solid #d4001b;
    color:#d4001b;
    font-family:Helvetica;
    font-size:18px;
    font-weight:bold;
    /*text-shadow:2px 2px 0 #F75000;*/
    text-decoration:none;
}
.FstyleTitle
{
    color:red;
    font-weight:bold;
    font-family:Times New Roman;
    font-size:25px;
}
.Fstyle1 
{
    color:#d4001b;
    font-family:Helvetica;
    font-size:26px;
    font-weight:bold;
    /*text-shadow:2px 2px 0 #F75000;*/
    text-decoration:none;
}
.Fstyle2
{
    color:#272727;
    font-family:Times New Roman;
    font-size:25px;
    
}
.Fstyle3
{
    color:#272727;
    font-family:Times New Roman;
    font-size:20px;
    line-height:28px;
    
}
.Fstyle4
{
    float:none;
    text-align:center;
    color:#272727;
    font-family:Times New Roman;
    font-size:20px;
    vertical-align:top
}
.Fstyle5  /*for link*/
{
    float:none;
    color:#0040FF;
    font-family:Times New Roman;
    font-size:20px;
}
.Fstyle6  /*for sub-content*/
{
    color:black;
    font-family:Times New Roman;
    font-size:20px;
    line-height:25px;
    text-decoration:none;
}

/*index*/
.forMoreInfo 
{
    color:Black;
    float:right;
    font-size:16px;
}
.centerDiv
{
    width:500px;
    height:220px;
    margin:0px auto;
}
.centerDiv1
{
    width:500px;
    height:270px;
    margin:0px auto;
}

/*peopel*/
.peopleIcon
{
    width:120px;
    height:120px;
    float:left;
    margin: 15px;
    box-shadow: 1px 1px 15px #999999;
}
.people
{
    padding:5px;
}
.people img
{
    width:100px;
    height:125px;
}
.funding 
{    
    color:black;
    font-family:Times New Roman;
    font-size:19px;
    line-height:25px;
    text-align:center;
}
.funding a
{    color:black;
    text-align:center;
}
hr
{    
    border-color:#D8D8D8;
    border:1;
    border-top:2px;
}
.fiveCore
{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding:10px;
    background: linear-gradient(#F7D358,white);
}
.peopleLink
{
    text-decoration:none:
}

/*research*/
.figure1
{    float:right;
     width:400px;
     height:270px;
     margin: 15px;
     box-shadow: 1px 1px 15px #999999;
}
.figure2
{    float:left;
     margin: 15px;
     width:400px;
     height:270px;
     box-shadow: 1px 1px 15px #999999;
}
.appFig
{
    width:200px; 
    float:left; 
    margin:10px 15px 0px 0px;
}
.eduFig
{
    width:550px;
}

/*publication*/
.pub
{
    margin:0px auto 80px auto;
    width:1000px;
    }

/*hiring*/
.hire
{
    text-align:center;
    color:#0040FF;
    font-family:Times New Roman;
    font-size:20px;
}
.hire img
{
    width:120px;
    height:120px;
    box-shadow: 1px 1px 15px #999999;
}
/*news*/
.news
{
    float:none;
    height:auto;
}
.news a
{
    font-size:16px
}
.news img
{
    width:530px; 
    margin:0 auto;
}
.news a, p
{
    color:#272727;
    font-family:Times New Roman;
    font-size:19px;
}
.newsThumb
{
    width:99px;
    height:73px;
    float:left;
    margin: 0px 15px 0px 0px;
    box-shadow: 1px 1px 15px #999999;
}
/*contact*/
.contactImg
{
    margin:auto auto 20px auto;
    height:60%;
    width:105%;
}

.contact img
{
    width:160px;
    height:200px;
}

/*event*/
.lightning 
{
 margin:0px auto 30px -25px;
 
}
.lightning  h2
{
   text-align:center;
}
.lightning img
{
    width:100%;
}
.speakers
{
    margin:0px auto auto 50px;
    text-align:left;
}
.speakers p
{
    float:left;
}
.speakers h6
{
    color:silver;
}
.colloquium h2
{
    color:black;
}
.colloquium ul li
{
    font-size:22px;
    color:black;
}
.colloquium img
{
    float:right;
    margin: 15px;
    box-shadow: 1px 1px 15px #999999;
    
}

/*footer*/
#footer
{
    height:300px;
    margin:100px auto 0px auto;
    width:100%;
    background:url(../images/background_footer.jpg) repeat;
    position:relative;
    bottom:0px;
}
#footer table
{
    text-decoration:none;
    border-collapse:collapse;
    width:50%;
    
    }
#footer table td
{
    font-family:Helvetica;
    width:10%;
    vertical-align:top;
    text-align:center;
    color:silver;
    }
#footer table a
{
    font-family:Helvetica;
    text-decoration:none;
    color:silver;
    font-size:15px
    }

/*sideMenu*/
        .navbox
        {
            margin:0px auto auto -20px;
            position: relative;
            float: left;
            width: 100%;
        }
        
        ul.nav
        {
            list-style: none;
            display: block;
            width: 100%;
            position: relative;
            padding: 60px 0 60px 0;
            background: url(../images/shade.png) no-repeat;
            background-size: 50% 100%;
        }
        
        li
        {
            margin: 8px 0 0 0;
        }
        
        ul.nav li a
        {
            font-size:22px;
            transition: all 0.3s ease-out;
            background: #2E9AFE url(../images/border.png) no-repeat;
            color: #E0F2F7;
            padding: 9px 15px 9px 15px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            width: 63%;
            display: block;
            text-decoration: none;
            box-shadow: 2px 2px 4px #888;
        }
        
        ul.nav li a:hover
        {
            background: #81BEF7 url(../images/border.png) no-repeat;
            color: #FFFFFF;
            padding: 9px 15px 9px 30px;
        }
        
/*dialogDiv*/
{
    visibility:hidden;
}