/************** Header ******************/
body { background-color: #002551; margin: 0px; font-family: Optima, Verdana, sans-serif;  }
h2, h3, h4 { font-family: georgia, times; font-weight: 200; }
p, ul, li { font-family: helvetica, arial, sans-serif; color: #444; }
#header { 
	width: 960px; 
	margin: 0px auto; 
	height: 135px; 
	position: relative; 
	padding: 0px; 
	background: #002551 url('/images/bg.jpg') no-repeat left top;
}
#logo { position: absolute; left: 0px; top: 10px; }
#logo img { width: 90px; height: 90px; border-style: none; }
#name { position: absolute; left: 110px; top: 15px; color: #fff; padding: 0px; margin: 0px; font-weight: 100; }
#slogan { position: absolute; left: 112px; top: 55px; color: #fff; padding: 0px; margin: 0px; font-weight: 100; font-size: 14px; font-style: italic; }
#navTop { 
	position: absolute; right: 5px; top: 0px;
	height: 30px; 
	float: right; 
	padding: 10px 10px 0px 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#c04116), to(#9d200a));
	background: -moz-linear-gradient(top, #c04116, #9d200a);
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
}
#navTop a { color: #fff; text-decoration: none; }
#navTop a:hover { text-decoration: underline; }
#navTop h3 { padding: 0px; margin: 0px; color: #fff; font-size: 16px; font-weight: 100; }
#navBottom { 
	position: absolute; right: 5px; top: 85px; 
	height: 34px;
	float: right; 
	padding: 15px 10px 0px 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#65930c), to(#85b811)); 
	background: -moz-linear-gradient(top, #65930c, #85b811);
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
	border-bottom: solid 1px #65930c; 
}
#navBottom a { color: #fff; text-decoration: none; }
#navBottom a:hover { text-decoration: underline; }
#navBottom h2 { padding: 0px; margin: 0px; color: #fff; font-size: 20px; font-weight: 100; }

/************** Content ******************/
#page { 
	width: 960px; 
	margin: 0px auto 50px auto; 
	padding: 10px; 
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 15px;
}
.yellow { color: #f2bd18; } /* 0272FC */
.blue { color: #212d96; }
.red { color: #be2a26; } 
.green { color: #47ac4a; }
.purple { color: #2c377f; }
.orange { color: #f7931f; }

.bubble { margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; height: inherit; }
.bg-blue { border-bottom: 1px solid #00d2ff; }
.bg-green { border-bottom: 1px solid #00ff0c; }
.bg-red { border-bottom: 1px solid #ff1800; }
.bg-orange { border-bottom: 1px solid #ff9000; }
.bg-yellow { border-bottom: 1px solid #fff600; }
.bg-purple { border-bottom: 1px solid #2c377f; }

.left { width: 440px; float: left; padding-right: 10px; }
.right { width: 480px; float: right; }
.float-right { float: right; }

/************** Testimonial ******************/
.testimonial img { float: left; display: inline; width: 50px; padding-right: 10px; }
.testimonial p { font-size: 14px; margin: 0px; }
.awards img { padding: 15px 0px 0px 25px; }

/************** Bio ******************/
.profile { width: 180px; text-align: center; float: left; padding-bottom: 15px;  }

#overlayContent .image { position: absolute; top: 10px; right: 525px; }
#overlayContent .position { position: absolute; top: 120px; right: 525px; text-align: right; }
#overlayContent .bio { position: absolute; top: 10px; right: 10px; width: 500px; }

/************** University ******************/
.university .left { width: 250px; background-color: #efefef; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-left: 5px; }
.university .right { width: 670px; }
.university .left h3 a { color: #ff9000; text-decoration: none; }
.university .left ul li { color: #333; text-decoration: none; }
.university .left h3 a:hover { color: #ff9000; text-decoration: underline; cursor: pointer; }
.university .left ul li:hover { color: #333; text-decoration: underline; cursor:pointer; }
.university .right h1 { font-size: 30px; color: #2c377f; border-bottom: 1px dashed #2c377f; }
.university .right h2 { color: #47ac4a; }

/************** Footer ******************/
#footer { 
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#c04116), to(#9d200a));
	background: -moz-linear-gradient(top, #c04116, #9d200a); 
}

#footerContent { width: 960px; margin: 0px auto; padding: 5px 0px; }
#footerContent p {  color: #fff; }
#footerContent p a { color: #fff; }


/********* Overlay *************/
.overlay { display:none; z-index:10000; background-color:#fff; width:675px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
.overlay .close { background-image:url(http://flowplayer.org/tools/img/overlay/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }
.no-overflow { height: 425px; overflow-y: auto; padding: 10px; }
.overlayContent { padding-top: 10px; } 
.overlayItemImage { width: 40%; float: left; }
.overlayItemImage img { width: 100%; }
.overlayItemInfo { width: 60%; float: left; }
.overlayItemInfo p { margin-bottom: 0px; }
.overlay h2 { background-color: #247ea3; color: #fff; padding: 10px; margin: 0px; }

/********* Overlay *************/
#mailingList input { width: 200px; float: right; }
#mailingList .overlayContent { padding: 10px; color: red; width: 380px; }
#mailingList { width: 400px; }
.caption { font-size: small; }


.slideshow { float: right; position: relative; height: 300px; width: 400px; overflow: hidden; margin: 0px; }
.slideshow .container { width:20000em; position:absolute; overflow: hidden; }


.partner-image { width: 120px; padding-right: 20px; float: left; height: 120px; }
.partner-content { float: left; width: 750px; height: 120px; }