/* CSS for Why Rowan website */

body{background-color: #ACD7F8; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;}


#sky{background: url(../images/sky.gif) repeat-x; z-index: 5;}
#clouds{background: url(../images/clouds.png) center no-repeat; z-index: 7;}

#billboard{margin: 0 auto; background: url(../images/billboardclouds.png) no-repeat center; height: 1092px;}
#billboardwrap{width: 903px; margin: 0 auto;}
.title{
	margin-top: 33px;
	margin-left: 1px;
}
.bbrandom{float: left;}
.home{float: left;}
#nav{float: right; margin-top: 40px; margin-right: 25px;list-style:none;}
#nav li{margin: 0; padding: 0;}

#videos{position: relative; top: 60px; background-color: #fff8d6; width: 833px; clear: both; color: #59190b; font-size: 11.5px; border: dotted 1px black; margin: 0 auto;}
#videos h2{font-size: 24px;}
#meet{float: left; padding: 15px 0 0 22px; width: 345px;}
#meetimage{float: left; padding: 0 9px 5px 0;}
#meet h3{font-weight: bold; padding-bottom: 10px;}
#seemore{clear: left; float: left; padding: 15px 0 10px 22px; width: 345px;}
#seemore li{display:inline;}
#youtube{float: right; padding: 20px 20px 0 0;}
#youtube object{width:425px; height:344px;}
#theproject{position: relative; top: 80px; background: url(../images/theproject.png); width: 835px; height: 180px; clear:both; margin: 0 auto;}
#theproject p{font-size: 13px; width: 550; color: #58190b; padding: 70px 20px 0 20px;}
.knowmore{position: relative; float:right; top: -145px; clear:both; margin-right: 20px;}
#buildings{background: url(../images/buildings.png) center no-repeat; z-index: 1; height: 195px; margin-top: -185px;}
.cow{margin: -115px 5px -5px 400px;}

#grass{background: url(../images/grass.gif) repeat-x; z-index: 10; margin-top: -25px;}
#footer{width: 650px; margin: 0 auto; padding-top: 20px;}
#footer .logo{float: left; padding: 50px 0 60px 20px;}
#footer .links{float: left; color: #fff; font-size: 9px; padding: 0px 0 60px 20px;}
#footer .text{color: #fff; font-size: 9px;}
#footer .text a{color: #fff;}


.clear{clear: both;}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */