@charset "UTF-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, ol, ul, li, form, table, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	color: #000;
	text-align: left;
	font-size: 100%;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #fff url(../images/background3.gif) repeat-x;
}
#wrapper { 
	width: 975px;
	min-height: 100%;
	position: relative; 
	margin: 0 auto;
}
.layout {
	margin: 0px;
	position: relative; 
	padding: 0px 25px;
}
div.section { 
	display: table; 
	width: 100%;
	border-collapse: collapse; 
}
div.column { 
	display: table-cell; 
}
div.two_column.section div.one { 
	width: 225px; 
}
div.two_column.section div.two { 
	width: 750px; 
}
div.four_column.section div.one { 
	width: 225px; 
}
div.four_column.section div.two { 
	width: 250px; 
}

a:focus {
    outline: thin dotted;
}
a:hover, a:active {
    outline: 0;
}

#header {
	margin: 0px;	
	padding: 0px 0px 0px 0px;
	/*border-bottom: 3px solid #75aadb;*/
}
#banner { /* Remove this when the timeline is in place */
	width: 750px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #75aadb;
	margin-bottom: 20px;
}
img {
	border: none;
	max-width: 100%;
}
#header form#searchform {
	background-color: #000;
	display: inline;
	float: left;
	margin: -35px 0px 0px 0px;
}
#header form#searchform input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	background-color: #555;
	border: 1px solid #999;
	border-radius: 5px;
	color: #ddd;
	padding: 3px;
}
#header form#searchform input.button {
	background-color: #333;
	border-color: #333;
}
#header form#searchform input.button:hover {
	background-color: #777;
	border-color: #777;
}
#header p {
	background-color: #000;
	padding: 15px 0px 0px 8px;
	margin: 0px;
	font-size: 14.5px;
	font-family: Helvetica, Arial, sans-serif;
	text-align: right;
}
#header p a {
	color: #ddd;
	text-decoration: none;
}
#header p a:hover {
	color: #fff;
}
#header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 200;
	letter-spacing: 0.00em;
	margin-bottom: -10px;
}
#header h2 a {
	color: #0474be; /*#75aadb;*/
	text-decoration: none;
}
#header h2 a:hover {
	 color: #1884cb; /*#90b8dd;*/
	 border-bottom: 1px dotted #1884cb;
	 
}
#cu, #cu a {
	width: 300px;
	height: 50px;
	margin: 10px 0px 15px 0px;
}
#cu {
	background: url(../images/CU-logo2.png) no-repeat;
}
#cu a {
	display: block;		
}
#cu span {
	display: none;
}

ul#nav {
	list-style: none;
	padding: 40px 10px 35px 0px;
}
ul#nav li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17.5px; /*1.1em;*/
	padding: 3px 0px;
}
ul#nav li a {
	color: #0056ab;
	text-decoration: none;
}
ul#nav li a:hover {
	border-bottom: 1px dotted #0056ab;
}
ul#nav li ul {
	list-style: none;
	padding: 7px 0px;
}
ul#nav li ul li {
	font-size: 15.5px;
	padding: 3px 10px 3px 14px;
}
#aboutmenu, #facultymenu, #undergraduatemenu, #graduatemenu, #doctoralmenu, #resourcesmenu {
	display: none;
}
#contact {
	font-family: Helvetica, Arial, sans-serif;
	padding: 50px 0px 35px 0px;	
}
#contact p {
	font-size: 12px; 
	line-height: 16px;
	color: #555;
	margin-top: 25px;
}
#contact p span.heading {
	font-size: 14.5px;
	font-weight: 500;
	line-height: 25px;
	color: #000;
}
#contact p a {
	color: #0056ab;
	text-decoration: none;	
}
#contact p a:hover {
	color: #3e67ab;
}	

#maincontent {
	padding: 15px 0px 35px 0px;
}
#maincontent h1 {
	font-size: 32px; /*2em;*/
	margin: 22px 0px 20px 0px;
	font-weight: 200;
	text-align: left;
}
#maincontent h2 {
	font-size: 23.5px; /*1.3em;*/
	margin: 30px 0px -5px 0px;
	font-weight: 200;
	text-align: left;
}
#maincontent h2.title {
	font-size: 24px; /*1.5em;*/
	margin: -18px 0px 25px 0px;
	font-weight: 200;
	color: #999;
	text-align: left;
}
#maincontent h3 {
	font-size: 19px; /*1.2em;*/
	margin: 20px 0px 5px 0px;
	font-weight: 200;	
}
#maincontent p, #maincontent li {
	font-size: 16px; /*1em;*/
	line-height: 23px; /*1.4em;*/
}
#maincontent p {
	margin: 21px 0;
	color: #000;
	text-align: left;
}
#maincontent li {
	margin: 2px 10px 2px 20px;
}
#maincontent p.intro {
	font-size: 21px; 
	line-height: 32px;
	color: #555;
}
#maincontent a {
	color: #0056ab;
	text-decoration: none;
	border-bottom: none;
}
#maincontent a:hover {
	color: #00478d;
	border-bottom: 1px dotted #0056ab;
}
#maincontent a:visited {
	text-align: left;	/*color: #65a1df; */	
}
#maincontent ul, #maincontent ol {
	margin: 20px 0px;
}
#maincontent blockquote {
	padding-left: 20px;
}
#maincontent img.biophoto {
	float: right;
	margin: 35px 0px 50px 20px;
	border: solid 1px #555;
}
#container {
	display: table-row;
	/*background-color: #efefef;*/
}
#events, #news {
	width: 50%;
	display: table-cell;
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 10px 25px;
}
#events {	
	padding: 0px;
	/*border-right: 1px solid #ccc;*/
}
#news {	
	padding-top: 0px;
	/*border-right: 1px solid #ccc;*/
}
#events h2, #news h2 {
	font-size: 22px;	
	margin: 0px;
}
#events p, #news p {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 14px;
	line-height: 19px;
}
#events p.more, #news p.more, #maincontent p.more {
	font-weight: 500;
	text-align: right;
}

ul#sitemap {
	list-style: disc;
	margin: 5px 0px 5px 20px;
}
ul#sitemap li {
	margin: 3px 0px;
}
ul#sitemap li ul {
	list-style: disc;
	margin: 0px 0px 0px 30px;
}

#footer div.column {
	font-family: Helvetica, Arial, sans-serif;
	/*padding: 30px 0px 35px 0px;*/
	padding-bottom: 25px;
}
#footer p {
	font-size: 12px; /*.8em;*/
	line-height: 16px; /*1.2em;*/
	color: #555;
}
#footer p span.heading, #footer p span {
	font-size: 14.5px;
	font-weight: 500;
	line-height: 25px;
	color: #000;
}
#footer p a {
	color: #0056ab;
	text-decoration: none;	
}
#footer p a:hover {
	color: #3e67ab;
}
#home {
	background: url(../images/home-icon.png) no-repeat;
	width: 22px;
	height: 18px;
}
#home span {
	padding-left: 20px;
}
#home a span {
	color: #0056ab;
}
#home a:hover span {
	border-bottom: 1px dotted #0056ab;
}

table.grid {
	border-collapse: collapse;
	margin: 10px 0px;
}
.grid td {
	border: 1px solid #ccc;
	padding: 6px; 
}
table.ruled {
	border-collapse: collapse;
	margin: 20px 0px;
	text-align: left;
}
.ruled tr {
	border-bottom: 1px solid #ccc;
}
.ruled th, .ruled td {
	padding: 5px;
	text-align: left;
}
tr.norule {
	border-bottom: none;
}
.highlight {
	background-color: #ffff00;
	padding: 2px 0px 1px 0px;
}
.sm-caps {
	font-size: 19px;
	font-variant: small-caps;	
}
.all-caps {
	text-transform: uppercase;
}
.rule {
	border-bottom: 1px solid #ccc;
}
h3.rule {
	padding-top: 15px;
}
#maincontent .boxed {
	display: inline;
	padding: 15px 20px;
	/*margin: 20px;*/
	border-top: 1px solid #888;
	border-right: 3px solid #444;
	border-bottom: 3px solid #444;
	border-left: 1px solid #444;
	/*background-color: #e7f3fd;*/
	background-image: url(../images/background-sm.jpg);
	border-radius: 8px;
}
#maincontent .boxed a:hover {
	border-bottom: none;	
}
.event {
	border-top: 2px dotted #0056ab;
	padding: 8px 0px;
}
.clear {
	clear: both;
}
.hide-content {
	display: none;
}
.to-left {
	float: left;
}
.to-right {
	float: right;
}
img.to-left {
	margin: 20px 15px 10px 0px;
}
img.to-right {
	margin: 20px 0px 10px 15px;
}
img.border {
	border: solid 1px #555;
}
#wrapper .two_column.section #maincontent div p {
	color: #F00;
}
#wrapper .two_column.section #maincontent div p {
	color: #000;
}