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

/*-- Layout --*/

#mainContent {
	position: relative;
	width: 368px;
	display: inline;
	margin-left: 213px;
	margin-top: -3px;
	float: left;
	margin-bottom:30px;
} 

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

#iamsmith {
	position:absolute; 
	left:277px;
	z-index:9;
}

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

#left {
	float:left;
	width:228px;
	height:331px;
	background-color: #000000;
	background-image: url(http://www.smith.edu/images/index/tourbox-mockup.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#left #multimedia {
	background-color:#000000;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#left .leftTabs{
	padding-bottom:1px; 
	background-color:#fffecd;
}
	

#center {
	float:left;
	width:380px;
	height:331px;
	background-color:#f4ea66;
}

#news {
	background-color:#f4ea66;
	vertical-align:top;
}

.text {
	padding-top: 13px;
	color:#000000;
	vertical-align:top;
}

.newsitem img {
	border:0;
	width:96px;
	height:54px;
}

#newsbox {
	padding:0;
	clear:both;
	display:block;
}

#newsbox .image {
	float:left; 
	padding: 0 12px;
	margin: 14px 0 0 0;
}

	
#newsbox .text {
	padding:14px 12px 0 0;
	font-size:1.01em;
	margin: 0;
	line-height:1.2em;
	color:#333300;

}
#newsbox .text a:link {
	text-decoration:none;
	
}

#newsbox .text a:visited {
	text-decoration:none;
}

#newsbox .text a:hover {
	text-decoration:none;
	color:#666600;


}

#newsbox .text a:active {
	text-decoration:none;
}


	
/*

#newsbox .text a:link {
	text-decoration:none;
	
}

#newsbox .text a:visited {
	text-decoration:none;
}

#newsbox .text a:hover {
	text-decoration:none;
	border-color:#333300;
	border-style:dotted;
	border-width:0 0 1px;


}

#newsbox .text a:active {
	text-decoration:none;
}

*/

/*-- end center column --*/


/*-- right column --*/

#right {
	float:left;
	width:152px;
	height:331px;
	background-color:#ffcc5f;
}

#twitter {
	background-color:#ffcc5f;
	overflow: hidden;
	margin:0;
	padding:12px 6px 0 17px;
	height:160px;
	width:120px
	}

#twscroll {
	width: 120px;
	height: 160px;
	border: none;
	background-color: #ffcc5f;
	font-size:.97em;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin:0;
	padding:0;
	color:#664b2a;
}

#twscroll .twscroll_class {
	font-size:.97em;
}

#twscroll a {
	color:#024f6c;
	text-decoration:none;
}

#twscroll a:hover {
	color:#667d70;
	text-decoration:none;
}


/*-- end right column --*/


/*-- footer --*/

#footer {
	margin:0; 
	padding:0; 
	position:absolute; 
	top:738px; 
	left:0;
}


/*-- tour, gate, icons nav --*/
#bottomNav {
	font-size:.9em;
	color:#afbcbf;
	padding: 26px 0 0 30px;
	background-color:#024f6c;
	margin:0;
}



#tour {
	float:left;
	width:228px;
	height:27px;
	background-image:url(../images/index/bgtour.gif);
	top:800px;
}

#gate {
	float:left;
	width:380px;
	height:27px;
	background-color:#f4ea66;
	
}

#icons {
	float:left;
	width:152px;
	height:27px;
	background-color:#ffcc5f;	
}


/*-- bottom nav --*/

#bottomNavLeft {
	float:left;
	width:500px;
	padding:0;
	margin:0;
}

#bottomNavRight {
	float:left;
	width:200px;
	background-color:#024f6c;
	padding:0;
	margin:0;
	text-align:right;
}
#bottomNavLeft a {
	border-color:#afbcbf;
	border-style:dotted;
	border-width:0 0 1px;
	color:#afbcbf;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-decoration:none;
}

#bottomNavLeft a:hover {
	border-color:#afbcbf;
	border-style:dotted;
	border-width:0 0 1px;
	color:#c4d3dd;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.menucolor {
	color:#024f6c;
}