body{
font-family: arial, san-serif;
font-size: small;
background-color:#333333;
}
#container {

margin:0 auto;
width:900px;
background:#cccc99;
border: 1px solid gray;
line-height: 130%;
}

#masthead {
position:relative;
background: url(images/brandingnew.jpg);
height:86px;
width:900px;
}

#brandingstudentlife {
position:relative;
background:#cccc99 url(images/brandingnew.jpg);
height:86px;
width:900px;
}

h1 {
color:#990033;
font-size:200%;
font-weight:200;
word-spacing:-0.5em;
letter-spacing:.5em;
}

h2 {
color:#666666;
font-size:175%;
font-weight:100;
word-spacing:-0.5em;
letter-spacing:.5em;
}

h3 {
color:#990033;
font-size:100%;
font-weight:bold;
word-spacing:-0.5em;
letter-spacing:.5em;
}

h4 {
color:#000000;
font-size: 110%;
font-weight: bolder;
word-spacing:-0.5em;
letter-spacing:.5em;
}
h5 {
color:#000000;
font-size: 125%;
font-weight: bolder;

letter-spacing:.1em;
}
img {
border:none;
}
/*----------------------stripes------------------*/
#greenstripe{
background-color:#999933;
height:12px;
width:900px;

}

#greenstripeshrt{
background-color:#999933;
height:12px;
width:500px;

}

#olivestripe{
background-color:#666633;
height: 20px;
width:900px;
}
#whitestripe{
background-color:#ffffff;
height:10px;
width:900px;

}

 /*--------------------navigation---------------*/
#navcontainer {}
#navcontainer a {
text-decoration:none;
}

#navcontainer ul
{
position: relative;
width: 900px;
height: 1.75em;
margin: 0;
padding: 0;
background-color:#cccc66;
white-space: nowrap;
}

#navcontainer li
{
	float: left;
	margin: 2px 0 0 2px;
	
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #000000;
	list-style-type: none;
}

#navcontainer li a
{
	position: relative;
	width: 7em;
	display: block;
	margin: 0;
	padding: 1px 0.4em 2px 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #999933;
	background-color: #cccc66;
	color: #333333;
	font: normal 1em/120% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}

#navcontainer li a:hover
{
color: #000000;
text-decoration: underline;
}

#navcontainer li#active a
{
font-weight: bold;
background-color: #666633;
color: #fff;
border-color: #000000;
}

#navcontainer li#active a:hover { color: #000000; }

#navcontainer ul#subnavlist
{


font-size: 80%
position: absolute;
	
width: 100%
left; 0;
top: 0;
height: 2.5em;
margin: 0;
padding: 0;
border-bottom; 4px solid #666633;
background-color:#666633;
	

}

#navcontainer ul#subnavlist li
{
width: 18ex;
margin: 0;
border: 0;
}

#navcontainer ul#subnavlist li a
{
width: auto;
padding: 0.75em 0.75em 0.75em .05em;
border: 0;
background-color: #666633;
color: #ffffff;
font: normal normal 0.85em/110% Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul#subnavlist li a:hover
{
color: #ffffff;
text-decoration: underline;
font-weight: 400;
/* IE5/Mac disappearing item fix */
}

#navcontainer ul#subnavlist li#subactive a
{
background-color: #666633;
color: #ffffff;
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 900px;
/* IE5/Mac fixed width fix */
}
/*--------------calendar nav---------------*/

#calendar ul
{
margin: 0;
padding: 1em;
list-style-type: none;
text-align: center;
}

#calendar ul li { display: inline; }

#calendar ul li a
{
text-decoration: none;
padding: .5em 1em;
color: #fff;
background-color: #999933;
}

#calendar ul li a:hover
{
color: #fff;
background-color: #660000;
}

/*--------------interior list----------------*/
#intlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 500px;
}

#intlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#intlist li a { text-decoration: none; }
/*----------one column---------------*/
#homepagecontent {


margin-left: 100px;
margin-right:100px;

padding: 2em;
max-width:45em;
background-color:#cccc99;
}
.floatright {
float: right;
margin: 0 0 10px 10px;
padding: 5px;
}

.floatleft {
float:left;
margin: 0px 10px 0 0;
paddint: 5px;
}
/*---------------float right image---------*/

#content {


margin-left: 100px;
margin-right:10px;

padding: 2em;

background-color:#cccc99;
}
.floatright {
float: right;
margin: 0 0 10px 10px;
padding: 5px;

}

/*------------table for directory--------*/
table.contacts {
width: 600px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ 
background-color: #660000;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #ffffff; }


td.contact
{ 
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .8em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

td.contactex
{ 
border-bottom: 1px #6699CC dotted;
text-align: center;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .7em;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

/*-------float right image-----------*/

.floatright { 
float: right; 
margin: 0 0 10px 10px;
padding: 2px;
}
/*-------selectors-----------*/

#right {
  background-color:#ccc;
  width:400px;
  padding:15px;
  margin:10px;
  float:right;