@charset "utf-8";

/****************************************/
/* Styles for the Matteo Ricci Sub Page */
/****************************************/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th {    
    margin:0;   
    padding:0;   
} 

body {
	background-color: #005800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}


/* Gray Background Stripe */
#Background {
	background-image: url(../images/layout/bgGradient.jpg);
	background-repeat: repeat-x;
	background-color: #8a8a8a;
	width: 100%;
}



/* Styles for Header and Search */
#Header {
	background-image: url(../images/layout/header3.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 68px;
	width: 935px;
	padding-left: 25px;
	padding-top: 12px;
}
#DepartmentHeader {
	height: 140px;
	width: 960px;
	overflow: hidden;
}
#SearchBox {
	font-size: 11px;
	color: #dddddd;
	float: right;
	margin-right: 20px;
	margin-top: 7px;
}
#SearchBox a {
	color: #dddddd;
	text-decoration: none;
}
#SearchBox a:hover,#SearchBox a:active {
	text-decoration: underline;
}
.SearchBox {
	font-size: 13px;
	color: #dddddd;
	height: 14px;
	width: 151px;
	margin-right: 10px;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-color: #002300;
	border: 1px solid #4f734f;
	float:left;
}
.SubmitSearch {
	background-image: url(../images/layout/go.jpg);
	height: 26px;
	width: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
	float:left;
}

/* Wraps page to add the top portion of the footer */
#PageWrapper {
	background-image: url(../images/layout/FooterTop.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
}

/* Creates a shadow below the SU Header (Does not appear in IE6) */
div[id="HeaderShadow"] {
	background-image: url(../images/layout/header_shadow.png);
	background-repeat: repeat-x;
	width: 100%;
}

/* Creates a vertical shadow behind the main content (Does not appear in IE6) */
div[id="ContentShadow"] {
	background-image: url(../images/layout/ContentShadow.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;

}


/* Navigation styles, shadow below navigation for all broswers except IE6 */
#Navigation {
	background-repeat: repeat-x;
	height: 23px;
	width: 960px;
	text-align: center;
	padding-top: 7px;
}
#NavShadow {
	width: 960px;
}
div[id="NavShadow"] {
	background-image: url(../images/layout/NavShadow.png);
	background-repeat: repeat-x;
	background-position: top;
}
#Breadcrumbs {
	float: left;
	width: 600px;
	margin-top: 15px;
	margin-left: 20px;
}



/* Centers all Content and adds a white background */
#ContentWrapper {
	background-color: #ffffff;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-position: right bottom;
	background-repeat: no-repeat;

}


/* Wraps main content and creates a gray background on the right column */
#MainContent {
	background-image: url(../images/layout/RightColBg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 960px;
}
#MainContent a {
	text-decoration: none;
	font-weight: bold;
}
#MainContent a:hover, #MainContent a:active {
	text-decoration: underline;
}

/* Footer Styles */
#FooterWrapper {
	background-image: url(../images/layout/FooterBottom.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-position: top;
}
#FooterShadow {
	width: 100%;
	height: 140px;
}
#Footer {
	height: 115px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 25px;
}
#Footer h1 {
	font-size: 13px;
	font-weight: bold;
	color: #f1f1f1;
	line-height: 18px;
}
#Footer h2 {
	font-size: 12px;
	font-weight: normal;
	color: #dbdbdb;
	line-height: 18px;
}
#FooterRight {
	float: right;
	text-align: right;
	font-size: 11px;
	color: #dbdbdb;
	line-height: 20px;
}
#FooterRight a {
	color: #f0d474;
	text-decoration: none;
}
#FooterRight a:hover, #FooterRight a:active {
	text-decoration: underline;
}
div[id="FooterShadow"] {
	background-image: url(../images/layout/ContentShadow2.png);
	background-repeat: no-repeat;
	background-position: center top;
}


/* Left Column Styles */
#LeftColumn {
	width: 209px;
	margin-top: 10px;
	float: left;
	padding-bottom: 40px;
}
#LeftColumn h1 {
	font-size: 16px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 30px;
	display: block;
}
#LeftColumn p
{
    margin-left: 25px;
    margin-right: 15px;
	margin-top:15px;
}
#LeftColumn  #Announcements p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
}
#LeftColumn ul {
	margin-top: 20px;
}
#LeftColumn li {
	margin-left: 25px;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
	margin-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.AudioDivider {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
}


/* Right Column Styles */
#RightColumn {
	float: right;
	width: 172px;
	padding-right: 25px;
	padding-bottom:90px;
	margin-top: 30px;
	margin-bottom: 40px;
}


/* Center Column Styles */
#CenterColumn {
	float: right;
	width: 660px;
	margin-top: 30px;
	margin-bottom: 40px;
	margin-right:40px;
}
#CenterColumn p {
	margin-bottom: 10px;
	line-height: 21px;
}
#CenterColumn ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#CenterColumn li {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 25px;
}

.NewsImage {
	padding: 3px;
	border: 1px solid #bdbdbd;
}
#RightColumn p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#RightColumn  h1, #CenterColumn h1 {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 20px;
}
#CenterColumn h1 {
	font-weight:bold;
	text-align:center;
	font-size:20px;
	}
#RightColumn  h2, #CenterColumn h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top:25px;
}
#RightColumn  h3, #CenterColumn h3 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: normal;
}
#RightColumn  h4, #CenterColumn h4 {
	font-size: 14px;
	margin-bottom: 5px;
}


/* Additional Classes */
.clear {
	clear: both;
	height: 1px;
	width: 100%;
}
.more {
	font-size: 13px;
	text-align: right;
}
.ImageRight {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.ImageLeft {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.CenterWide {
	width:660px !important;
	border-right-width: 0px !important;
	padding-bottom:90px !important;
}