html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

body {
  background-color: #b4bdca;
  background-image:url(../images/back_blue.jpg);
  color: #33333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 125%;
  margin: 10px 0 0 0;
  padding: 0 0 0 0;
  text-align: center;
}

h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #1c4049;
  font-size: 160%;
  font-weight: normal;
  line-height: 125%;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1c4049;
	font-size: 140%;
	font-weight: normal;
	line-height: 125%;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #1c4049;
	font-size: 125%;
	font-weight: normal;
	line-height: 125%;
}


a:link {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #1c4049;
  font-weight:bold;
  background-color:#fff;
  text-decoration:underline;
}


a:link Img {border:0;}
a:visited Img {border:0;}


#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto;
  text-align: left;
  width: 840px;
  border:solid 1px #333;
}
#outerWrapper #header {
  background-color: #fff;
  height:250px;
  background-image: url("../images/lwuLogo.jpg");
  background-repeat:no-repeat;
  background-position:center;
  padding: 20px 10px 0px 10px;
}
  
#outerWrapper #contentWrapper {
    overflow:hidden;
	padding: 0px 10px 0px 10px;
	min-height:390px;
	}

#outerWrapper #contentWrapper #leftColumn {
  background-color: #fff;
  float: left;
  padding: 0px;
  width: 150px;
  
}
#outerWrapper #contentWrapper #content {
  background-color: #fff;
  margin: 0 0 0 150px;
  padding: 10px 10px 10px 20px;
}

#outerWrapper #contentWrapper #content #innerContainer {
	width:100%;
	clear: both;
}

#outerWrapper #contentWrapper #content #innerContainer #leftColumn2 {
	float:left;
	width: 48%;
	padding: 10px 5px 0 0;
}


#outerWrapper #contentWrapper #content #innerContainer #rightColumn2 {
	float:right;
	width: 49%;
	padding: 10px 0 0 10px;
	border-left: 1px solid #333;
}


#outerWrapper #footerWrapper {
    overflow: hidden;
	padding: 0px 0px 0px 0px;
	}

#outerWrapper #footerWrapper #footer {
  background-color: #fff;
  height:30px;
  background-image: url("../images/footerlwu.jpg");
  background-repeat:no-repeat;
  background-position:center;
  padding: 20px 10px 0px 10px;
  font-size:80%;
  text-align:right;
  line-height:100%;
  color:#fff;
}

#footer .left {float:left; width:40%;text-align:left;margin-left:20px;}
#footer .right {float:right; width:49%; text-align:right;margin-right:20px;}

/*************Image floats and borders begins here***********************/

.img_right {float:right; padding: 5px 0 10px 10px;}
.img_left {float:left; padding: 5px 10px 10px 0;}
img.img_center {margin-left:auto; margin-right:auto; display:block;}

/*************Inline floats and borders begins here***********************/
iframe.movie_center {margin-left:auto; margin-right:auto; display:block;}

/*************Contact info begins here***********************/
#contact {margin:200px 0 0 0; font-size:85%;}

/*************Navigation menu begins here***********************/
#menu {height:132px; width:132px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline;}
#menu ul ul {width:132px; position:absolute; left:-9999px; background: #fff;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; font:normal 12px Arial, Helvetica, sans-serif; color:#333; line-height:22px; text-decoration:none;padding:0 20px 0 0px;} 
#menu li a.fly {background: url(../images/arrow.gif) no-repeat right top;}

#menu li a:hover {background-color:#fff; color:#333; } 
#menu li:hover > a {background-color:#b4bdca; color:#333;}

#menu ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}
/**********Navigation menu ends here******************/

#outerWrapper #contentWrapper #content table tr td {text-align:center; font-size: 80%;}

/************* Append document icons to links *********/
/* this is cool - it appends any link with .pdf or word files with the correct icon! */

a[href $='.pdf'] {padding-left: 15px; background: transparent url(../images/icon_pdf.gif) no-repeat center left;border-bottom:none;}
a[href $='.doc'] {padding-left: 15px; background: transparent url(../images/icon_word.gif) no-repeat center left;border-bottom:none;}
a[href $='.zip'] {padding-left: 15px; background: transparent url(../images/icon_download.gif) no-repeat center left;border-bottom:none;}