#mainDiv
{
  position: relative;
  margin: 0 auto;
  width:800px;  
  height:100%;
  text-align:left;
  border: solid 1px;
  color:#4D505F;
  background-color:#ffffff;

}

#homeicon
{
	font-size:27px;
	background-color:#ffffff;
	font-family:'Lucida Sans', Lucida, Verdana, Arial, sans-serif;
	
	position:absolute;
	left:0px;
	top:0px;

	text-align: center;
	margin:2px;
	padding-left:0px;
	padding-right:0px;
	padding-top:02px;
	height: 50px;
	width: 100px;
	
	a:link {color:#ffffff;}
	a:visited {color:#ffffff;}
	a:hover {color:#ffffff;}
	text-decoration:none;
	border-width:0;
	border-style:none;
	border-color:transparent;
}

#header
{
	color:#4D505F;
	font-size:27px;
	font-family:'Lucida Sans', Tahoma, sans-serif;
	
	position:absolute;
	top:0px;
	left:0px;
	
	text-align: right;
	margin:0px;
	padding-left:106px;
	padding-right:6px;
	padding-top:16px;
	height: 57px;
	width: 688px;
	background-color:#ffffff
}

#keyboard
{
	position:absolute;
	left:0px;
	top:50px;
	text-align:left;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	height: 200px;	
	background-color:#ffffff;
}

#contentContainer
{
	
	color:#4D505F;
	font-size:14px;
	font: 76% Verdana,Tahoma,Arial,sans-serif;

	position:absolute;
	left:130px;
	top:220px;
	bottom:2px;
	right:2px;
	
	
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	
	padding-left:5px;
	padding-right:16px;
	padding-top:12px;
	padding-bottom:0px;
	height:70%;
	width: 639px;
	background-color:#ffffff;
}

#content
{
	color:#4D505F;
	font-size:12px;
	font-family:'Lucida Sans', Tahoma, sans-serif;

	
	
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

	overflow:auto;
	
	padding-left:0px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	height:88%;
	width: 650px;
	background-color:#ffffff;
}

#searchContent
{
	color:#4D505F;
	font-size:12px;
	font: 76% Verdana,Tahoma,Arial,sans-serif;

	
	
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;

	overflow:auto;
	
	padding-left:0px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	height:94%;
	width: 645px;
	background-color:#ffffff;
}

/*div for the site search function */
#search
{
	position:absolute;
	height:3%;
	width:315px;
	clear:both;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:160px;
	padding-right:95px;
	color:#4D505F;
	background-color:#ffffff;
}

#searchFromSearch
{
	position:absolute;
	float:bottom;
	height:22px;
	width:400px;
	top:92%;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:150px;
	padding-right:80px;
	color:#4D505F;
	background-color:#ffffff;
}


#sidebar
{	
	color:#566872;
	font-size:14px;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	position:absolute;
	left:0px;
	top:220px;
	text-align:left;
	margin:0px;
	padding-left:5px;
	padding-right:0px;
	padding-top:12px;
	height:70%;
	width: 137px;
	background-color:#ffffff;
}

#tabBar
{
	color:#566872;
	font-size:14px;
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	font-weight:bold;
	position:relative;
	text-align:left;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:15px;
	height: 3%;
	width: 655px;
	background-color:#ffffff;
}

#menuButton a  
{
	color: #19274c;
	font-size:12px;
	font-family:'Lucida Sans', Lucida, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration: none;
	border-left: solid 4px #ECECEC;	
	background-color:#DFDEE4;
	display: block;
	width: 110px;
	padding: 5px 5px 5px 5px;
	margin: 5px;
	border-bottom: solid 1px #19274c;
}

#menuButton a:hover 
{
	background-color: #DFDEE4;
	color:#19274c;
	border-left: solid 4px #19274c;
}


#pageTab a
{
	color: #19274c;
	font-size:10px;
	font-family:'Lucida Sans', Lucida, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration: none;	
	border-right: solid 3px #efefef;
	background-color:#DFDEE4;
	display: block;
	width: 70px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:2px;
	padding-right:2px;
	margin-top: 5px;
	margin-left:5px;
	margin-bottom:1px;
	margin-right:5px;
	
	
	border-bottom: solid 1px #19274c;
	
	float:left;
}

#pageTab a:hover
{
	background-color: #DFDEE4;
	color:#19274c;
	border-right: solid 3px #19274c;
	float:left;
}


#currentTab a
{
	color: #19274c;
	font-size:10px;
	font-family:'Lucida Sans', Lucida, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration: none;	
	border-right: solid 3px #efefef;
	background-color:#DFDEE4;
	display: block;
	width: 70px;
	height:15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:2px;
	padding-right:2px;
	margin-top: 5px;
	margin-left:5px;
	margin-bottom:1px;
	margin-right:5px;
	
	
	border-bottom: solid 1px #19274c;
	
	float:left;

}

#currentTab a:hover
{
	background-color: #DFDEE4;
	color:#19274c;
	border-right: solid 3px #19274c;
	float:left;
	
	

}



body
{
	background:#19274c;
	height:96%;
}

html
{
	height:100%;
}

p
{
	color:#4D505F;
}

a:link 
{
	color:#0A1C1C;
}

a:hover
{
	color:#3A6784;
}

a:visited 
{
	color:#0A1C1C; 
}


.shadow2    /* first darker shadow */
{
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 0;
  left: 8px;
  margin-left: auto;
  margin-right: auto;
  width:795px;  
  height:100%;
  
  background: transparent url(http://labs.hwi.buffalo.edu/images/shadow2.png);
  color:inherit;
  
  
}

.shadow3    /*  middle shadow */
{
  position: absolute;
  top: 6px;
  right: 0;
  bottom: 0;
  left: 10px;
  margin-left: auto;
  margin-right: auto;
  width:795px;  
  height:100%;
  
  background: transparent url(http://labs.hwi.buffalo.edu/images/shadow1.png);
  color:inherit;
  
}

.shadow    /* outermost shadow*/
{   
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 12px;
  margin-left: auto;
  margin-right: auto;
  width:795px;  
  height:100%;
  
  background: transparent url(http://labs.hwi.buffalo.edu/images/shadow1.png);
  color:inherit;
  

}

.shadowOverlay
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:100%;
	
	background-color:#ffffff;



}