body {
	background:				#444 url(../images/t4/sidebar-repeat.png) repeat-y;
	margin:					0;
	padding:				0;
	width:					100%;
	height:					100%;
}

a, a:hover, a:visited, a:link{
	color:					#0033FF;
	text-decoration:		none;
}

a:hover{
	text-decoration:		underline;
}

#template{
	width:					1024px;
}

#sidebar {
	width:					190px;
	float:					left;
	padding:				10px 5px 10px 10px;
}

#sidebar-links, #sidebar-links ul{
	margin:					0;
	padding:				0;
	list-style:				none;
}

#ie6 #sidebar-links li{
	float:left;
	clear:left;
	width:180px;
}

#sidebar-links{
	padding-left:			5px;	
}

#sidebar-links li {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	margin:					0;
}

#sidebar-links li a{
	color:					#888;
	text-decoration:		none;
	letter-spacing:			2px;
	display:				block;
	border-bottom:			1px solid #AAA;
	padding-left:			5px;
}

#sidebar-links li li{
	text-transform:			none;
	font-size:				11px;
}

#sidebar-links li li a{
	color:					#CCC;
	text-decoration:		none;
	letter-spacing:			1px;
	border-bottom:			1px solid #444;
	padding:				5px 10px 5px 10px;
}


#sidebar-links li li a:hover{
	background:				#333;
}

#sidebar-links li li a.no-border{
	border:					0;
}

#flash-side{
	height:					130px;
	padding:				0px 0px 15px 5px;
}

#site-title{
	display:				block;
	color:					#AAA;
	text-align:				center;
	font-size:				13px;
	letter-spacing:			1px;
}

#site-title:hover{
	color:					#DDD;
}

#body{
	float:					left;
	margin-left:			15px;
	width:					779px;
}

#ie6 #body{margin-left: 5px;}

#contact-info{
	background:				#000077;
	color:					#EEE;	
	padding:				5px 5px 5px 15px;
	text-transform:			uppercase;
	font-family:			"Times New Roman",Times,serif;
	font-size:				14px;
	border-bottom:			1px solid #000;
}

#banner{
	background:				url(../images/banner.png) no-repeat;
	height:					140px;
	border-bottom:			1px solid #999;
}

#portals{
	margin:					0;
	padding:				0 10px 0 10px;
	list-style:				none;
	border-bottom:			1px solid #DDD;
	display:				block;
	height:					20px;
	background:				#EEE;
}

#portals li{
	float:					right;
	width:					125px;
}

#portals li.home{
	float:					left;
}

#portals li a{
	color:					#0000CC;
	text-decoration:		none;
	font-family:			Georgia;
	font-size:				13px;
	line-height:			20px;
	padding:				2px 5px 2px 5px;
}

#portals li a:hover{
	color:					#000;
}

#featured{
	float:					right;
	width:					240px;
	padding:				2px 5px 2px 5px;
}

#icons{
	margin:					0;
	padding:				0;
	list-style:				none;
	color:					#444;
	font-size:				10px;
	font-family:			Georgia;
}

#icons li{
	margin:					5px;
	border-bottom:			1px solid #CCC;
	clear:					left;
	height:					55px;
}

#icons img{
	height:					40px;
	width:					40px;
	background:				#FFF;
	padding:				4px;
	border:					1px solid #CCC;
	float:					left;
	margin-right:			5px;
}

#icons li strong{
	display:				block;
	color:					#0000CC;
}

#icons a:hover strong{
	text-decoration:		underline;
}

#icons a:hover img{
	border:					1px solid #888;
}

#icons a{
	color:					#000;
}

#main{
	width:					516px;
	padding-left:           8px;
	padding-right:          5px;
	color:					#444;
}

#ie6 #main{
	width:					512px;
}

#ie6 #main, #ie7 #main{
	padding-top:            5px;
}


#main.news{
	padding-bottom:         5px;
	font-size:				12px;
	font:					"Times New Roman", Times, serif;
}

#main.news img.avatar{
	float:					left;
	padding:                3px;
	border:					1px solid #CCC;
	margin:					3px;
	margin-right:			10px;
}

#main.news a:hover img.avatar{
	border:					1px solid #888;
}

#main.news h2{
	color:					#222;
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-size:				14px;
	color:					#0000CC;
}

#main.news div.details{
	margin-top:				10px;
	color:					#000;
	font-size:				14px;
	display:				block;
	padding:                2px;
	background:				#F9F9F9;
	border-bottom:			1px solid #CCC;
}

#main.news div.details a{
	color:					#000099;
	text-decoration:		none;
	font-weight:			bold;
}

#main.news li{
	display:				block;
}

#main h1{
	margin: 0; padding: 0; font-size: 16px; border-bottom: 1px solid #CCC;
	padding: 3px; margin-bottom: 10px; color: #0000BB;
}

#main.events form{
	text-align: center;
	display:	block;
	background:	#FCFCFC;
	padding:    2px;
	border:		1px solid #EEE;
}

#calendar span{
	float:		left;
	width:		99px;
	margin:		2px;
	background:	#FCFCFC;
}

#calendar span h3{
    margin: 0; padding: 0;
	float:		left;
	padding:    5px;
	color:		#333;
}

#calendar span.clear{
	clear:		left;
	display:	block;
	height:		5px;
	float:		none;
	width:		500px;
}

#alma-matter{
	float:      left;
	width:		260px;
	height:		200px;
	padding:    10px;
	margin:		5px;
	font-size:	11px;
	text-align:	center;
}

#alma-matter img{
	cursor:		pointer;
}

#main.bell-schedule div{
	float:		left;
	width:		170px;
	height:		300px;
	display:	inline-table;
}

#main.bell-schedule div strong{
	text-decoration: underline;
}

#main.bell-schedule table{
	font-size:	12px;
	color:		#000;
}

#main.bell-schedule th{
	font-weight:bold;
	text-align:	left;
}

#guidance-staff{
	display:		block;
}

#ibprogram-main{
	font-size:		13px;
	
}

#guidance-staff div{
	float:			left;
	width:			120px;
	height:			175px;
	margin:			20px;
	padding:		4px;
	border:			1px solid #999;
	background:		#F9F9F9;
	text-align:		center;
	font-size:		12px;
}

#guidance-staff span{clear: left; padding: 5px; color: #444; display: block;}

#guidance-staff div img, #guidance-staff div em{
	display:		block;
	font-size:		12px;
	font-style:		normal;
	font-family:	Arial;
}

#sticky{
	background:				url(../images/sticky.png);
	background-image:		url(../images/sticky.png);
	background-repeat:		repeat-x;
}