@charset "utf-8";
/* CSS Document */

#wrapper {
	width: 840px;
	padding: 0;
	margin-top: 7px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	clear:both;
	background-color:#fff;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;

	}
#titlebar {
	margin:0;
	padding:0;
	height:65px;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #fff;
	text-align:left;
}

#content {
	margin: 0;
	padding:0;
	border:none;
	position:relative;
	width:840px;
	height:530px;
	overflow:visible;
	}
/* height set for IE 6 and below */
*html #content {
	height:530px;
}
/* end */	

#footer { 
	padding: 10px 10px 0 20px; 
	background:#fff;
	border-top:5px solid #CCCCCC;
	text-align:left;
	position:relative;
	width:810px;
	margin:0;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer .copy {
	position:absolute;
	left:200px;
top:10px;
}
#forprint {
	position:relative;
	margin-left:-1000px;
	width:300px;
	display:none;
}

/*---------------------------------*/
#navcontainer {
        margin: 0;
        width: 190px;
        \width: 190px;
        w\idth: 190px;
        min-height:371px;
        max-height:1000px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 40px 5px 0 0;
        font-size:85%;
        text-align:right;
        color:#fff;
        background-color:#722B4D;
        line-height:1.8em;
        }  
 /* height set for IE 6 and below */
*html #navcontainer {
        height:371px;
        padding: 40px 0 0 0;
    }
    /* end */
    
#navset {
    float:left;
    width:358px;
    }
#navcontainer ul 
    {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    font-family: verdana, arial, sans-serif; 
    font-size: 1em;
    }
#navcontainer li {
        margin: 0;
        font-weight: normal;
    } 
#navcontainer li a  {
    display: block; 
    color: #fff; 
    width: 180px; 
    padding: 2px 10px 2px 5px; 
    text-decoration: none; 
    border-bottom:none; 
    border-top: none; 
    border-left: none; 
    }
    
#navcontainer a:hover 
    {
    background-color:#B7806A; 
    color: #fff; 
    padding: 2px 10px 2px 5px; 
    margin:0;
    }
#navcontainer a.current 
    {
    background-color:#A76952; 
    color: #fff; 
    padding: 2px 10px 2px 5px; 
    margin:0;
    }
 
#maincontent { 
    line-height:1.3em;
	overflow:hidden;
    float:left;
    width:481px;
    height:530px;
    }
#contentpadding {
	height:411px;
}
#subnav {
        position:absolute;
        left:195px;
        top:0;
        width:160px;      
    }
	#nav-sub {

		margin: 0;
		width: 160px;
		\width: 160px;
		w\idth: 160px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		font-size:85%;
		min-height:371px;
		max-height:1000px;
		padding: 40px 5px 0 0;
		line-height:1.5em;

	}  
	/* height set for IE 6 and below */
	*html #nav-sub {
		height:371px;
	}
	/* end */
	#nav-sub ul 

	{
	margin: 0 0 0 5px; 
	padding: 0; 
	list-style-type: none; 
	font-size: 1em;
	}

	#nav-sub li {
	margin: 0 ;
	font-weight: normal;
	padding:0;
	display: block; 
	
	} 
	#nav-sub a 
	{
	display: block; 
	color: #000; 
	padding: 3px 5px 3px 8px; 
	text-decoration: none; 
	border: none; 
	margin:0;
	width:147px;
	}

	#nav-sub ul ul 
	{
	margin: 5px 0 0 0; 
	list-style-type: none; 
	}

	#nav-sub ul ul li a
	{
		padding: 3px 5px 3px 15px;
		display: block;
		color: #000000;
		border: none;
		text-decoration: none;
		width:140px;
	}

	
#nav-sub a.collapse
	{
	display: block; 
	color: #000; 
	padding: 3px 5px 3px 8px; 
	text-decoration: none; 
	border: none; 
	margin:0;
	width:147px;
	background-image:url(/images/common/menu-collapsed.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
#nav-sub a.childcollapse
	{
		padding: 3px 5px 3px 15px;
		display: block;
		color: #000000;
		border: none;
		text-decoration: none;
		width:140px;
	background-image:url(/images/common/menu-childcollapsed.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
#nav-sub a.expand
	{
	display: block; 
	color: #000; 
	padding: 3px 5px 3px 10px; 
	text-decoration: none; 
	border: none; 
	margin:0;
	width:147px;
	background-image:url(/images/common/menu-expanded.gif);
	background-position:left;
	background-repeat:no-repeat;
	}

.spotlight {
width:300px;
font-size:80%;
border:1px solid #E1E1E1;
line-height:1.2em;
float:right;
margin:416px 4px 5px 5px;
}
.spotlight img {
padding-right:3px;
}
.spotlight h1 {
text-transform:uppercase;
margin:0;
padding-bottom:2px;
line-height:1em;
font-size:.9em;
color:#333333;

}
.spotlight p {
margin:0;
padding:0;
color:#333333;

}


.spotlight_full {
    width:420px;
    font-size:90%;
    border:1px solid #E1E1E1;
    line-height:1.3em;
    margin:10px 5px 0 0;
    }
.spotlight_full img {
    padding-right:3px;
    }
.spotlight_full h1 {
    text-transform:uppercase;
    margin:0;
    padding-bottom:2px;
    line-height:1em;
    font-size:.9em;
    }
.spotlight_full p {
    margin:0;
    padding:0;
	text-align:left;
    }
.spotlight_full p.play {
    margin:0;
    padding:0;
    text-align:right;
    }
.participate {
margin:15px;
width:330px;
height:360px;
padding:10px;
background-color:#FFF;
}

.participate h1 {
text-transform:none;
font-size:1em;
}
 
.faculty {
    width:430px;
    font-size:95%;
    border:1px solid #E1E1E1;
    line-height:1.3em;
    margin:5px 5px 0 0;
	padding: 3px;
    }

.faculty img {
	float:left;
	padding:3px 7px 3px 3px;
    }
.faculty h1 {
    text-transform:uppercase;
    margin:0;
    padding-bottom:2px;
    line-height:1em;
    font-size:.9em;
    }
.faculty p {
	float: right;
	width:310px;
    margin:0;
    padding:0;
    }
    
.style7 {font-size: 10px}


@media print {
#wrapper { border:none;}
#titlebar { border:none;}
#content { display:inline;}
#navset { display:none;}
#maincontent {
	display:none;
		}
#forprint {
	margin-left:20px;
	width:80%;
	display:block;
}
#footer .copy {
	position:relative;
	left:20px;
	top:0;
}
.notforprint {
	display:none;
}


}
