/* -----------------------------------------
Stylesheet for UMass Theater Department - www.umass.edu/theater/
Author: cdeVision.com
Copyright: (c)2008 cdeVision
Created: 7 June 2008
Amended: (note date and by whom and any notes)
-------------------------------------------- */

body {background-color:#000; background-repeat:no-repeat; background-position:0 35px; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#fff; position:relative;}
/* page/section backgrounds are set inline */
body#home {}
	body#home #footerwrap {position:absolute; top:710px; left:0;}

h1, h2, h3, h4 {padding:0; margin:0;} 
/* page titles - interior */
h1 {width:500px; height:65px;} 
h1 span {display:none;}
	h1.about {background:url(images/h1-about.png) no-repeat;}
	h1.degreeprograms {background:url(images/h1-degreeprograms.png) no-repeat;}
	h1.season {background:url(images/h1-season.png) no-repeat;}
	h1.alumniandfriends {background:url(images/h1-alumniandfriends.png) no-repeat;}
	h1.donate {background:url(images/h1-donate.png) no-repeat;}
	h1.contactus {background:url(images/h1-contactus.png) no-repeat;}
/* sub-titles - light-purple with underlines */
h2 {color:#74607B; font:normal 18px/20px arial,sans-serif; border-bottom:1px solid #D5CFD7; padding-bottom:3px; padding-top:20px; margin-bottom:5px;} 
h3 {color:#74607B; font:normal 16px/20px arial,sans-serif; padding-bottom:3px; padding-top:20px;} 
h4 {color:#74607B; font:normal 14px/18px arial,sans-serif; padding-bottom:3px; padding-top:20px;}
h5 {color:#74607B; font:normal 12px/16px arial,sans-serif; font-weight:bold; padding-bottom:3px; padding-top:20px; margin:0;} 

/* use this to kill top padding on any element */
.top {padding-top:0 !important;}

p {margin:0; padding:0 0 12px 0; line-height:20px;}
ul, ol {margin:0 0 0 25px; padding:0 0 12px 0;}
li {line-height:15px; padding:0 0 2px 0;}

img {border:0;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* bottom margin set on UMass banner div to compensate for IE top-margin bug (rather than setting the top margin on #intro  */
div#topbanner {margin-bottom:165px;}

/* fix PNG transparency in IE6- */
h1, #subnav h2, #homebox h2 {behavior:url(scripts/iepngfix.htc);}
#header, #logo, #quote, #intro {behavior:url(scripts/iepngfix.htc);} 
#homebox {behavior:url(scripts/iepngfix.htc);}

/* ---- links ----------------------------------------- */
a {color:#881111; text-decoration:none;}  
a:visited {color:#881111;}
a:hover {color:#999; text-decoration:none;}
a:active {color:#881111;}
a:active, a:focus {outline:none;}
/* links with icons */
a.arrowred {font:normal 11px verdana,sans-serif; padding-right:12px; background:url(images/icon-arrow-red.gif) 100% 3px no-repeat;}
a.arrowred:hover {background:url(images/icon-arrow-grey.gif) 100% 3px no-repeat;}
a.arrowwhite {font:normal 11px verdana,sans-serif; padding-right:12px; background:url(images/icon-arrow-white.gif) 100% 3px no-repeat;}
a.arrowwhite:hover {background:url(images/icon-arrow-grey.gif) 100% 3px no-repeat;}


/* ---- ids & classes ----------------------------------------- */

/* Header styles */
#header {width:100%; height:100px; color:#fff; background:transparent url(images/bg-header.png) no-repeat; position:absolute; top:35px; left:0;}
#logo {position:absolute; top:80px; left:20px; width:330px; height:45px; background:url(images/logo.png) no-repeat;}
#logo span {display:none;}
#logo a {display:block; width:330px; height:45px;}
#navmenu {position:absolute; left:355px; top:105px; z-index:100;}
	#menuwrapper {margin:0; padding:0; list-style:none; min-width:680px; z-index:50;}
	/* Drop-down menus: see p7exp.css for menuwrapper styles */


/* Home page styles  */
#quote {position:absolute; top:675px; left:0; background:url(images/quote.png) no-repeat; padding:0 0 20px 25px; margin-left:25px;}
	#quote p {padding:0; color:#999;}
#homeboxwrap {position:absolute; top:200px; left:560px; width:420px;}
#homebox {padding-bottom:10px; width:420px; background:url(images/bg-homebox.png) no-repeat; z-index:50;}
	#homebox h2 {padding:0; margin:0; border:0;}
	#homebox h2 span {display:none;}
	#homebox p {font-size:12px; line-height:22px; padding:8px 12px 8px 12px;}
	#homebox span.date {font-size:13px;}
	#homebox span.title {font-size:16px;}
	#homebox img {display:block; margin:0;}
	#homebox .hrule {height:1px; background:#333; margin:5px auto; width:180px;}
	#featuring {float:left; width:210px;}
		#featuring h2 {background:#74607B url(images/h2-featuring.png) no-repeat; width:210px; height:40px;}
	#more {float:left; width:210px;}
		#more h2 {background:#972828 url(images/h2-more.png) no-repeat; width:210px; height:40px;}
	
	
/* Interior page styles */
#intro {width:810px; margin:165px 0 0 150px; background:url(images/bg-intro.png) no-repeat; padding:10px 15px 10px 15px;}
	#intro h2 {color:#F0DBC1; font:normal 20px/24px arial,sans-serif; padding:0 0 6px 0; margin:0; border:0;}
	#intro p {font-size:14px; line-height:22px; padding:0; color:#fff; width:810px;}
#content {width:840px; margin:0 0 30px 150px; background:#fff url(images/bg-content.png) 100% 0 repeat-y; color:#333;}
	/* main content area */
	#main {width:586px; padding:25px 22px 15px 22px; float:left; background:#fff;}
		/* flashwrap1 holds video/slideshow and title box */
		.flashwrap1 {width:586px; margin-bottom:12px; z-index:20;}
		.flashwrap1 img {display:block;}
		/* flashwrap2 holds video/slideshow with thumbnails */
		.flashwrap2 {width:586px; z-index:20;}
		.flashwrap2 img {display:block;}
		.captioncontent {margin-bottom:12px; padding:6px 15px; background:#F0DBC1; text-align:center;}
			.captioncontent p {font-size:11px; padding:0;}
	/* sidebar */
	#sidebar {width:210px; float:left; color:#fff; padding-bottom:15px;}
		#subnav {background:#972828; color:#fff; padding:10px 10px 10px 10px;}
			#subnav h2 {background:#972828; border:0; height:30px; padding:0;}
			#subnav h2 span {display:none;}
			#subnav h2.about {background:url(images/h2-about.png) no-repeat;}
			#subnav h2.degreeprograms {background:url(images/h2-degreeprograms.png) no-repeat;}
			#subnav h2.season {background:url(images/h2-season.png) no-repeat;}
			#subnav h2.alumniandfriends {background:url(images/h2-alumniandfriends.png) no-repeat;}
			#subnav h2.donate {background:url(images/h2-donate.png) no-repeat;}
			#subnav h2.contactus {background:url(images/h2-contactus.png) no-repeat;}
			#subnav ul {list-style:none; margin:10px 0 0 0 !important; padding:0;}
			#subnav li {display:block; padding:0; margin:0; height:30px; line-height:30px;}
			#subnav a {display:block; height:30px; line-height:30px; color:#fff; font:normal 11px/30px verdana,sans-serif; padding:0 5px; border-top:1px solid #CB9494; text-decoration:none !important;}
			#subnav a.on {background:#7C2121;}
			#subnav a.last {border-bottom:1px solid #CB9494;}
			#subnav a:hover {background:#7C2121; color:#fff !important;}
		#sidebar img {display:block; margin:0;}
		#sidebar .pad {padding:12px 15px 5px 15px;}
		#sidebar ul {margin:0 0 0 15px; padding:0;}
		#sidebar h3 {color:#fff; font:normal 14px arial,sans-serif; padding:0 0 3px 0; margin:0 0 8px 0; border-bottom:1px solid #908095;}
		#sidebar p {line-height:17px; padding:0 0 12px 0;}
		.captionsidebar {background:#F0DBC1; color:#333; padding:6px 15px;}
			.captionsidebar p {font-size:11px; padding:0 !important;}
		#sidebar a {color:#fff; text-decoration:underline;}
		#sidebar a:hover {text-decoration:none; color:#ccc;}
		

/* Footer - note that home page footer is absolutely positioned */
#footerwrap {width:100%; }
	#footer {background:#1a1a1a; font:normal 11px verdana,sans-serif; padding:15px 0 20px 25px;}
		#footer h3 {color:#666; font:normal 14px arial,sans-serif; margin:0; padding:0 0 5px 0;}
		#footer p {margin-right:100px; padding:0;}
		#footer a {color:#881111; text-decoration:none;}
		#footer a:hover {color:#ccc;}
		#address {float:left;}
		#contactinfo {float:left;}
	#umfooter {background:#000; font:normal 11px verdana,sans-serif; padding:20px 0 20px 25px;}
		#umfooter p {padding:6px 0 6px 0px; line-height:20px; float:left;}
		#umfooter a {color:#881111; text-decoration:none;}
		#umfooter a:hover {color:#ccc;}
		#umfooter img {margin-left:30px;}