/* - University of Wisconsin-Eau Claire Housing Style Sheet - */
/* - Last modified:  - */
/* - Modified by:  - */

#navBar {
	margin:  0;
	padding: 0;
	}

#navBar ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}

#navBar ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#navBar ul li a {
	background: #432e8b;
	width: 108px;
	padding: 0;
	margin: 0 0 0 0;
	color: #e6d4a9;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 2.45em;
	font-size:    11px;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    11px;   
	}

html>#navBar ul li a  {
	font-size: 11px;   
	}
	
#navBar ul li#one a	{
	width: 136px;
	background: #3B3E8F;
	}


#navBar ul li#two a	{
	width: 136px;
	background-color: #a72929;
	}
	
#navBar ul li#three a	{
	width: 134px;
	background-color: #c7870c;
	}
	
#navBar ul li#four a	{
	width: 144px;
	background-color: #661c59;
	}
	
#navBar ul li#five a	{
	width: 130px;
	background-color: #495910;
	}
	
#navBar ul li a:hover {
	color: #fff;
	}

#navBar a:active	{
	color: #006;
	}
/* - Use headerImage to display an image across the content area on a left-margin page - */


#headerImage{
	font-size:0px;
	display: inline;
	margin: 0 0 0 0;
}


#bodyMiddle {
margin-top: -5px;
}

html>body #bodyMiddle {
margin-top: 0px;
}

/*--Narrow/Wide Columns for Pages using .infoBox--*/

#bodyLeftColNarrowNew {
	float: left;
	width: 315px;
	padding: 0 0 0 8px;
}

#bodyLeftColNarrowPic {
	float: left;
	width: 100px;
	padding: 0px 2px 0 0;
}

#bodyLeftColNarrowMenu {
	float: left;
	width: 205px;
	padding: 0px 8px 0 0;
}

#bodyLeftColNarrowMenu2 {
	float: left;
	width: 295px;
	padding: 0px 8px 0 24px;
}

#bodyRightColNarrowNew {
	font-family:georgia,garamond,serif;
	font-weight:normal;
	letter-spacing:-0.02em;
	float: right;
	width: 170px;
	padding: 0 8px 0 0px;
}

.bodyRightColNarrowNew h1{
	color: #af944c;
	font-size: 16pt;
	font-family:georgia,garamond,serif;
	font-weight:normal;
	letter-spacing:-0.02em;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:28px;
}

.bodyRightColNarrowNew h3{
	color:#af944c;
	font-size: 12pt;
	font-family:georgia,garamond,serif;
	font-weight:normal;
	letter-spacing:-0.02em;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height:28px;
}

#bodyLeftColWide {
	float: left;
	width: 280px;
	padding: 0 6px 0 0;
}

#bodyRightColNarrow {
	float: right;
	width: 195px;
	padding: 0 5px 0 0px;
}

#bodyRightColNarrowTest {
	float: right;
	width: 130px;
	padding: 0 0 0 8px;
}

#bodyRightColNarrow5 {
	float: right;
	width: 200px;
	padding: 0 0 0 0px;
}

#bodyRightColWide2 {
	float: right;
	width: 160px;
}

#bodyRightColWideHall {
	float: right;
	width: 80px;
}

#bodyFullMiddletest {
	margin:  0 8px 0 22px;
	display: block;
	width: 406px;
	padding: 0;
}
/* - DisplayBox produces a box with a gray background and thin blue border - */
.displayBox {
	float: right;
	border: 0;
	background-color: #cccccc;
	padding: 0 9px 9px 9px;
	margin: 0 4px 0 0;

}
.displayBox2 {
	float: left;
	border: 0;
	background-color: #cccccc;
	padding: 2px 10px 10px 3px;
	margin: 0 8px 0 6px;

}

td.bluegoldfront{
	background-color : #000066;
	font : normal bold 12px  Arial, Helvetica, sans-serif;
	color : #E6D4A9;
	background-position: center;
	text-align: center;
}

/* - infoBox produces a box with a tan header around an h3, gray background and no border - */
.infoBox {
	float: right;
	display: block;
	width: 140px;
	background-color: #eeeeee;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 5px 15px 0;
	margin: 0 5px 0 5px;
}

.infoBox2 {
	float: right;
	display: block;
	width: 170px;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 5px 0 5px;
}

.infoBox3 {
	float: right;
	display: block;
	width: 160px;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight: bold;
	padding: 5px 10px 5px 5px;
	margin: 0 15px px 10px;
}

.infoBox h3{
	margin: 0 -5px 0 0 !important;
	padding: 2px 0 3px 15px !important;
	color:#af944c;
	font-size: 10pt;
	font-family:georgia,garamond,serif;
	font-weight:normal;
	letter-spacing:-0.02em;
	margin:0px;
	padding:0px 0px 0px 12px;
	line-height:28px;
}

.infoBox strong {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

.infoBox li {

	list-style: none;
	margin: 4px 0 0 15px;
	padding: 0;
	font-size: 9pt;	
}

.infoBox header {
	
	margin: 0 -5px 0 0 !important;
	padding: 2px 0 3px 15px !important;
	background: #000066;
	color: black;
	font-size: 9pt;
}
	

#foldheader {
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #666cc;
cursor:pointer;
cursor:hand; 
list-style: none;

}

#foldinglist{
font-size: 9pt;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif
list-style-image:url(../IMAGES/DYNAMIC_MENU/list.gif);
}

#hdcontainer {
	display: block;
	width: 200px;
	clear: left;
	float: left;
	padding-left: 18px;
	padding-bottom: 18px;
}

#hdcontainer2 {
	display: block;
	width: 200px;
	clear: right;
	float: right;
	padding-right: 18px;
	padding-bottom: 18px;
}

html>body #hdcontainer {
	padding-bottom: 25px;
}

#racontainer {
	display: block;
	width: 209px;
	clear: none;
	float: left;
	padding-bottom: 5px;
}

html>body #racontainer {
	padding-bottom: 15px;
}

#photo {
	display: block;
	width: 80px;
	float: left;
	padding-left: 5px;	
}

#rainfo {
	display: block;
	clear: none;
	float: left;
	height: 100px;
	padding-top: 15px;
	padding-left: 5px;
	font-size: 11px;
}

html>body #rainfo {
	padding-top: 5px;
	padding-left: 10px;
}

#rhmenu {
	display: block;
	clear: none;
	float: left;
	width: 80px;
	height: 30px;
	text-align: center;
	margin-left: 3px;
	padding-bottom: 10px;
}

#bodyLeftCol5 {
	float: left;
	width: 170px;
}
#bodyRightCol5 {
	float: right;
	width: 140px;
	padding: 0 10px 0 0;
}

#bodyFullMiddle2 {
	margin:  0 8px 0 8px;
	display: block;
	width: 450px;
	padding: 4px 0 0 4px;
}

#bodyFullMiddleList {
	margin:  0 8px 0 8px;
	display: block;
	width: 450px;
	padding: 4px 0 0 10px;
}

#staffpicleft {
	display: block;
	clear: none;
	float: left;
	height: 100px;
	padding-top: 15px;
	padding-left: 5px;	
}
#staffpicright {
	display: block;
	clear: none;
	float: right;
	height: 100px;
	padding-top: 15px;
	padding-right: 5px;	
}

#foldheaderfont{
	font-family : Arial;
	color : #000066;
	font-size : 10pt;
	font-weight : bold;
	cursor: pointer;
	cursor: hand; 
	margin: 0px 0px 2px 12px;
}
.newsWeather{
	width: 140px;
	height: 25px;
	display: block;
	text-align: center;
	margin: 0 0px 5px 0;
	padding: 0 0 0 3px;
	vertical-align:bottom;
	overflow: hidden;
}

.newsWeatherText {
	width: 130px;
	height: 23px;
	font-style: oblique;
	font-weight:normal;
	padding: 0 4px 0 0;
	margin: 0 0 0 0;
	display: inline;
}

.newsWeather a, .newsWeather a:link, .newsWeather a:visited, .newsWeather a:hover, .newsWeather a:active {
	color: #76889c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:normal;
	text-decoration:none;
}

.newsWeather a:hover {
	color: #333;
}

#tic {
  /* enter any styles for the ticker below */
  float: left;
  border: .05em #000066 solid;
  font-size:11px;
  padding:10px;
  width:285px;
  line-height:10px;
}
#tic * {
  /* this will hide all children tags */
  font-size: 1em;
  margin:0px;
  padding:0px;
  display:none;
}
#tic a {
  /* add more tags to this list if you wish to display them inside the children */
  display:inline;
}


/* - infoBox produces a box with a tan header around an h3, gray background and no border - */
.infoBox400 {
	float: left;
	display: block;
	width: 300px;
	background-color: #eee;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5px 10px 0;
	margin: 0 5px 0 10px;
}

.infoBoxLeft {
	float: left;
	display: block;
	width: 200px;
	background-color: #eee;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5px 10px 5px;
	margin: 0 0px 0 10px;
}

.infoBoxRight {
	float: right;
	display: block;
	width: 230px;
	background-color: #eee;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 5px 10px 5px;
	margin: 0 0px 0 10px;
}

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

.infoBox400 li {
	list-style: square;
	margin: 4px 0 0 15px;
	padding: 0;
	font-size: 9pt;
	list-style-position: inside;
}

.infoBox400 h3 {
	margin: 0 -5px 0 0 !important;
	padding: 2px 0 2px 15px !important;
	background: #E7D9C0;
	color: black;
	font-size: 9pt;
}

.infoBox400 strong {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.infoBox400 b {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
}


	
	
.solidblockmenu ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
border: 0px solid #625e00;
border-width: 0px 0;
background:#495910;
}

.solidblockmenu ul li#one a	{
	width: 136px;
	background: #CF7401;
	color: #fff;
	font:  bold 11px Arial;
	text-align:center;
	}

.solidblockmenu ul li#two a	{
	width: 136px;
	background: #3B6097;
	color: #fff;
	font: bold 11px Arial;
	text-align:center;
	}

.solidblockmenu ul li#three a	{
	width: 136px;
	background: #F2C03F;
	color: #fff;
	font: bold 11px Arial;
	text-align:center;
	}

.solidblockmenu ul li#four a	{
	width: 136px;
	background: #6C3169;
	color: #fff;
	font: bold 11px Arial;
	text-align:center;
	}
	
.solidblockmenu ul li#five a	{
	width: 136px;
	background: #0B615E;
	color: #fff;
	border-right: #495910;
	font: bold 11px Arial;
	text-align:center;
	}


.solidblockmenu ul li#one a:hover	{	
	color: #e6d4a9;	
	}

.solidblockmenu ul li#two a:hover	{	
	color: #e6d4a9;
	}
	
.solidblockmenu ul li#three a:hover	{
	color: #e6d4a9;
	}

.solidblockmenu ul li#four a:hover	{
	color: #e6d4a9;
	}
	
.solidblockmenu ul li#five a:hover	{
e	color: #e6d4a9;
	}
	
.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 7px 0px;
text-decoration: none;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #ffffff;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:100%; /*width of 2nd level sub menus*/
height:1.3em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

/*
*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
/*margin-top: -1em;
} */

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}


.tabcontentlinks{
background-color:#f6f6f6;
margin-top: 2px;
PADDING-LEFT: 2px;	
}

.tabcontentlinks a:link, .tabcontent a:visited {
	font-family:georgia,garamond,serif;
	font-weight:normal;
	letter-spacing:-0.02em;
	font-size: 100%;
	color: #232376;
}

.tabcontentlinks a:hover{
	color: #232376;
	background-color:#FFFFFF;
	text-decoration: none;
}

.tabcontentlinksList{
background-color:#f6f6f6;
PADDING-LEFT: 0px;	
}

.tabcontentlinksList a:link, .tabcontentlinksList a:visited {
	font-family:georgia,garamond,serif;
	font-weight:bold;
	letter-spacing:-0.02em;
	font-size: 90%;
	color: #232376;
}

.tabcontentlinksList a:hover{
	color: #ffffff;
	background-color:#000066;
	text-decoration: none;
}

.tabcontent{
background-color:#E0DDD7;
PADDING-LEFT: 10px;	
}

.tabcontent a:link, .tabcontent a:visited {
	font-family:georgia,garamond,serif;
	font-weight:normal;
	letter-spacing:-0.02em;
	font-size: 100%;
	color: #232376;
}

.tabcontent a:hover{
	color: #232376;
	background-color:#FFFFFF;
	text-decoration: none;
}
img.imgBorder {
	outline-style:groove;
	border:25px #000066 solid;
}