/* College of Engineering Redesign CSS Document */

body {
	background: #dfdfdf url(/images/background.jpg) top repeat-x;
	margin: 0;
	padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #333;
}
a:visited {
	color: #666;
}
img {
	border: none;
}

#wrapper {
	margin: 0 auto 5px;
	width: 880px;
}

#header {
	margin: 0;
	padding: 0;
	width: 880px;
	height: 91px;
	background: #999 url(/images/cgrer_bg.jpg) no-repeat top right;
}

#navbar {
	margin: 0;
	padding: 0;
	border-top: 1px #fff solid;
	border-collapse: collapse;
	width: 880px;
	height: 23px;
	background: #fff;
}


#searchBox {
	float: right;
	width: 180px;
	margin: 0;
	padding: 15px 0 0 0;
}

#searchBox form {
	margin: 0;
	padding: 0;
}
#searchBox p {
	margin: 0;
	padding: 1px;
	font-size: 60%;
	color: #fff;
}
#searchBox label {
	font-size: 80%;
	font-weight: bold;
	color: #fff;
}
#searchBox input.searchField {
	margin: 0;
	padding: 1px;
	border: #333 solid 1px;
	color: #666;
	width: 120px;
	font-size: 90%;
	vertical-align: bottom;
}
#searchBox input.searchButton {
	margin: 0;
	padding: 1px;
	color: #fff;
	border: 1px solid #333;
	font-size: 9px;
	font-weight: bold;
	background: #171717 url(/images/blackGlossSmall.gif) repeat-x;
	vertical-align: bottom;
}
#searchBox a {
	padding: 0;
	color: #fff;
	text-decoration: underline;
}
#searchBox a:hover, #searchBox a:focus {
	text-decoration: none;
	color: #fc0;
}
#searchBox p a {
	color: #fff;
	text-decoration: underline;
}
#searchBox p a:hover, #searchBox p a:focus {
	color: #fc0;
	text-decoration: underline;
}

/* Main Content Column */
#mainCol {
	margin: 0;
	padding: 0 0 15px 0;
	width: 880px;
	background: #fff;
	font-size: small;
}

/* Interior Sub Navbar */
#subnav {
	margin: 0;
	padding: 0 0 20px 0;
	width: 205px;
	font-size: 12px;
	background: #ececec url(/images/subnav_background.gif) no-repeat;
	background-position: 100% 100%;
}
#subnav img {
	margin: 0;
	padding: 0;
}
#subnav h1, #subnav h2, #subnav h4, #subnav h5, #subnav h6 {
	margin: 0;
	color: #fff;
	background: #333;
}

#subnav h3 {
	margin: 0;
	color: #fff;
	background: #0026AA;
}
#subnav h1, #subnav h2, #subnav h3 {
	padding: 3px 0 5px 4px;
	font-size: 14px;
}
#subnav h4, #subnav h5, #subnav h6 {
	padding: 2px 0 4px 4px;
	font-size: 12px;
}
#subnav ul {
	margin: 0;
	padding: 5px 0 0 0;
	color: #fff;
	background: #ececec url(/images/subnav_ul_background.gif) repeat-y;
	background-position: 100% 100%;
}
#subnav li {
	margin: 0;
	padding: 2px 3px 2px 10px;
	list-style: none;
	font-weight: bold;
	color: #333;
}
#subnav a:link {
	color: #333;
	text-decoration: none;
}
#subnav a:visited {
	color: #666;
	text-decoration: none;
}
#subnav a:hover, #subnav a:focus {
	text-decoration: none;
	color: #333;
}

/* Sublinks */
#subnav ul li ul {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	border-bottom: none;
	background-image: none;
}
#subnav ul li ul li {
	margin: 0;
	padding: 2px 2px 2px 10px;
	list-style: none;
	font-weight: normal;
	color: #fff;
}
#subnav ul li ul li a:link {
	color: #333;
	text-decoration: none;
}
#subnav ul li ul li a:visited {
	color: #666;
	text-decoration: none;
}
#subnav ul li ul li a:hover, #subnav a:focus {
	text-decoration: none;
	color: #333;
}

/* Content */

#contentSplash {
	margin: 0;
	padding: 0;
	width: 880px;
	background: #fff;
	font-size: small;
}
/* IE5 for Mac Fix */
* html #contentSplash {
}

/* End IE5 for Mac Fix */
#content {
	margin: 0;
	padding: 1px 5px;
	width: 870px;
	background: #fff;
	font-size: small;
}

#contentSubnav {
	margin: 0;
	padding: 0 5px;
	width: 660px;
	background: #fff;
	font-size: small;
	float: right;
}
/* IE5 for Mac Fix */
* html #content {
}
/* End IE5 for Mac Fix */

#contentSubnav h1 {
	margin: .5em 0 .25em 0;
	padding: 0;
	font-family: Futura Bk, Georgia, "Times New Roman", Times, serif;
	font-size: 190%;
	color: #666;
	font-weight: normal;

}

#content h1{
	margin: .5em 0 .25em 0;
	padding: 0;
	font-family: Futura Md, Georgia, "Times New Roman", Times, serif;
	font-size: 200%;
	color: #666;
	font-weight: bolder;
}

#content h3, #contentSubnav h3 {
	margin: 0;
	padding: 0;
	font-size: 125%;
	color: #666;
	font-weight: bold;
}
#content h1 a {
	color: #666;
	text-decoration: underline;
}
#content h3 a, #contentSubnav h1 a, #contentSubnav h3 a {
	color: #666;
	text-decoration: none;
}
#content h4, #contentSubnav h4 {
	margin: .5em 0 .25em 0;
	padding: 0;
	font-size: 115%;
	color: #333;
	font-weight: bold;
}
#content p, #contentSubnav p {
	margin: 5px 0;
	padding: 0;
	/* adjust line height */	
	line-height: 1.3em;	
	color: #333;
}
#content ul, #contentSubnav ul {
	margin: 0;
	padding: 2px 2px 2px 10px;
}

#content ul {
	line-height: 2em;
}

#content ul li, #contentSubnav ul li, #content ol li, #contentSubnav ol li {
	margin: 0 0 0 8px;
	padding: 0 0 0 4px;
	color: #333;
}
#content ul.bulletGold, #contentSubnav ul.bulletGold {
	padding: 0 0 5px 16px;
}
#content ul.bulletGold li, #contentSubnav ul.bulletGold li {
	list-style: url(/images/bulletGold.gif) none;
}

#content form, #contentSubnav form {
	margin: 10px 0 0 0;
	padding: 0;
}
#content input, #contentSubnav input {
	margin: 0;
	padding: 1px;
	border: #333 solid 1px;
	color: #666;
	font-size: 95%;
	vertical-align: bottom;
}
#content select, #contentSubnav select {
	margin: 0;
	padding: 1px;
	border: #666 solid 1px;
	color: #666;
	font-size: 95%;
	vertical-align: bottom;
}
#content textarea, #contentSubnav textarea {
	margin: 0;
	padding: 1px;
	border: #666 solid 1px;
	color: #666;
	font-size: 95%;
	vertical-align: bottom;
}
#content input.formButton, #contentSubnav input.formButton {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	color: #333;
	font-weight: bold;
	vertical-align: bottom;
}

#content p.indented{
	text-indent: 1.8em;
}

/* News, Calendar and Profile Items */

.newsItem, .calendarItem {
	margin: 0 0 4px 0;
	padding: 4px;
	border: 1px #ccc solid;
	background-color: #eaeaea;
}

.newsItem {
	font-weight:bolder;
}

.profileDetails {
	margin: 0 0 4px 0;
	padding: 4px;
	border: 1px #ccc solid;
	background-color: #e8eef7;
}

#content .profileDetails p{
	margin-bottom:1.3em;
	text-indent: 1.8em;
}

.newsItem img {
	border: 1px #999 solid;
}
.profileDetails {
	clear: both;
}
#content p.centered, #contentSubnav p.centered {
	text-align: center;
}

/* Feature Photos */
/* Left Aligned */

div.featureLeft {
	float: left;
	padding: 4px;
	margin: 0 10px 4px 0;
	background-color: #ffdf5e;
}
div.featureLeft img {
	border: 1px solid;
	border-color: #333;
}

/* Right Aligned */

div.featureRight {
	float: right;
	padding: 4px;
	margin: 0 0 4px 10px;
	background-color: #ffdf5e;
}
div.featureRight img {
	border: 1px solid;
	border-color: #333;
}

div.photoCaption p {
	text-align: left;
	margin: 2px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #000;
}

/* Footer */

#footer {
	margin: 0;
	padding: 1px 0 0 0;
	border-top: 1px #fff solid;
	width: 880px;
	text-align: center;
	font-size: small;
	clear: both;
	background: none;
	color: #666;
}
#footer p {
	padding: 0;
	margin: 0;
	font-size: 90%;
	line-height: 1.2;
}
#footer h4 {
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 100%;
	line-height: 1.2;
}
#footer ul {
	margin: 0;
	padding: 2px;
	font-size: 90%;
}
#footer li {
	display: inline;
}
#footer a {
	padding: 0;
	color: #666;
	text-decoration: underline;
}
#footer a:hover, #footer a:focus {
	text-decoration: none;
	color: #333;
}
#footer p a {
	color: #666;
	text-decoration: underline;
}
#footer p a:hover, #footer p a:focus {
	color: #fc0;
	text-decoration: underline;
}

/* Form Styles */

/* Used to create questions - a label-input pair or, in the case of checkboxes and radio buttons, several label-input pairs that are related. */
form div {
	float: left; /* Makes label-input pairs display in columns */
	width: 10em; /* Sets width of label-input pairs. Needed to keep IE from expanding the divs and dropping the left col */
	margin: 0.5em 1em 0.5em 0; /* Sets space between label-input pairs */
	position: relative; /* Because of MacIE's faulty positioning and float models, all floated objects will overlap the background and borders of the fixed footer. Adding position: relative and a smaller z-index than the footer to all the floats fixes this. */
	z-index: 200; /* See note above. */
}
#content fieldset, #contentSubnav fieldset {
	border: 1px solid #333; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}
#content fieldset.smallerBox, #contentSubnav fieldset.smallerBox {
	width: 400px;
	margin: 0 auto;
}
#content legend, #contentSubnav legend {
	border: 1px solid #333; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	background: #333 url(/navbar/blackGloss.gif) repeat-x; /* gives the legend the same background as the feature headings */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;  /* styles the text within */
	font-weight: bold;
}
label {
	display: block; /* Makes label display on line above input rather than to its left. However, this makes IE drop the left col if you don't include a width on the div which holds the label */
	font-size: .8em;
}
/* Used on divs which contain more than one label-input pairs, or in other words, questions with checkboxes or radio buttons. */
.multiple {
	float: none; /* Removes float so it can occupy its own line. */
	width: auto; /* Sets width back to auto so that it can expand to the width it needs to accommodate its content, instead of 10em set above. */
}
.multiple label {
	display: inline; /* Sets labels to display next to their inputs, rather than below, since labels for checkboxes and radio buttons should display right next to their buttons. */
}
input, textarea {
	border: 1px solid #333; /* Sets border to dark gray. */
	background: #ececec; /* Sets background color to gray. */
}
/* Keeps IE from displaying background around checkboxes and radio buttons. */
.multiple input {
	border: none; /* Removes border set above. */
	background: none; /* Removes background set above. */
}
/* Paragraphs may be used in the form to head a number of checkbox-label pairs, for instance. This selector controls how they are formatted. */
form p {
	margin: 0.8em 0 0.2em 0; /* Sets spacing between paragraphs and adjacent content. */
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp, #contentSubnav input.sminp {
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
	color: #fff;
	border: 1px solid #333;
	font-weight: bold;
	background: #ffd117 url(/navbar/blackGloss.gif) repeat-x;
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active, #contentSubnav input:focus, #contentSubnav input:active, #contentSubnav textarea:focus, #contentSubnav textarea:active {
	color: #000;
	background: #CACFEB;
}

/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear: both;
height: 0px; 
margin: 0px; 
font-size: 1px; 
line-height: 0px; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 


/* Misc Classes */

p.newsDATE, .newsDATE {
	color: #666;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0;
}

p.newsSRC, .newsSRC {
	color: #666;	
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute;
}
.txtAlignRight {
	float: right;
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.photo {
	margin: 5px;
	padding: 4px;
	border: 1px #fc0 solid;
}
.indent {
	padding-left: 30px;
	margin-left: 30px;
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}


a.tooltip span{
	display: none;
	padding: 2px 3px;
	margin-left:-190px;
	width: 180px;
}

a.tooltip:hover span{
	display: inline;
	position: absolute;
	background: #C3D9FF;
	border: 1px solid #cccccc;
	color: #3F4C6B;
}