@charset "UTF-8";
/* CSS Document */

/* Overrides */
body  {
	margin: 0 0 64px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in older IE browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	font-variant: normal;
	background-color: #000000;
	background-image: url(https://www.smith.edu/images/media/black-background.png);
	background-repeat: no-repeat;
	background-position: center 5px;
}


/*-- Layout --*/
#content {
	background-color:#303030; 
	width:760px;
}

#mainContent {
	width:760px; 
	background-color:#303030;
	position:relative;
	padding-top:112px;
}

#logo {
	position:absolute; 
	z-index:9;
}

#topnav {
	position:absolute; 
	width:423px; 
	margin:0;
	z-index:9;
}

#header {
	position:absolute; 
	padding: 0; 
	margin:80px 0 0 30px;
	font-size:.9em;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	width:720px;
	z-index:10;
}


.videoHeader {
	margin-bottom:15px;
}

.videoTitle {
	margin-left:30px
}

.videoMore {
	margin-left:395px
}


/* End Layout */

/* Left Side */
#left {
	background-image:url(https://www.smith.edu/images/media/grey-dots.gif); 
	background-position:top right; 
	background-repeat:repeat-y;
	background-color:#303030; 
	width:530px; 
	margin: 0 0 0 30px;
	padding: 0;	
	font-weight:normal;
	float:left;
	clear:both;
	display: inline;
}

#left .description {
	margin: 25px 0 0 0; 
	width:480px;
}


#left h2 {
	margin-bottom:10px;
	color:#ccc;
	font-size:1.8em;
}
#left p {
	color:#ccc;
	font-size:1em;
	font-weight:normal;
	line-height:1.4em;
}

#left p a:link {
	text-decoration:none;
	color:#ccc;
}

#left p a:visited {
	text-decoration:none;
	color:#ccc;
}

#left p a:hover {
	text-decoration:underline;
	color:#ccc;
}

#left p a:active {
	text-decoration:none;
	color:#ccc;
}
	
#left .main-video {
	margin:0;
	padding:0;
	border:none;
}



/* Right Side */
#right {
	float:left; 
	width:170px; 
	padding: 0 0 16px 0;
	margin: 0 30px 0 0;
	display: inline;
}

#right .video {
	padding:0;
	margin:0;
	border:0;
}

#right .title {
	margin: 10px 0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	color:#666666;
	font-weight:bold;

}

#right a:link {
	text-decoration:none;
}

#right a:visited {
	text-decoration:none;
}

#right a:hover {
	text-decoration:underline;
}

#right a:active {
	text-decoration:none;
}



 
#footer {
	position:relative; 
	clear:both;
	padding-top:35px;
}

/* Right Tabs */
#rightTabs {
	position:absolute; 
	left:760px;	
}

#rightTabs ul {
	list-style-type:none; 
	display:block; 
	margin:0; 
	padding:0;
}

#rightTabs li {
	list-style-type:none; 
	margin:0 0 2px 0; 
	padding:0;
}