/* CSS Document */
@import url(eng_header.css);
@import url(eng_acad_mainpage_nav_bar.css);
@import url(eng_content.css);
@import url(eng_footer.css);

#header .headerRightsmall
{
	float: right;
	margin:0;
	padding:0;
}
#NavLrgImgWrapper
{
	background-color: #03244D;
	width: 975px;
	clear: both;
}

/*	************************************************************************************************ */
#LrgImgContainer
{
	width: 750px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #DD550C;
	min-height: 325px;
	height: 100%;/**/
}
#LrgImgContainer img
{
	vertical-align: baseline;
	z-index: 200;
}
/*	=============================================================================================== */

/*	=============================================================================================== */

#NavLrgImgWrapper .orangeDecorBar
{
	background-color: #F9903F;
	height: 2px;
	font-size: 1px;
	width: 975px;
	clear: left;
}
#NavLrgImgWrapper .orangeDecorBar2
{
	background-color: #DD550C;
	border-top: 2px solid #F9903F;
	height: 12px;
	font-size: 1px;
	width: 975px;
	float: left;
}

#NavLrgImgWrapper .contentContainer
{
	width: 750px;
	float: right;
	background-color: #FFFFFF;
}


/*	=============================================================================================== */

/* 	===============================================================================================
		This section of styling elements is associated with the area directly below the navigation
		bar and main image (aka. Middle).  The section is divided into three areas the Orange
		Decoration Bar, the left news image (aka. Bottom_left) and the main content area (aka.
		Bottom_right).  The area labeled Bottom_right is a container for the three content areas
		News, Icons and Calendar.  		
	===============================================================================================  */
#Bottom
{
	width: 975px;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	clear: both;
	min-height: 420px;
	height: 100%;
}
#Bottom #ContentWrapper
{
	width: 975px;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	clear: both;
	min-height: 420px;
	height: 100%;
}
#LeftContentWrapper
{
	width: 445px;
	min-height: 425px;
	height: 100%;
	float: left;
	margin: 15px 0px 0px 0px;
	text-align: left;
	/*border-right: 1px solid #CCCCCC;*/
	overflow: hidden;
}
.moreLink
{
	float: right;
	width: 100px;
	
}
.moreLink a
{
	width: 188px;
	text-align: left;
	font-size: 75%;
	color: #1C5CA3;
	font-weight: bold;
	margin: 0px 0px 3px 0px;

}

#SpotlightContainer
{
	clear: both;
	width: 445px;
	height: 100%;
	overflow: hidden;
	margin: 0px 0px 15px 15px;
	background-color: transparent;
	background-image:url(../images/global/sectionBodyGradient.jpg);
	background-position: top left;
	background-repeat: no-repeat;/**/
}
#SpotlightContainer .heading
{
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	width: 438px;
	font-size: 95%;
	color: #FFFFFF;
	text-decoration: none;
	/*background-color: transparent;
	background-image:url(../images/global/sectionHeadingGradient.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/
}
/*#SpotlightContainer p
{
	width: 350px;
	padding: 10px 0px 5px 10px;
	font-size: 70%;
	overflow: visible;
	width: 405px;
	
}*/

#spotlight-description
{
	float: left;
	width: 240px;
	/*min-height: 135px;*/
	height: 100%;
	margin: 10px 0px 0px 5px;
	padding: 0px;
}

#spotlight-description h3.title
{
	width: 230px;
	font-size: 80%;
	font-weight: normal;
	color: #DD550C;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#spotlight-description p
{
	color: #000000;
	width: 230px;
	font-size: 65%;
	margin: 5px 0px 5px 10px;
}
#SpotlightContainer #readmoreButton
{
	float: left;
	width: 130px;
	margin: 5px 0px 0px 15px;
	padding: 2px 8px 3px 0px;
	
}
#SpotlightContainer #readmoreButton a
{
	text-decoration:none;
	background-color: transparent;
	background-image:url(../images/global/orange-feature-button.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	height: 30px;
	padding:2px 8px 3px 8px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 70%;
}

#spotlight-description a:hover
{
	text-decoration: underline;
}
#spotlight-image
{
	float: left;
	width: 150px;
	margin: 10px 0px 10px 15px;
	
}
#spotlight-image img
{
	vertical-align: baseline;
	z-index: 200;
}

#NewsWrapper
{
	clear: both;
	width: 445px;
	height: 100%;
	border: none;
	margin: 15px 0px 0px 15px;
	background-color: transparent;
	background-image:url(../images/global/sectionBodyGradient.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#NewsWrapper .heading
{
	margin: 0px;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	width: 438px;
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
}

/*#NewsWrapper p
{
	width: 375px;
	margin: 10px 0px 0px 10px;
	font-size: 70%;
	line-height: 16px;
}*/

#NewsWrapper #news
{
	width: 415px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
}
#news #newsItem
{
	width: 405px;
	margin: 10px 0px 0px 10px;
}
#newsItem .news_text
{
	color: #DD550C;
	margin: 0px 0px 6px 0px;
}
#newsItem .news_date
{
	color: #000000;
	font-size: 90%;
}

/*#NewsWrapper ul
{
	width: 435px;
	margin: 10px 0px 0px 10px;
	font-size: 70%;
	list-style-type: none;
}

#NewsWrapper ul li
{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	border: none;
	width: 405px;
}

#NewsWrapper ul li ul
{
	list-style-type: none;
	margin: 3px 0px 0px 0px;
	width: 405px;
	font-size: 90%;
}

#NewsWrapper ul li ul li
{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: none;
	color: #000000;
}*/

#NewsWrapper a, #NewsWrapper a:link, #NewsWrapper a:active, #NewsWrapper a:visited
{
	color: #DD550C;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
}
#NewsWrapper a:hover
{
	text-decoration: underline;
	color: #03244D;
	padding: 5px 0px 0px 0px;
}

#More_links
{
	width: 970px;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	/*float: right;*/
	clear: both;
}
#More_links .moreNews
{
	width: 410px;
	float: left;
	text-align:right;
}
#More_links .moreFeatures
{
	width: 270px;
	float: left;
	text-align:right;
}
#More_links .moreEvents
{
	width: 270px;
	float: left;
	text-align:right;
}

#More_links a
{
	display: inline;
	width: 188px;
	text-align: left;
	font-size: 75%;
	color: #1C5CA3;
	font-weight: bold;
	margin: 0px 5px 3px 0px;
	
}

/*	=============================================================================================== */

#Spcl_Fetrs
{
	float: left;
	width: 245px;
	margin: 15px 0px 0px 7px;
	padding: 0;
	text-align: left;
	min-height: 430px;
	height: 100%;/**/
	/*border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
	background-color: transparent;
	background-image:url(../images/global/podBodyGradient.jpg);
	background-position: top left;
	background-repeat: no-repeat;/**/
}
#Spcl_Fetrs .heading
{
	clear: both;
	margin: 0px 0px 10px 0px;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	width: 239px;
	font-size: 90%;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
	/*background-color: #03244D;*/
	/*background-color: transparent;
	background-image:url(../images/global/sectionHeadingGradient.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/

}
/*#Spcl_Fetrs .heading
{
	padding-top: 7px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding: 5px 0px 0px 7px;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	border: none;
	clear: both;
	width: 200px;
	height: 20px;
	font-size: 75%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #03244D;
	
}*/
#Spcl_Fetrs .featureContainer
{
	clear: both;
	width: 225px;
	min-height: 80px;
	height: 100%;/**/
	margin: 15px 10px 0px 10px;
	overflow: hidden;
	text-align: center;
	
}
.featureContainer .leftSpan
{
	float: left; 
	width: 81px;
	height: 81px;
	margin-left: 20px;
	padding: 0px;
}
.featureContainer .rightSpan
{
	float: left;
	width: 81px;
	height: 81px;
	margin-left: 12px;
	padding: 0px;
}
#Spcl_Fetrs .featureContainer p
{
	font-size: 75%;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.featureContainer a, .featureContainer a:link, .featureContainer a:visited, .featureContainer a:active
{
	text-decoration: none;
	color: #000000;
	font-size: 110%;
}



/*	=============================================================================================== */


/*	===============================================================================================  */

#CalendarWrapper
{
	float: left;
	width: 245px;
	text-align: left;
	margin: 15px 0px 0px 17px;
	padding: 0;
	min-height: 430px;
	height: 100%;/**/
	/*border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;*/
	background-color: transparent;
	background-image:url(../images/global/podBodyGradient-short.jpg);
	background-position: top left;
	background-repeat: repeat-x;

}
#CalendarWrapper .heading
{
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	width: 239px;
	font-size: 90%;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
	/*background-color: #03244D;*/
	/*background-color: transparent;
	background-image:url(../images/global/sectionHeadingGradient.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/

}
/*#CalendarWrapper .heading
{
	padding-top: 7px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	clear: right;
	width: 200px;
	font-size: 75%;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}*/

#CalendarWrapper ul
{
	font-size: 70%;
	width: 225px;
	margin-left: 7px;
}


#CalendarWrapper li
{
	list-style-type: none;
	display: block;
	border-bottom: 1px dashed #9C9C9C;
	margin-bottom: 5px;
	padding-bottom: 7px;
}
#CalendarWrapper li a
{
	color: #000000;
	text-decoration: underline;
}

#CalendarWrapper li a:hover
{
	color: #1C5CA3;
	text-decoration: underline;
}
#specialCalContainer
{
	clear: both;
	width: 245px;
	margin: 10px 0px 0px 0px;
}
#specialCalContainer li
{
	font-weight: bold;
}
#eventCalContainer
{
	clear: both;
	width: 245px;
	margin: 100px 0px 0px 0px;
	min-height: 295px;
	height: 100%;
	background-color: transparent;
	background-image:url(../images/global/podBodyGradient.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
#eventCalContainer .heading
{
	margin: 0px 0px 10px 0px;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: none;
	width: 239px;
	font-size: 90%;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
	/*background-color: #03244D;
	background-color: transparent;
	background-image:url(../images/global/sectionHeadingGradient.jpg);
	background-position: top left;
	background-repeat: repeat-x;*/

}

#eventCalContainer #calendar
{
	width: 240px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
}
#calendar #calItem
{
	width: 240px;
	margin: 8px 0px 0px 7px;
}
#calItem .text
{
	width: 235px;
	color: #DD550C;
	margin: 0px 0px 3px 0px;
}
#calItem .blk-text
{
	width: 235px;
	color: #000000;
	margin: 0px 0px 3px 0px;
}
#calItem .date
{
	color: #000000;
}

/*#eventCalContainer ul
{
	width: 240px;
	margin: 10px 0px 0px 0px;
	font-size: 70%;
	list-style-type: none;
}

#eventCalContainer ul li
{
	list-style-type: none;
	margin: 10px 0px 0px 7px;
	border: none;
	width: 240px;
}

#eventCalContainer ul li ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	width: 240px;
	font-size: 90%;
}

#eventCalContainer ul li ul li
{
	list-style-type: none;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	border: none;
	color: #000000;
}*/

#eventCalContainer a, #eventCalContainer a:link, #eventCalContainer a:active, #eventCalContainer a:visited
{
	color: #DD550C;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
}
#eventCalContainer a:hover
{
	text-decoration: underline;
	color: #03244D;
	padding: 5px 0px 0px 0px;
}

/*	=============================================================================================== */