/* Typography */
body{		
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

h1, h2, h3, h4, h5, h6{
padding: 1em 0 0.4em 0;
color: #175182;
}

h1{
font-size: 1.6em;
}

h2{
font-size: 1.4em;
}

h3{
font-size: 1.2em;
line-height: 1.2em;
}

h4{
font-size: 1em;
line-height: 1.2em;
}

h5{
font-size: 0.8em;
line-height: 1.2em;
}

p {
font-size: 0.9em;
letter-spacing: 0.006em;
line-height: 1.4em;
padding: 0.4em 0;
}

ul{
font-size: 0.9em;
letter-spacing: 0.006em;
line-height: 1.3em;
padding: 0 0 1em 0;
}

ul li{padding: 0.2em 0;}

a{
text-decoration: none;
color: #428dbe;	
}

a:hover{
color: #BCE4F4;
}

sup {font-size:0.6em; vertical-align:super; padding-right: 2px;}

.emphasis{
font-weight: bold;
}

.italic{
font-style: italic;
}

/*Supporting Styles*/
img{
max-width: 100%;
}
.clear{
clear: both;
}

.floatL{
float: left;	
}
.floatR{
float: right;
}
img.floatL, img.floatR{padding: 0.6em; margin: 0.4em 0.8em;}

table{
margin: 0.4em 0;	
width: 100%;
border-collapse: collapse;
font-size: 80%;
line-height: 1.2em;
}

table tr th{
font-size: 0.8em;	
border: 1px solid #999;
padding: 0.5em;
color: #d1d1d1;
background-color: #175182;
vertical-align: bottom;
}

table tr td{
border: 1px solid #d1d1d1;
padding: 0.5em;
vertical-align: middle;
width: auto;
}

table tr td:first-child{
font-weight: bold;
background-color: #F1F7FB;
width: 20%;
}

table tr td:last-child{width: 16%;}

table a{text-decoration: underline; font-weight: bold;}

.borderR{border-right: #ccc 1px solid;}
.borderL{border-left: #ccc 1px solid;} 

.boxshadow{
-moz-box-shadow: 2px 2px 4px #d1d1d1;
-webkit-box-shadow: 2px 2px 4px #d1d1d1;
box-shadow: 2px 2px 4px #d1d1d1;
zoom: 1;
}
/* Header Elements */
#bannerWrap{background: #236192;}
#bannerRow{height: 44px;}
p#bannerLogo a{background: url(../images/UAFLogo_A_nofill_horiz.png) no-repeat top left; display: block; margin-left: 2%; padding: 10px; text-indent: -9999px;}
#headerWrap{background: transparent;}
#headerRow{background: #BCE4F4; 
background: -moz-linear-gradient(45deg, #ffffff 0%, #bce4f4 69%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ffffff), color-stop(69%,#bce4f4));
background: -webkit-linear-gradient(45deg, #ffffff 0%,#bce4f4 69%);
background: -o-linear-gradient(45deg, #ffffff 0%,#bce4f4 69%);
background: -ms-linear-gradient(45deg, #ffffff 0%,#bce4f4 69%);
background: linear-gradient(45deg, #ffffff 0%,#bce4f4 69%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bce4f4',GradientType=1 );
opacity: 0.90;}
#projectLogo{margin: 2% 0 0 8%;} 
#projectLogo a{
background: url(../images/WERClogo125H.png) no-repeat top left; 
display: block; 
padding: 0; 
text-indent: -9999px; 
background-size: contain; 
height: 125px;
opacity: 0.8;}
#projectTitle{padding: 5.3% 0 0 0; margin: 0;}
#projectTitle h2{font-size: 2.6em; color: #175182; line-height: 1em; text-shadow: 1px 1px 2px rgba(250, 250, 250, 0.9); padding: 0;}
#projectTitle h3{font-size: 1em; color: #175182; line-height: 1.2em; padding: 0.2em 0 0 0.2em;}
/* Main Nav */
#navRow{background: #112;border-top-right-radius: 4px; border-top-left-radius: 4px;}
#mainav{		
padding: 0.8em 1em 0 1em;
margin: 0 auto;
font-size: 1em;
letter-spacing: 0.004em;
list-style: none;
}

#mainav li{
float: left;
display: inline-block;
padding: 0.4em 0;
margin: 0;
}	

#mainav li a{	
background-color: #175182;
color: #f1f1f1;		
border: #a1a1a1 1px solid;
border-bottom: none !important;
text-decoration: none;
padding: 0.5em 1em;
margin-right: 0.2em;
}

#mainav li a:hover{
background-color: #428dbe;
color: #fff;		
border: #fff 1px solid;
text-decoration: none;
}

body#home a#homenav, body#data a#datanav, body#opp a#oppnav{
background: #E6F2FA;
color: #428dbe;	
text-shadow: 1px 1px 4px rgba(20, 20, 20, 0.9);
padding: 0.6em 1em !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: #fff 1px solid;
border-bottom: none !important;
text-shadow: none;
}

#subNavRow{background-color: #E6F2FA;} 
#subNavRow h2{color: #448EC1; padding: 1em 2em 0.4em 1.4em;}
.subNav{padding: 1em 0; float: left;}
.subNav:first-child{padding: 1em 2em;}
.subNav li:nth-of-type(1) a{
font-size: 1.2em;
text-decoration: underline;		
padding-bottom: 0.2em;
letter-spacing: -0.006em;
padding-right: 2em;
color: #112;
}
.subNav li:nth-of-type(1) a:hover{color:#428dbe;}
.subNav a:hover{color: #112;}

/* Main Container */
#contentWrap{background: transparent;}
#contentRow{background: #fff;}
.borderBgr{border-left: 1px #d1d1d1 solid; border-right: 1px #d1d1d1 solid;}
.section{background-color: #fff; padding: 1em 2em;}
#home #contentRow, #opp #contentRow{background-color: #D2E1ED;}
#home .section, #opp .section {background-color: #fff; padding: 1em 2em; border-radius: 4px;}
#home .section{margin: 1em 0 1em 1.6em;}
#opp .sLeft{margin: 1em 0 1em 1.6em;}
#opp .sRight{margin: 1em 1.6em 1em 0;}
#opp .section img {border-radius: 4px; margin: 0.5em 0; -moz-box-shadow: 2px 2px 2px #d1d1d1;
-webkit-box-shadow: 2px 2px 2px #d1d1d1;
box-shadow: 2px 2px 2px #d1d1d1;}
#home .section h2, #opp .section h2{color: #14172A;}
#home .section h3, #opp .section h3{background-color:#d2e1ed; padding: 0.2em 0.5em;}
#home .section h3{margin: 0.5em 0;}
.topContent {background: url(../photos/scenicJarvis.jpg) no-repeat top center!important; padding: 0.5em 1em; border:#d2e1ed 1px solid; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.topContent p, .topContent ul{font-size: 80%; color: #1D6596;}
.topContent ul li{padding: 0;}
.topContent a{font-weight: bold;}
.topContent a:hover{color: #D2E1ED;}
.photoCaption dt, .photoCaption dd {font-size: 86%; line-height: 1.2em;}
.photoCaption dt{font-weight: bold; margin-top: 0.3em;}
.photoCaption dd + dd{font-style: italic;}
.sideBar{background-color: #fff; padding: 1em; margin: 1.2em 2em 1em 0; font-size: 86%; border-radius: 4px;}
.sidebar h3{color: #112;}
.sideBar h3:first-child{padding-top: 0;}
.featureBox{padding: 0 1em; margin: 1em 0; font-size: 80%;}
ul.bulletList {list-style: square inside;}
ul.bulletList li {text-indent: -1em; padding-left: 1em;}
.floatBox{padding: 1.4em; margin: 1em 0; width: 90%; border:#d2e1ed 1px solid;}
.floatBox img{max-width: 100%; margin-bottom: 0.4em;}
.floatBox p{font-size: 80%; padding: 0;max-width: 100%;}
.floatBox p span {color: #1C558A; font-weight: bold;}
.imgFrame{
-moz-box-shadow: 2px 2px 4px #d1d1d1;
-webkit-box-shadow: 2px 2px 4px #d1d1d1;
box-shadow: 2px 2px 4px #d1d1d1;
zoom: 1;
padding: 0.4em 1em;
margin: 0.8em 0;
}

.button{border-radius: 3px; background-color: #b9df98; color:#2D5D8E; padding:0.3em; margin:0; width: 98%}
.button a{color:#fff;}
.button a:hover{color: #ccc;}

div.studentProfile {margin:1em 0;}
.studentProfile img{max-height: 350px!important;}
.studentProfile ol, .studentProfile ul {padding-bottom: 0!important;}
.studentProfile ol li{font-size: 0.9em; list-style: decimal inside; padding-bottom: 0.6em;}

/* Footer */
#footer{		
background: #112;
opacity: 0.9;
}

#footer p{
color: #d1d1d1;
float: left;
padding: 2em 0 0 1em;
width: 80%;
}

.imgArray{
position: relative; 	
margin: 0.6em 0 0 1em;
}

.imgArray img{
padding-right: 3%;	
display: inline-block;
vertical-align: middle;
}

p.eo{
font-size: 0.7em;	
clear: both;
padding: 0.5em 0 2em 1.5em!important;
width: 100% !important;
}

#bg {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
	z-index: -100;
}
#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}



@media screen and (max-width: 30em) { 
    #projectLogo {
    margin: 0;
    }
    #projectLogo a{
    height: 60px;
    }
    #projectTitle{
    padding: 0;
    }
    #projectTitle h2{
    font-size: 1.6em;
    }
    #projectTitle h3{
    font-size: 0.9em;
    margin-bottom: 0.5em;
    }
    .section{padding: 0; max-width: 275px;}
    
}