@import url(master.css);

body {background:url("../images/burlap.jpg") #F2EFD3; color:#000; font-size:0.8em; font-family:Verdana, Tahoma, sans-serif;}
#line {position:absolute; top:440px; z-index:0; background:url("../images/line.gif") repeat-x; width:100%; height:80px; }
#topline {top:20px; background:url("../images/topbg.png") repeat-x center 9px; }
#wrapper{position:relative; width:960px; margin:0px auto 30px auto; z-index:10;}


/* --- site navigation bar --- */
#siteNav {position:relative; z-index:4800;}

/* --- site navigation bar --- */
#building {position:absolute; z-index:1; left:20px; top:-64px; background:url("../images/adbuilding.png") no-repeat; width:242px; height:77px;}
#audienceNav {position:relative; z-index:100; }
#audienceNav ul {margin-left:32px; margin-top:32px; }
#audienceNav ul li {display:block; float:left; list-style-type:none;}
#audienceNav ul li#first {display:block; width:220px; height:43px; background: url("../images/audiencelinks.png") no-repeat 0 0; text-indent:-9999em; overflow:hidden;}
#audienceNav ul li a {display:block; width:220px; height:43px; background: url("../images/audiencelinks.png") no-repeat 0 0; text-indent:-9999em; overflow:hidden;}
#audienceNav ul li#undergrads a {background-position: 0px -43px; }
#audienceNav ul li#undergrads a:hover {background-position: -220px -43px;}
#audienceNav ul li#grads a {background-position: 0px -86px; }
#audienceNav ul li#grads a:hover {background-position: -220px -86px;}
#audienceNav ul li#distance a {background-position: 0 -129px;}
#audienceNav ul li#distance a:hover {background-position: -220px -129px;}
#audienceNav ul li#academy a {background-position: 0 -174px;}
#audienceNav ul li#academy a:hover {background-position: -220px -174px;}
#audienceNav ul li#alumni a {background-position: 0 -217px;}
#audienceNav ul li#alumni a:hover {background-position: -220px -217px;}
#audienceNav ul li#apply a {background-position: 0px -262px;}
#audienceNav ul li#apply a:hover {background-position: -220px -262px;}

/* --- featured content --- */
#features {width:910px; margin:0px auto;}
#featuresMain {float:left; width:882px; height:353px; margin-top:-10px; background:url("../images/slidesbg.png") no-repeat;}
#slides img {border:none;} 
#slides {width:625px; height:315px; overflow:hidden; margin-left:20px; margin-top:17px;}
#slidesNav {position:relative; z-index:100; width:545px; margin-top:-15px; margin-left:18px; text-align:center;}
#slidesNav ul{list-style:none;   }
#slidesNav ul li {display:inline;}
#slidesNav li a {display:inline-block; background:transparent url("../images/slidesnav.png") no-repeat 0 0; width:15px; height:15px; margin:0 5px;}
#slidesNav li a span {display:inline-block;  text-indent:-9999em; overflow:hidden;}
#slidesNav a.activeSlide {background-position:0 -15px;}
#audienceNav {float:right; width:282px; height:369px; margin-top:-369px; background:url("../images/audiencebg.png") no-repeat;}

/* --- northwest logo --- */
#hlogo {position:relative; margin-left:-15px !important; z-index:20;}

/* --- sub content --- */
#featuresSub {width:910px; margin-left:40px;}
#featuresNews {float:left; width:295px; margin-right:25px;}
#featuresEvents {float:left; width:265px; margin-right:25px;}
#featuresExtra {float:left;  width:295px;}

#featuresNews table {width:295px; font-size:0.85em; margin-bottom:15px;}
#featuresEvents table {width:250px; font-size:0.85em; margin-bottom:15px;}
#featuresSub td {vertical-align:top;}
#featuresSub td.dropshadow {background: url("../images/newsdrop.png") no-repeat; width:125px; height:100px; padding:2px 0px 0px 7px; }
#featuresSub td.title {padding-bottom:4px;}
#featuresSub td.title a, #featuresSub td.title {font-size:1.15em; color:#024930; font-weight:normal;}

#featuresEvents h2 img {margin-top:-4px; border:none; vertical-align:middle;}
#featuresSub h2 {font-size:1.5em; font-weight:normal; color:#024930; margin-bottom:15px;}
#featuresSub a {color:#024930; text-decoration:none;}
#featuresSub a:hover {text-decoration:underline;}
#featuresSub p {font-size:0.85em;}
#featuresSub p a {font-size:1.2em; font-weight:bold;}
#featuresSub img {border:none;}

#calendar p.month {float:left; width:35px; font-size:1.3em; color:#9C987F; margin:-1px 6px -3px 0px; text-align:center; text-transform:uppercase;}
#calendar p.day {float:left; width:35px; clear:both; font-size:2.15em; color:#024930; margin:0px 6px -45px 0px; padding-bottom:40px; text-align:center;}
#calendar td.title {padding-bottom:4px;}
#calendar td.title a, #calendar td.title {width:200px; font-size:1.15em; color:#024930; font-weight:normal;}
#featuresExtra ul.social {list-style:none; margin-left:-8px;}
#featuresExtra ul.social li {display:inline; margin-left:10px;}
#featuresExtra p.social-dir {margin-top:5px;}


#promoMain {width:287px; height:213px; margin:15px 0 15px -4px; background:url("../images/promobg.png") no-repeat;}
#promos {width:286px; height:190px; overflow:hidden;}
#promos p {margin: 2px 0 0 7px;}
#promoNav {position:relative; z-index:100; width:287px; margin-top:2px; text-align:center;}
#promoNav ul{list-style:none;   }
#promoNav ul li {display:inline;}
#promoNav li a {display:inline-block; background:transparent url("../images/slidesnav.png") no-repeat 0 0; width:15px; height:15px; margin:0 5px;}
#promoNav li a span {display:inline-block; text-indent:-9999em; overflow:hidden;}
#promoNav a.activeSlide {background-position:0 -15px;}
#facts {margin-bottom:15px;}
#facts p {font-size:1.4em !important; color:#024930; font-weight:bold;}
#facts .big {font-size:1.5em; color:#024930; font-weight:bold;}

/* --- video content --- */
#video {width:293px; height:226px; margin:20px 0 15px -4px; background:url("../images/videobg.png") no-repeat;}
#video h2 { text-indent:-9999em; overflow:hidden;}

.video-player {position:relative; top:5px; left:18px; width:260px;}
#ytplayer0{outline:none;}
.video-controls {background:url("../images/video-bar.png") repeat-x; height:18px; margin:0; position:relative; width:260px;}
.status {height:10px; left:30px; position:absolute; top:1px; width:150px;}
.bar {background:#B6B6B6; height:5px; position:relative; top:5px;}
.loaded {background:#858585; height:5px; left:0; position:absolute; top:0;}
.indicator {background:#fff; display:block; height:5px; left:0; position:absolute; top:0; width:15px;}
.play-pause, .volume {background:url("../images/video-controls.png") no-repeat; display:block; height:11px; overflow:hidden; position:absolute; text-indent:-9999px; top:4px; width:14px; outline:none;}
.play-pause {left:5px;}
.playing {background-position:0 -11px;}
.volume {background-position:0 -22px; right:42px; outline:none;}
.muted {background-position:0 -33px;}
.view-youtube {color:#000; display:block; float:right; font-size:9px; padding:3px 5px 0 0; text-decoration:none; text-transform:uppercase; outline:none;}

/* IE6 Hack */
#ie6 p, #ie6 h2 {margin-bottom:10px;}
#ie6 .right {float:right; margin-left:20px; border:1px solid #534e2b;}
#ie6 {height:360px; margin:10px; padding:10px; background-color:#ffffff; border:1px dashed #534E2B;}

* html #featuresSub h3 {margin-top:-15px;}
* html #fwrapper {margin-top:-100px;}
* html #fwrapper ul.copyright {padding-top:75px;}
* html #hlogo {background:url("../images/nwlogo.gif") no-repeat;}
* html #topline {top:30px;}
* html #line {top:440px;}
* html #building {display:none;}
* html #siteNav ul li h2 a {display:block;}
* html li#admissions, * html li#academics, * html li#campuslife, * html li#resources, * html li#athletics, * html li#giving, * html li#connect {margin-left:-40px;}

* html #search {margin-left:-10px;}

/* Safari 3 Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
	.searchText {padding-top:18px;}
}

/* --- footer content --- */
#fwrapper ul.copyright {margin-top:40px;}