@charset "utf-8";

/********************************/
/* Styles for the A&S Main 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: #7a8451;
	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-color: #8c8c8c;
	width: 100%;
}


/* Styles for Header and Search */
#Header {
	background-image: url(../images/layout/header.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 260px;
	width: 960px;
}
#HeaderLeft {
	float: left;
	height: 230px;
	width: 290px;
	padding-top: 30px;
	padding-left: 20px;
}
#SearchBox {
	font-size: 11px;
	color: #dddddd;
	float: right;
	margin-right: 20px;
	margin-top: 60px;
}
#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: #242818;
	border: 1px solid #757968;
	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;
}
#Slideshow {
	float: right;
	height: 260px;
	width: 650px;
}

/* 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;
}


/* 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, #Footer h2 a {
	color: #f0d474;
	text-decoration: none;
}
#FooterRight a:hover, #FooterRight a:active, #Footer h2 a:hover, #Footer h2 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: 17px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 30px;
	display: block;
}
#LeftColumn  #Announcements 
{
    margin-left: 25px;
    margin-right: 15px;
	margin-top:15px;
}
#LeftColumn  #Announcements p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
}
#Audio {
	margin-right: 15px;
	margin-left: 25px;
	padding-top:10px;
}
#Audio p {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
}
.AudioDivider {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
}
#Audio table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dedede;
}
#Audio table td {
	padding-top:7px;
	padding-bottom:7px;
}

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


/* Center Column Styles */
#CenterColumn {
	float: left;
	width: 486px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ededed;
	margin-left: 25px;
	padding-right: 25px;
}
#CenterColumn p {
	margin-bottom: 10px;
	line-height: 16px;
}
#CenterColumn ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#CenterColumn li {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 25px;
}
#RightColumn p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#RightColumn  h1, #CenterColumn h1 {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 20px;
}
#RightColumn  h2, #CenterColumn h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}
#RightColumn  h3, #CenterColumn h3 {
	font-size: 14px;
	margin-bottom: 10px;
}
#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;
}
.NewsImage {
	padding: 3px;
	border: 1px solid #bdbdbd;
}
.ImageRight {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.ImageLeft {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}