/* CSS Document */



@media screen

{}

 body {
  margin: 0;
  padding: 0;
  text-align: left;
  background-color:#e8e3d4;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:  11px;
  }

.tanbar {background-color: #dbd1b8;
  width: 100%;
  height: 17px;
  position: absolute; top: -1px; left: 0px; z-index: 2;
  }

#container {
  width: 100%;
	margin: 0px;

}

/* Link formatting */

a
{
	text-decoration: none;
}

a:link 
{
	color: #1160AF;
}

a:visited
{
	color: #1160AF;
}

a:hover 
{ 
	color: #1160AF;
	text-decoration: underline;

}

/* Universal Fonts */


	td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}
	.caption {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 9px;
	font-weight:bold;
	text-align:center;
  
 }

	.headline {font-family: verdana,arial,helvetica; 

	font-size: 18px; 

	font-weight: bold;

	letter-spacing: 0;
	padding:0;

}


	h1 {font-family: verdana,arial,helvetica; 

	font-size: 14px; 

	font-weight: bold;

	letter-spacing: 0;

	text-align: left;

	color:#a6252e; 

}



 	.redheadline {font-family: verdana,arial,helvetica; 

	font-size: 18px; 

	font-weight: bold;

	letter-spacing: 0;

	color: #990033;

}

 	.redsubhead{font-family: verdana,arial,helvetica; 

	font-size: 14px; 

	font-weight: bold;

	letter-spacing: 0;

	color: #990033;

}



 	.red {font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#a6252e; 

	font-size: 11px;

}

	.red A:hover {font-family: verdana, arial, helvetica; 

	color: #a6252e; 

	font-size: 10px;

}



	.red A:visited {margin-left: 0%; 

	color:#a6252e; 

	font-size: 10px;

	text-decoration: none;

}



	.red A:link {margin-left: 0%; 

	color:#a6252e; 

	font-size: 10px;

	text-decoration: none;

}

	.blacksubhead{font-family: verdana,arial,helvetica; 

	font-size: 14px; 

	font-weight: bold;

	letter-spacing: 0;

	color: #000000;

}

/* top navigation */

.rednavbar {background-image: url(http://www4.wittenberg.edu/graphics/light/rednavbar.gif);
  background-repeat: repeat;
  width: 100%;
  height: 23px;
  position: absolute; top: 70px; left: 0px; z-index: 75;
  }


/* universal navigation */


	.logo {width: 200px;
  	position: absolute; top: -1px; left: 5px; width: 198px; height: 60px; z-index: 10;
}

.logo2 {width: 200px;
  	position: absolute; top: -1px; left: 5px; width: 198px; height: 60px; z-index: 10; visibility:hidden;
}

	.directorybox {width: 200px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size:  10px;
  	color: #000000;
  	text-decoration: none;
  	position: absolute; top: 2px; left: 260px; z-index: 50;
}

	.directorybox A:visited{
	font-family: verdana,arial,helvetica; 
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

	.directorybox A:link {
	font-family: verdana,arial,helvetica; 
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

	.directorybox A:hover {
	font-family: verdana,arial,helvetica; 
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

	.quicklink {
  	width: 250px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 9px;
  	color: #000000;
  	text-decoration: none;
  	position: absolute; top: 45px; left: 260px; z-index: 55;
}
	input { font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: #555f6a;

}

	option { font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: #555f6a;
}

	select { font-family: verdana, arial, helvetica;
	font-size: 10px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	color: #555f6a;
}

	.search { 
	width: 250px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 9px;
  	color: #000000;
  	text-decoration: none;
  	position: absolute; top: 20px; left: 257px; z-index: 50;
}	
	.searchgo { position:relative; 
  	top: -15px; left: 145px; z-index: 50;

}
	.mainnav {position: absolute; top: 70px; left: 5px; z-index: 76;

}

	.breadcrumbs { 
	position: absolute; top: 95px; left: 5px; z-index: 51;
	background:#e8e3d4;

}

	.contentarea {
	position: absolute;
	top:110px;
	left:165px;
	z-index:50;
	background:#f5f5eb;
	padding:5px;
	width:625px;
	min-height:700px;
	padding-bottom: 50px;
	text-align: left;
}

/* for Internet Explorer */
/*\*/
* html .contentarea {
height: 700px;
}
/**/

	.seal {	background-image:url(http://www4.wittenberg.edu/graphics/light/seal.gif);
	position: absolute; top: 150px; right: 175px; z-index: 50; width:600px; height:583px;
	background-repeat:inherit;
	
}
		
	.bottom { 
	padding:5px;
	text-align:center;
	background:#e8e3d4;
	font-size:9px;
	position:relative;
	bottom: 5px;
	width: 600px;
	

}

	.leftnav {position: relative;
	top:256px; 
	left:2px; 
	z-index:73; 
	width:150px;
	height:500px; 
	border:1px; 
	background:#e8e3d4; 
	padding:5px;

}

	.menuimage {
	position: absolute; top: 113px; left: 5px; z-index: 74;
	}
	
	.menuname {font-family: verdana,arial, helvetica; 
	color:#ffffff; 
	font-size: 11px;
	margin-left: 5px;
	font-weight: bold; 
	background-image:url(http://www4.wittenberg.edu/graphics/light/screen.jpg);
	background-repeat:repeat;
	position: absolute; top: 220px; left: -2px; z-index: 74;
	padding: 5px;
	width: 150px;
	height: 30px;
	text-align:center;
}

	.menuname A:hover {font-family: verdana, arial, helvetica; 
	color: #ffffff;
	font-size: 11px;
	font-weight: bold; 
}
	.menuname A:visited {margin-left: 0%; 
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold; 
}
	.menuname A:link {margin-left: 0%; 
	color: #ffffff; 
	font-size: 11px;
	text-decoration: none;
	font-weight: bold; 

}
	.menunamesub {font-family: verdana,arial, helvetica; 
	color:#ffffff; 
	font-size: 10px;
	font-weight: bold; 
	text-align:center;
}
	.main {font-family: verdana,arial, helvetica; 
	color:#a6252e; 
	font-size: 11px;
	margin-left: 5px;
	font-weight: bold; 
}
	.main A:hover {font-family: verdana, arial, helvetica; 
	color: #a6252e; 
	font-size: 11px;
	font-weight: bold; 
}
	.main A:visited {margin-left: 0%; 
	color:#a6252e; 
	font-size: 11px;
	text-decoration: none;
	font-weight: bold; 
}
	.main A:link {margin-left: 0%; 
	color:#a6252e; 
	font-size: 11px;
	text-decoration: none;
	font-weight: bold; 
}
	.indented {font-family: verdana,arial,helvetica; 
	color:#000000; 
	font-size: 11px;
	margin-left: 9px;
	font-weight: normal;
}
	.indented A:visited {margin-left: 0%; 
	color:#000000; 
	font-size: 11px;
	text-decoration: none;
}
	.indented A:link {margin-left: 0%; 
	color:#000000; 
	font-size: 11px;
	text-decoration: none;
}

	.indented A:hover {margin-left: 0%; 
	color:#a6252e; 
	font-size: 11px;
	text-decoration: underline;

}


/* Bullets */

ol li { list-style-type: arabic numbers;}

ul {
list-style-type: none;
padding-left: 0px;
margin-left: 5px;
margin-top:0px;
padding-top:0px;
}

 .iconlist
{
list-style: none;
margin: 0;
padding: 0;
}

ul li
{
list-style: none;
background-image: url(http://www4.wittenberg.edu/graphics/bullets/black_arrow.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 1px 1px 1px 7px;
margin: .4em 0;
}

li.bulletpdf
{
background-image: url(http://www4.wittenberg.edu/graphics/bullets/pdf.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding: 7px 1px 1px 17px;
margin: .4em 0;
}

li.bulletworddocument
{
background-image: url(http://www4.wittenberg.edu/graphics/bullets/word.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 15px;
margin: .4em 0;
vertical-align:top;
}

li.bulletsquare
{
background-image: url(http://www4.wittenberg.edu/graphics/bullets/square.png);
background-repeat: no-repeat;
background-position: 0 7px;
padding: 3px 0 3px 10px;
margin: .4em 0;
margin-left:5px;
vertical-align:top;
}


/* News Related Items */

.additionalnews {position:relative;
	padding:5px;
	text-align:left;
	background:#aecadb;

}

.newscontainer {position:relative; 
	width: 100%;
	padding-bottom:10px;
	height:80px;
}

.additionalheadlines {position:absolute; right: 1px; top:0px;
	width:485px; 
	padding:5px;
	text-align:left;
	background:#FFFF99;
	height:100px;
	z-index:51;
}

.newscontact {position:absolute; left: 1px; top:0px;
	width:130px; 
	padding:5px;
	text-align:left;
	background:#EAEAEA;
	height:100px;
	z-index:50;
}

.photoright{float: right;
	width:auto; 
	height:auto;
	padding:5px;
	text-align:left;
}


/* Dots */

	.dota {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 153px; z-index: 76;
}

	.dotb {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 243px; z-index: 76;
}
	.dotc {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 327px; z-index: 76;
}
	.dotd {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 390px; z-index: 76;
}
	.dote {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 462px; z-index: 76;
}
	.dotf {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 553px; z-index: 76;
}
	.dotg {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 79px; left: 673px; z-index: 76;
}


/* NEW Dots (for the css dropdown menu) */

	.cssdota {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 151px; z-index: 76;
}

	.cssdotb {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 241px; z-index: 76;
}
	.cssdotc {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 327px; z-index: 76;
}
	.cssdotd {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 390px; z-index: 76;
}
	.cssdote {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 464px; z-index: 76;
}
	.cssdotf {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 558px; z-index: 76;
}
	.cssdotg {background-image: url(http://www4.wittenberg.edu/graphics/light/dots.gif);
  	background-repeat: no-repeat;
  	height: 2px;
	width: 2px;
  	position: absolute; top: 81px; left: 677px; z-index: 76;
}

/* width originally set to 745px with 5 tabs */
.menu {
	height: 24px; 
	position: relative; 
	z-index: 100;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.menu ul {
	margin: 0;
}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	position: relative;
	background: url('rednavbar.gif') no-repeat;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	font-size: 10px; 
	font-family: Verdana;
	display: block;
	text-decoration: none;
	color: #fff;
	height: 22px;
	border: 1px solid #000;
	/* border-width: 1px 0 1px 1px; */
	border-width: 0;
	padding-left: 6px;
	padding-right: 5px;
	line-height: 29px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background: #d4d8bd url('drop.gif') bottom right no-repeat;
}

/* style the second level hover */

.menu ul ul a.drop:hover {
	background: #c9ba65 url('drop.gif') bottom right no-repeat;
}

.menu ul ul :hover > a.drop {
	background: #c9ba65 url('drop.gif') bottom right no-repeat;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background: #e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background: #b2ab9b;
}

.menu ul ul li {
	border-bottom: 1px solid gray;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 24px;
	left: 0;
	margin-top: -1px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:149px;
	top:-1px;
	width:149px; 
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#990000;
	color:#FFF;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:128px;
	border-width:0 1px 1px 1px; 
	border-width: 0;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:150px;
	w\idth:128px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#FFF;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#FFF;
}

.menu ul li {
	padding: 0;
	margin: 0;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}

/* Custom controls: */
.menu img {
	border: 0;
	vertical-align: middle;
	position: relative;
	top: 5px;
}
.top_level_nav {
	text-align: center;
}
.menu ul ul a:hover {
	background-color: #666666;
}