@charset "utf-8";
/* CSS Document */

/*

--------- TABLE OF CONTENTS -------

- Colors
- General/Global
- Wrapper DIVs
- Header
- Footer
- Menus / Outer Columns
- Main Content
- News / Events
- Forms
- Tables
- Tabbed search
- Extras
- Print Settings

------------ Colors -------------

Dark green: #396e06
Light grey: #efefef
Dark grey: #777
Light green/grey 1: #d5e7b5
Light green/grey 2: #e9efdf
Yellow: #fbdc14

---------- General/Global ---------- */
.facultylisting {
background:#999966;
color:#000000;
}
.facultylistingh3{
color:#000000;
background:#A9A5FA;
text-align:center;
font-size:18px;
line-height:20px;
font-weight:normal;
margin-bottom:-10px;
}

.facultylisting a {
color:#000000;
}
.facultylisting a:visited {
color:#330033;
}
.newsimages-thumb {
width:90px;
padding-left:5px;
vertical-align:middle;
}
.newsrelease {
text-align:left;
}
.newsreleaseright {
text-align:left;
}

.newsrelease ul li {
list-style:none;
margin-left:-40px;
}
.newsreleaseright ul li {
list-style:none;
margin-left:-40px;
}

.tdnewsrelease {
background:#E4C8AB;
width:40%;
}
.tdnewsreleaseright {
background:#E4C8AB;
width:46%;

}
.graduatehead {
background:#00CC99;
font-weight:bold;
text-align:left;
}

.gstudents {
text-align:left;
font-weight:normal;
}

.undergraduatehead {
background:#00CC99;
font-weight:bold;
text-align:left;
}

.ugstudents {
text-align:left;
font-weight:normal;
}


body {
margin-top:-10px;
margin-bottom:0px;
font: 62.5% Arial, Helvetica, sans-serif;
background:url(../images/engr-back.gif);
text-align: left;
margin-left:3%;
margin-right:3%;
}
.leftimages {
background:#FFFFFF; 
}
h1, h2, h3, h4, h5, h6 {
padding: 0;
color: #396e06;
font-weight: normal;
line-height: 1.2em;
margin: 1.4em 0 0.7em 0;
}

p, ul, ol {
margin-top: 1.4em;
margin-bottom: 1.4em;
}

form {
margin: 0;
padding: 0;
}

img {
border: none;
}

a {
color: #396e06;
}

table {
border-collapse: collapse;	
margin: 1em 0;
}

hr {
height: 0;
border: none;
border-top: 1px solid #ddd;	
clear: both;
margin: 0;
padding: 0;
}

blockquote {
margin: 1.4em 0;
padding: 0 0 0 37px;
background: #fff no-repeat 0 0;
font-style: italic;
color: #666;
clear: both;
}
.backgroundcontent {
background:#FFEBD7;
}

/* ---------- Wrapper DIVs ---------- */


#menu-20-80 {
float: left;
margin-top:5px;
height:auto;

width: 18%;

}
#menu-20-80-ie {
float: left;
margin-top:5px;
height:auto;

width: 22%;

}




#content-20-80 {
float: right;
width: 81%;

height:100%;
padding-right: 0px;

padding-top: 5px;
padding-left:2px;

}
#content-20-80-ie {
float: right;
width: 72%;

height:100%;
padding-right: 0px;

padding-top: 5px;
padding-left:2px;

}


#content-20-80 h2 {
margin: 0 0 1em 0;
border-bottom: 1px dotted #fbdc14;
font-size: 2.3em;
}

#content-20-80 #container,
#content-20-40-40 #container {
float: left;
width: 100%;

background: #fcf6da repeat-x url(../images/backgroundcontent.gif) ;
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;

}
#container h2 {
margin-bottom:-7px;
}



/* ----------  Header  ---------- */

#top {
position:absolute;
z-index: 0;
height: 0px;
width: 100%;
padding: 0;
margin: 0;
background: #fff;
}
#mainheader {
height:110px;
margin-top:-12px;
background:none;
margin-bottom:24px;

}

#top #uofs {
position: absolute;
top: 10px;
left: 10px;
}

#masthead {

float: left;
clear:left;
margin: 0;
padding: 0;
width: 100%;
vertical-align:top;
color: #777;
margin-top:-10px;
height:32px;
/*background: #d9d9d9 url(../images/gradient-tab4.gif) repeat-x left top;*/
background:  url(../images/grad-topbar.jpg) repeat-x left top;
}

#masthead h1 { 
margin: 0;
padding-left:5px;
padding-bottom:5px;
font-size: 2.2em;
float: left;
}

#masthead a { 
text-decoration: none;
}

#breadcrumbs {
margin: 1.3em 30em 0 0;
padding: 0;
font-size: 1.1em;
line-height: 1.4em;
}

#breadcrumbs a:hover { 
text-decoration: underline;
}

/* ---------------- images/r ---------------- */

#footer {
width: 100%;
float: left;
padding: 0 0 5px 0;
margin: 2px 0 0 0;
border-top: 1px dotted #ddd;
font-size: 12px;
text-align: center;
line-height:5px;
height:45px;
background:none;
color: #777;
}


#footer a {
text-decoration: none;
}

#footer a:hover {

border-bottom: 1px dotted #CC3300;
}

/* ----------  Menus / Outer Columns  ---------- */

#rightColumn {
float: right;
width: 23%;
}


#subnodes h3 {
background:#E5E1B8;
margin-bottom:-5px;
padding-left:12px;
color:#990000;

}


#subnodes ul {
margin-left:15px;

}

#subnodes ul li {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
line-height:22px;



display: inline;
}

#subnodes ul li a {
display: block;
padding-left:5px;
margin-bottom:1px;
margin-top:5px;
font-weight:bold;
font-size:12px;

border-bottom:1px dotted #006600 ;
color:#000000;
}

#subnodes ul a:hover {
background:#993333;
text-decoration: none;
color:#E5E1B8;
width:100%;

}

#subnodesmain h3 {
background:#E5E1B8;
margin-bottom:-5px;

}


#subnodesmain ul {
margin-left:9px;
margin-top:-4px;
margin-bottom:12px;
line-height:20px;
border:none;
}


#subnodesmain ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: inline;
}

#subnodesmain ul li a {
display: block;
padding-left:0px;
margin-bottom:1px;
font-weight:bold;
border:none;
color:#000000;
}
#subnodesmain ul a:hover {
background-color:#993333;
text-decoration: none;
color:#E5E1B8;
}

.leftMenu{

border: none;
margin-top:0px;
font-size:12px;
background:#dadada url(../images/menu-back.jpg) repeat-x;


}
.leftback {


}


.leftMenu a,
#rightColumn a {
text-decoration: none;


}

.leftMenu a:hover,
#rightColumn a:hover {
text-decoration: underline;
}

.leftMenu h2,
.leftMenu h3,

.leftMenu h4,
#rightColumn h2 {
margin: 0px 0px 0px 0px;

padding: 4px 5px;
border: 1px solid #fff;
font-weight: bold;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000066;
background: url(../images/gradient-tab-red.gif) repeat-x left top;		
}


.leftMenu h2 a,
#rightColumn h2 a {
color:#FFFFFF;
display: block;

font-family: Arial, Helvetica, sans-serif;
}

.leftMenu h2 a:hover,
#rightColumn h2 a:hover {
color:#000066;
text-decoration: none;
background: none;
}

.leftMenu ul,
#rightColumn ul {
margin: 0 0px 0 0;
padding: 0;



}

.leftMenu ul li,
#rightColumn ul li {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
border: none;

display: inline;
}

.leftMenu ul li a,
#rightColumn ul li a {
display: block;
padding-left:10px;
margin-bottom:1px;
margin-top:5px;
font-weight:bold;
font-size:12px;
border:thin;
color:#000000;

}

.leftMenu ul a:hover,
#rightColumn ul a:hover {
background-color:#993333;
text-decoration: none;
color:#E5E1B8;
}

.leftMenu ul ul {
margin: 0;
border: none;
padding-left:10px;

}

.leftMenu ul ul a {
background:#FFFFCC;

	border-bottom:1px dotted #FFFFFF;
	padding-left: 5px;
	
	
}

.leftMenu ul ul ul {

background:#FFFFCC;
border-bottom:1px dotted #FFFFFF;

}

.leftMenu ul ul ul a {
background:#FFFFCC;
border-bottom:1px dotted #FFFFFF;
padding-left: 0px;	
}
/* This is for upto 2 Subfolders */
.leftMenu ul ul ul ul {
margin: 0;
padding-left: 0px;	
background:#FFFFCC;
border-bottom:thin dotted #666666;

}

.leftMenu ul ul ul ul a {
background:#FFFFCC;
border-bottom:thin dotted #666666;
padding-left: 5px;	

}
/* This is for upto 3 Subfolders */
.leftMenu ul ul ul ul ul {
margin: 0;
padding-left: 0px;	
background:#FFFFCC;
border-bottom:thin dotted #666666;

}

.leftMenu ul ul ul ul ul a {
background:#FFFFCC;
border-bottom:thin dotted #666666;
padding-left: 5px;	

}


#rightColumn ul li.menuCell select {
	padding-left: 5px;
	margin: 0px;
}



.here {
background: #E6D6B0 url(../images/gradient-here.gif) top repeat-x ;


}

a.here {
background: #E6D6B0 url(../images/gradient-here.gif) top repeat-x;



}

/* ----------- Main Content ----------- */

.body {
font-size: 1.2em;
line-height: 1.2em;
}

.body input, .body textarea, .body select {
font: 1em Arial, Helvetica, sans-serif;
}

.body a:hover {
background-color: #D5E7B5;
text-decoration: none;
}

.body h1 {
margin: 0 0 1em 0;
border-bottom: 1px solid #fbdc14;
font-size: 2.3em;
}

.body h2 {
margin: 0 0 1em 0;
border-bottom: none;

font-size: 2.3em;
}
.body h1 a,
.body h2 a,
.body h3 a,
.body h4 a {
text-decoration: none;
}

.body h3 {
font-size: 2em;

clear: both;
}

.body h4 {
font-size: 1.5em;
clear: both;
}

.body h5 {
font-size: 1.1em;
font-weight: bold;
clear: both;
}

.body ul {
list-style-image: url();

}

.body textarea {
width: 80%;	
}

.body form ul {
list-style: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;	
}

.body dl {
margin: 0;
padding: 0;
}

.body dt {
float: left;
font-weight: bold;
margin-right: 0.5em;
padding: 0;
}	

.body dd {
margin: 0;	
}

.body dd {
margin: 0;	
}


/*----------- Forms -----------*/

.buttons {
font: bold 1.1em Arial, Helvetica, sans-serif;
padding: 0 3px;
background: #396e06;
color: #fff;
}

.body .buttons {
font-size: 1em;
font-weight: bold;
}

.buttons:hover {
color: #fbdc14;
}

fieldset {
border: 1px solid #ddd;
padding: 0 1em;
margin: 1.2em 0 1.8em 0;
}

fieldset fieldset {
border-width: 1px;
}

fieldset p {
margin: 1em 0;
}

legend {
font-size: 1.2em;
font-weight: bold;
color: #396e06;
}

fieldset fieldset legend {
font-size: 1.1em;
}

fieldset th {
font-weight: normal;
border-bottom: 1px solid #ddd;
}

fieldset table {
width: 100%;
margin: 1em 0;
}

label:hover {
background: #efefef;
}

form table td { 
padding: 5px;	
border-bottom: 1px solid #ddd;
}

/* ---------- Banners / Feature Pics ---------- */

#featurePicDiv {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;	
margin-bottom: 0.5em;
float: left;
}

#featurePicDiv a:hover{
text-decoration: none;	
}

#featurePic {
position: relative;
border-left: 3px solid #396e06;
}

#featureLink {
position: relative;
}

.menucell {
		text-align: left; 
		padding-left: 5px; 
}


/* ------------ News and Events ------------- */

#events {
position: relative;
margin: 0;
float: left;
clear: left;
width: 48%;
}

#findIt {
position: relative;
margin: 0;
float:right;
width: 48%;
}

#news {
position: relative;
margin: 17px 0 0 0;
float:right;
width: 48%;
}

p.featuredEvent {
float: left;
height: 100%;
margin-bottom: 7px;
}

.featuredEvent .eventImage {
float: left;
margin: 2px 5px 5px 0px;
border: 1px solid #bbbbbb;
}

.newsEvents {
border: 1px solid #ddd;
}

.newsEvents label {
display: none;
}

.newsEvents a {
text-decoration: none;
}

.newsEvents a:hover {
text-decoration: underline;
}

.newsEvents p, .newsEvents form {
margin: 0;
padding: 7px 7px;
border-bottom: 1px solid #ddd;
}

.newsEvents form {
border: none;
padding-bottom: 0;
}

.newsEvents h3,
.newsEvents h4 {
margin: 0;
padding: 4px 7px;
font-size: 1.8em;
background: #d9d9d9 url(../images/gradient-tab4.gif) repeat-x left top;
border-bottom: 1px solid #ddd;
}

.newsEvents h4 {
font-size: 1em;
text-transform: uppercase;
color: #777;
}

.newsEvents ul {
list-style: none;
padding: 0.5em 0;
margin: 0;
font-size: 1.2em;
border-bottom: 1px solid #ddd;
}

.newsEvents ul a {
text-decoration: none;
}

.newsEvents li {
background: #fff url() no-repeat 8px 5px;
margin: 0;
padding: 4px 7px 4px 18px;

}

.newsEvents p img {
padding: 5px 2px;
}

.newsEvents a.moreLinks {
clear: both;
text-decoration: none;

width: auto;
display: block;
padding: 5px;
font-size: 1em;
color: #999;
}

.newsEvents a.moreLinks:hover {
text-decoration: none;
background-color: #D5E7B5;
color: #396e06;
}

/* ------------ Tables ------------ */

table.data {
border: 1px solid #ddd;
width: 100%;
clear: both;
line-height: 1.2em;
}
td.column2nd {
border-left:1px dotted #fbdc14;
width:45%;
padding-left:10px;
padding-right:10px;
vertical-align:top;
}
td.column1st{
width:40%;
padding-right:10px;
vertical-align:top;
}
table.contenttable{
text-align:justify;
border:none;
}
table.data a {
text-decoration: none;
}

table.data a:hover {
text-decoration: underline;
}

table.data th,
table.data thead th {
padding: 3px 5px;	
border: 1px solid #ddd;
font-weight: normal;
font-size: 1em;
text-align: left;
color: #666;
background: #f3f3f3;
vertical-align: top;
line-height: 1.1em;
}

table.data td,
table.data tbody td {

border: 1px solid #ddd;
padding: 5px;
vertical-align: top;
}

table.data td,
table.data tbody td,
table.data p, 
table.data li {
font-size: 0.95em;
}

ul.tableList {
list-style-image: none;
list-style-type: none;
margin: 0px;
padding-left: 0px;
}



ul.tableList li {
border-bottom: 1px solid #e7e7e7;
margin-left: 0px;
padding: 3px 0px;
}

table.data tr.alternate {
background: #f3f3f3;
}

table.data tr:hover,
table.data tbody tr:hover {
background: #e9efdf;
}


/* ----------- Tabbed search -------------- */

#tabbed-search {

position: absolute;
top: 72px;
right:6%;

margin: 0;
padding: 0;
width:100%;

z-index: 2;
font-size: 11px;
line-height: 16px;
text-align: right;
}

#tabbed-search .tabbed-content {
padding: 0 1em;
margin: 0;
border: 1px solid #ddd;
clear: both;
}

#tabbed-search .tabbed-nav {
margin: 0;
padding: 0;
border: none;
height: 1.9em;
float: right;
}

#tabbed-search .tabbed-nav li {
list-style: none;
display: inline;
margin: 0;
padding: 0;
}

#tabbed-search .tabbed-nav li a {
padding: 1px 6px;
margin: 0 1px -1px 0;
display: block;
width: auto;
float: left;
font-size: 1em;
text-decoration: none;
border: 1px solid #ddd;
border-bottom: none;
color: #fff;
background: #396e06 url(../images/gradientgreen-tab2.gif) repeat-x left top;
}

#tabbed-search .tabbed-nav li a:hover,
#tabbed-search .tabbed-nav li a.active {
background: #fff url(../images/gradient-tab1.gif) repeat-x left top;
color: #396e06;
}

#tabbed-search .tabbed-nav li a.active {
border-bottom: 1px solid #fff;
}

#tabbed-search .tabbed-content a:hover {
text-decoration: underline;
}

#tabbed-search .tabbed-nav li.pawsLink a {
border: none;
padding: 0;
/*background:#004d00;*/
background:none;


color:#FFFFFF;
font-weight:bold;

line-height: 10px;
}

#tabbed-search .tabbed-nav li.pawsLink a:hover {
color: #fff;
background: none;
}


#tabbed-search .tabbed-nav li.pawsLink img {
float: left;
margin-top: 0;
margin-right: 5px;
}

#tabbed-search form {
margin: 8px 0;
padding: 0;
float: right;
}

#tabbed-search .tabbed-content {
padding: 0;
background: none;
border: none;
text-align: right;
line-height: 16px;
}

#tabbed-search input {
background: #fff;
border: 1px solid #aaa;
padding:  2px;
font-size: 11px;
}

#search input,
#peoplesearch input {
background: #fff url() no-repeat 3px 3px;
padding-left: 16px;
}

#tabbed-search input.buttons {
margin: 0;

background: #396e06;
padding: 1px 4px;
border-color: #ddd;
font-size: 11px;
}

#tabbed-search fieldset {
padding: 0;
margin: 0;
border: none;
}

/* --------------- Extras ------------------ */

.hidden { display: none; }

.imgLeft { 
float: left;
margin: 0 1em 1em 0;
border: 1px solid #ddd;
background: #fff;
padding: 3px;
}

.imgRight { 
float: right;
margin: 0 0 1em 1em;
border: 1px solid #ddd;
background: #fff;
padding: 3px;
}


/* ---------------- Print Settings ---------------- */

@media print {
	#menuAndContent-20-60-20,
	#content-20-60-20,
	#content-20-80,
	.body {
	width: 100%;
	}
	#search,
	#breadcrumbs,
	#tabbed-search,
	#menu-20-60-20,
	#menu-20-80,
	#rightColumn,
	#masthead,
	#footer,
	#bookmarks {
	display: none;
	}
	.body ul {
	list-style-image: none; 
	list-style-type: disc;
	}
}

/*----------------------------IMAGEMENU---------------------*/

#topmainpage {
	OVERFLOW: hidden; 
	WIDTH: 100%;	
	HEIGHT: auto;
	MARGIN: 0px; 
background:none ;
	
}
#topmainpage h2 {
	
	font-size: 35px;
	margin-left:12px;	
	margin-bottom:0px;
	margin-top:0px;
	
	font-weight:normal;
	color:#FFFFFF;
}