html {
    height: 100%;
}

body{
	-webkit-text-size-adjust: none;
}
#display {

	width:100%;		
	height:100%;
	float:left;	
	
}
h3
{
  font-size:.75em;
}
#header{
	clear:both;
	float:left;
	overflow: hidden;
	width:100%;
	height:15%;
}

#logo{
	width: 12%;
	height:15%;
	position:relative;
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
}
#banner{
	width:88%;
	height:150px;
	position:relative;
	float:right;
	overflow:hidden;
}
#container{
height:85%;
position:relative;
}
#quick{
	height:100%;
	width:5%;
	float:right;
}
img {
	max-width:100%;

}
.topnav{
	background-color:#CE4744;
	width:100%;
  position:relative;
  float:left;
   font-family:Verdana;
}
#navmenu {
 
  padding:0;
  list-style:none;
   width:100%;
	
  
}

#navmenu li {
  display:inline;
}

#navmenu li :hover{
  background:#CF8B8B;
}
#navmenu li a {
 text-decoration:none;
 padding:5px 20px;
 background:#CE4744;
 color:#eee;
 float:left;
 display:block;
}

#quick{
top:1;
right:10px;
position:absolute;
float:right;
text-align:right;
color:white;
}
#leftcol{
	height:100%;
	width:12%;
	position:relative;
	float:left;
	background-color:#e3e3e3;
	bottom:0;
}

#subnav {
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	top:20px;
	}
#subnav li{
	font-size:100%;
	}
#subnav li a {
 text-decoration:none;
 padding:5px 20px;
 color:#CE4744;
 
	font-size:100%;
 padding:0 20px 25px 0;
 font-family:Verdana;
 text-align:right;
 display:block;
 	overflow:hidden;
	
}

#subnav li a:hover {
 color:white;
}

#subnav li a:visited {
 color:purple;
}
#social{
  position:absolute;
  top:10%;
  right:0;
	float:right;
	padding-right:20px;
	display:inline;
}
#social img{
	width:40px;
	height:40px;
}


#calendar,
#updates
 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	height:100%;
	overflow:hidden;
}

#content{
	width:71%;			
	background-color: white;
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	 font-family:Verdana;
  height: 100%;
}
#calendar{
float:right;
position:relative;
right:20px;
}


a:link{
	color: blue;
	    text-decoration: none;
}
a:hover{
	color: grey;
	    text-decoration: none;
}
a:visited{
	color: purple;
	text-decoration: none;
}
a:active{
	color: black;
	    text-decoration: none;
}

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 28px;
  line-height: 28px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: -1px 1px 10px #730000;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  right: 100%;
  top: 50%;
  margin-top: -14px;
  margin-right: 15px;
  z-index: 999;
}
#expand a{
	color:black;
}
#footer {
	clear:both;
	float:left;
	width:100%;
	background-color:#2a64a2;
}
#footer p {
	padding:10px;
	
	margin:0;
	color:white;
}
#footer a{
	font-style:italic;
	color:white;
}