/*Layout Elements*/

body {
width:790px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;}

#enclosure {
width: 790px;
padding: 0px;
margin-left: 10%;
margin-right: 10%;}

#header {
display:block;
float:none;
margin: 0px;
border: 0px #ff6600 solid;
height:auto;}

#headerImage {
width: 598px;
margin: 2px 0px 0px 0px;
}

#sections {
width: 598px;
display:block;
margin: 5px 0px 0px 0px;
height:auto;
}

#menuColumn {
width: 185px;
float: right;
border: 0px #cc0099 solid;}

#content {
width: 590px;
height: 100%;
margin: 5px 0px 0px 0px;
border: 0px #cc0099 solid;}


#footer {
display:block;
float:left;
width:780px;
border-top: 1px solid #A5BE7D; 
color: white;
text-align:center;
font-weight: bold;
margin: 0px;
padding: 5px;}

/*Menu Styles */

#menu {
float: left;
width:185px;
margin: 0px;
background: #666666 url(images/menu_top.gif) no-repeat top;
padding: 0px;}

.menuItem {
height: 25px;
border-bottom: 1px #fff solid;
text-indent: 3px;
padding: 5px 5px 2px 5px;
margin: 0px;
line-height: 20px;}

.menuItemBorderless {
height: 25px;
text-indent: 3px;
padding: 5px 5px 2px 5px;
margin: 0px;
line-height: 20px;}

.menuItemBorderless2 {
height: 25px;
border-bottom: 0px #fff solid;
text-indent: 3px;
padding: 5px 5px 2px 5px;
margin: 0px;
line-height: 20px;
background-color: #666;
background-image: url(images/menu_bottom.gif);
background-repeat: no-repeat;
background-position: bottom;}

#menuColumn a:link, a:active {
padding: 5px 0px 0px 0px;
line-height: 30px;
font-size: 12px;
color: #fff;
text-decoration:none;
letter-spacing: 1px;} 

#menuColumn a:visited {
line-height: 30px;
font-weight:bold;
color: #fff;
text-decoration:none;}

#menuColumn a:hover {
color: #A5BE7D;
margin:2px;}

#sectionMenu {margin:0px 0px 0px 5px;}


#menuBoxes {float:left;width:100%;height:100%;text-align:left; margin:0px;}
#menuBoxes h1 {font-size:14px;color:white;}
ul#menuBoxes,ul#menuBoxes li{list-style-type:none;margin:0px;padding:0; height:100%;}
ul#menuBoxes li{float:left;width: 190px; margin:0px 5px 0px 0px; height:100%;}
ul#menuBoxes h1{color:white; margin: 5px; padding: 3px;}
ul#menuBoxes p{margin:2px;padding:5px; color: white;}
li#research{background:#666666;height:100%;}
li#professors{background:#8E432E;height:100%;}
li#news{background:#949636;height:100%;}
li#people{background:#916579;height:100%;}

#menuLinks{
float:left;
width:190px;
margin: 5px 0px 0px 0px;
}
ul#menuLink,ul#menuLink li{
margin:0px 0px 2px 0px;
padding:0;
display: list-item;
list-style-type: none;
height:25px;
}

ul#menuLink {float:left;height:25px;text-align:left}

a.sectionMenu, a.sectionMenu:active, a.sectionMenu:link  {
color:#fff;
text-decoration:none;
font-size: 12px;
}


a.sectionMenu:visited {
text-decoration:none;
margin:0px;
color:#fff;
line-height: 15px;}

a.sectionMenu:hover {
text-decoration:none;
margin:0px;
color:#333;
line-height: 15px;}

/*Content Section Elements*/

#content h1 {
margin: 5px 0px 0px 0px;
text-indent:5px;
padding: 3px;
font-size: 14px;
background:#A5BE7D;
color:#fff;}

#content p {
margin: 2px 3px 10px 5px; 
color:#333;
}

#columnOne {
float:left;
width:50%;
border: 0px #5dff35 solid;}

#columnTwo {
float:left;
width:50%;
border: 0px #ff3c8a solid;
}

#contentColumn {
margin: 10px 0px 10px 0px;
border-left: 1px solid #A5BE7D; }

/*Text Styles*/


a.readMore  {
color:#fff;
text-decoration:none;
}

a.readMore:link {
color:#fff;}

a.readMore:visited {
color:#fff;}

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

a.readMore:active {}

dl{
margin:0 5px 5px 10px;
color: #339933;
}

dt{
color: #8E432E;
font-size: 14px;
font-weight:bold; 
margin-bottom:5px;}

dd{
color: #333333;
font-size: 11px;
margin:0 0 8px 10px;}

h2 {
margin: 10px 3px 5px 5px;
color: #8E432E;
font-size: 14px;
font-weight:bold;}

h4 {
color:white;
font-size:14px;
margin: 5px 3px 3px 3px;
font-weight:bold;
letter-spacing: 2px;}

.date {
font-size: 10px;
font-weight:bold;
margin: 2px 2px 2px 2px;}

a {}

a:link {}

a:visited {}

a:hover {
color: #8E432E;
}

a:active {}

ul {}

li {}

div {}

/*SECTIONS content */

#sections p {color:white; margin: 2px; font-size: 12px;}

 /* set background images for corners */
.greyroundbox { background: url(images/corners_grey_bkgd.gif) repeat;}
.greytop div  { background: url(images/corners_grey_top_left.gif) no-repeat top left;}
.greytop      { background: url(images/corners_grey_top_right.gif) no-repeat top right;}
.greybot div  { background: url(images/corners_grey_bottom_left.gif) no-repeat bottom left;}
.greybot      { background: url(images/corners_grey_bottom_right.gif) no-repeat bottom right;}

 /* height and width details */
.greytop div, .greytop, .greybot div, .greybot {
	width: 100%;
	height: 8px;
	font-size: 1px;
}
.greycontent  { margin: 0 5px; height: 110px;}
.greyroundbox { float:left; width: 25%; margin: 0px 1px 2px 0px;}

.rustroundbox { background: url(images/corners_rust_bkgd.gif) repeat;}
.rusttop div  { background: url(images/corners_rust_top_left.gif) no-repeat top left;}
.rusttop      { background: url(images/corners_rust_top_right.gif) no-repeat top right;}
.rustbot div  { background: url(images/corners_rust_bottom_left.gif) no-repeat bottom left;}
.rustbot      { background: url(images/corners_rust_bottom_right.gif) no-repeat bottom right;}

 /* height and width details */
.rusttop div, .rusttop, .rustbot div, .rustbot {
	width: 100%;
	height: 8px;
	font-size: 1px;
}
.rustcontent  { margin: 0 5px; height: 110px;}
.rustroundbox { float:left; width: 24%; margin: 0px 1px 2px 0px;}


.mossroundbox { background: url(images/corners_moss_bkgd.gif) repeat;}
.mosstop div  { background: url(images/corners_moss_top_left.gif) no-repeat top left;}
.mosstop      { background: url(images/corners_moss_top_right.gif) no-repeat top right;}
.mossbot div  { background: url(images/corners_moss_bottom_left.gif) no-repeat bottom left;}
.mossbot      { background: url(images/corners_moss_bottom_right.gif) no-repeat bottom right;}

 /* height and width details */
.mosstop div, .mosstop, .mossbot div, .mossbot {
	width: 100%;
	height: 8px;
	font-size: 1px;
}
.mosscontent  { margin: 0 5px; height: 110px;}
.mossroundbox { float:left; width: 25%; margin: 0px 1px 2px 0px;}

.lavroundbox { background: url(images/corners_lav_bkgd.gif) repeat;}
.lavtop div  { background: url(images/corners_lav_top_left.gif) no-repeat top left;}
.lavtop      { background: url(images/corners_lav_top_right.gif) no-repeat top right;}
.lavbot div  { background: url(images/corners_lav_bottom_left.gif) no-repeat bottom left;}
.lavbot      { background: url(images/corners_lav_bottom_right.gif) no-repeat bottom right;}

 /* height and width details */
.lavtop div, .lavtop, .lavbot div, .lavbot {
	width: 100%;
	height: 8px;
	font-size: 1px;
}
.lavcontent  { margin: 0 5px; height: 110px;}
.lavroundbox { float:left; width: 25%; margin: 0px 1px 2px 0px;}

 /* set background images for corners */
.menuroundbox { background: url(images/corners_grey_bkgd.gif) repeat;}
.menutop div  { background: url(images/corners_grey_top_left.gif) no-repeat top left;}
.menutop      { background: url(images/corners_grey_top_right.gif) no-repeat top right;}
.menubot div  { background: url(images/corners_grey_bottom_left.gif) no-repeat bottom left;}
.menubot      { background: url(images/corners_grey_bottom_right.gif) no-repeat bottom right;}

 /* height and width details */
.menutop div, .menutop, .menubot div, .menubot {
	width: 100%;
	height: 8px;
	font-size: 1px;
}
.menucontent  { margin: 0px;}
.menuroundbox { float:left; width: 185px; margin: 0px;}