#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #D53135; /* shade of red */ /* text color of main menu items on hover */
	/*color: #5FC8F3;*/ /* shade of blue */ /* text color of main menu items on hover */
	background-color: transparent; /* bgcolor of main menu items on hover */
	/*border-left: 1px solid #003366;*/ /* left border for sub-menus */
	/*border-right: 1px solid #003366;*/
	position: relative;
}

/* Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script. */

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	border-top: 1px solid #000; /* top border for submenus */
}

/* Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
The color set should march the normal Sub-Level link color
in the rule: #p7menubar ul li a. */

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #003366;
	background-color: transparent;
}

/* The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to white. */

#p7menubar ul a:hover {
	background-color: #A5C1DD!important; /* bgcolor of submenu items on hover */
	color: #000!important; /* bgcolor of submenu text on hover */
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */

#p7menubar li {width: auto;}



/* FOR CHANGES TO THIS STYLE SHEET, PLEASE SEE THE CIRES WEB TEAM ! */
/* webmaster@cires.colorado.edu */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top:3px; background-color:#ffffff; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
td { font-family: Arial, Helvetica, sans-serif;	font-size: 12px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
ul { list-style-type: square; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

a:link { color: #000099; }
a:visited { color: #663366; }
a:active { color: #990000; }
a:hover { color: #990000; }

/* ABOVE IS ROUGHLY FROM CU & BELOW IS CIRES-SPECIFIC - DO NOT EDIT! */

h1 { font-size:175%; }
h2 { font-size:150%;}
h3 { font-size:125%; }
h4 { font-size:110%; }

/* Background Colors - DO NOT EDIT! */
.bgAbout { background-color: #cccc99; padding:5px; }
.bgBrochureSidebar { background-color: #ffffef; padding:5px; } /* f2e6b2 */ 
.bgCentersESOC { background-color: #FFFAE3; padding:12px 5px 0px 10px; width: 220px; vertical-align:top;}
.bgCentersESOCoff { background-color: #FFFFFF; padding:12px 15px 0px 15px; width: 220px; vertical-align:top; border-left-color:#ffffff; border-left-width:1px; border-left-style:solid; }
.bgCollaborationComplement { background-color: #cccce0; padding:5px; }
.bgEducationComplement { background-color: #cce0eb; padding:5px; }
.bgHighlights { background-color: #dbe2da; padding:5px; }
.bgNewsQuotables { background-color: #fff9f9; padding: 5px 10px 10px 10px; }
.bgScienceComplement { background-color: #d6e0e0; padding:5px; }

/* Core Section Header Colors - DO NOT EDIT! */

.colorAccomplishments { color: #425059; }
.colorBrochureSidebar { color: #ffffef; }
.colorCollaboration { color: #425059; }
.colorAbout { color: #425059; }
.colorEvents { color: #425059; }
.colorJobs { color: #425059; }
.colorNews { color: #425059; margin-top:20px; margin-bottom:0px; font-size:18px; font-weight:none; border-top: medium solid #425059; margin-right: 10px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif}
.colorNews a:link { color: #425059; }
.colorProducts { color: #425059; }
.colorScience { color: #425059; }
h2.colorAbout { color: #de7e3a; font-size: 24px; }

/* Indentations - DO NOT EDIT!- DO NOT EDIT! */
.i1 { margin-left:2%; }
.i2 { margin-left:4%; }
.i3 { margin-left:6%; }
.i4 { margin-left:8%; }
.i5 { margin-left:10%; }
.i6 { margin-left:12%; }

/* Specific Text - DO NOT EDIT! */
.caption { font-size:11px; color:#666666; }
.dateInline { font-size:11px; color:#5D564D; }
.requiredField { color:#990000; font-weight:bold; }
.smallText { font-size:11px; }
.urgent { color:#990000; font-weight:bold; }

/* Global Nav Bar- DO NOT EDIT! */
.buttonscontainer {width: 82px; }
.buttons a { color: #333333; background-color: #ebebd6; padding: 2px; padding-left: 3px; display: block; font: 11px Arial, sans-serif; font-weight: bold; text-decoration: none; text-align: center; }
.buttons a:hover { background-color: #ffffef; text-decoration: none; }

/* Scientific Projects - DO NOT EDIT! */
.spGoal { font-style:none; }
.spMilestone { font-size:11px; color:#336666; background-color: #D6E0E0; padding:5px; }

.whiteSmHeader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 6px;
}
td.oldNav {height: 24px; background: #eaf3e9; border-bottom: 1px solid #bdc5bd; padding:0; margin:0;}
td.oldNav a:link, td.oldNav a:visited {font-weight: bold; color: #425059; text-decoration:none; font-family: Arial,Helvetica,Verdana,Sans-serif; font-size:11px;}
td.oldNav a:hover { color: #a3331b; text-decoration: none;}
#idTable { background: #a2b7b0; border: 0; padding: 0; width: 100%; }
#idTable img {border: 0;}
#idTable td.webHead {background: #a2b7b0; height: 46px; border: 0; padding: 0; margin: 0; }
.left {float:left; margin: 0 10px 5px 0;}
.right {float:right; margin: 0 0 5px 10px}

ul.blueLinks li a {
	color: #039;
}
ul.greyLinks li a {
	color: #425059;
	text-decoration: underline;
}
ul.greyLinks li a:hover {
	color: #a3331b;
}.contentLeftBox #submenu {
	background-color: #DBE2DA;
}
.contentLeftBox #submenu ul li {
	margin-bottom: 12px;
	border-bottom: 1px solid #ccc;
}
.contentLeftBox #submenu ul li a:hover {
	color: #000;
	text-decoration: underline;
}


.center-block {
	float: none;
}

#mainmiddle .container {
	width: 80%;
	height: auto !important;
}

#mainmiddle .form-group {
	margin: 5px 0 5px 0;
	clear: both;
	padding: 10px 0px 10px 0px;
}

.form-content .button {
	width: 200px;
	border-radius: 5px;
	background-color: #409c4e;
	padding: 20px;
	transition: all .4s .4s;
	color: #FFF;
	box-shadow: none;
	border: none;
	font-size: 1.5em;
}

.form-content .button:hover {
	background-color: #54c164;
}

.form-content .button:active {
	position: relative;
	top: 2px;
	background-color: #3bbf60;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


#mainmiddle .form-content  {
	width: 100%;
}

@media screen and (min-width: 200px) {
    #content .form-content {
	    width: 100%;
       height: auto;
    }
}