@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/header2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 115px;
	width: 930px;
	padding-left: 30px;
	padding-top: 10px;
}
#SearchBox {
	font-size: 11px;
	color: #dddddd;
	float: right;
	margin-right: 25px;
	margin-top: 50px;
}
#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;
}

/* 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 {
	width: 960px;
}
#MainContent a {
	text-decoration: none;
	font-weight: bold;
}
#MainContent a:hover, #MainContent a:active {
	text-decoration: underline;
}

#InnerContent {
	width: 960px;
}
#InnerContent a {
	text-decoration: none;
	font-weight: bold;
}
#InnerContent a:hover, #InnerContent 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;
}
#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: left;
	width: 466px;
	margin-top: 30px;
	margin-bottom: 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ededed;
	margin-left: 40px;
	padding-right: 30px;
}

#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;
}

#CenterColumn table.TableStyle1 {
	border-right: #999 0px solid;
	border-top: #999 1px solid;
	border-left: #999 1px solid;
	border-bottom: #999 0px solid;
	width: 100%;
}



#CenterColumn .TableStyle1 td {
	border-right: #999 1px solid;
	padding: 3px 3px 3px 3px;
	border-top: #999 0px solid;
	border-left: #999 0px solid;
	border-bottom: #999 1px solid;
}

#CenterColumn .TableStyle1 th {
	border-right: #999 1px solid;
	padding: 3px 3px 3px 3px;
	border-top: #999 0px solid;
	border-left: #999 0px solid;
	border-bottom: #999 1px solid;
	background-color: #c0c0c0;
	font-weight: bold;
}
/* Full Width Column Styles - uses full width of container, used on inner.aspx only and implemented on 1/18/11  - Eli Voigt */

#FullWidthColumn {
	width: 880px;
	margin: 30px 40px 40px 40px;
	clear: both;
}


#FullWidthColumn p {
	margin-bottom: 10px;
	line-height: 21px;
}
#FullWidthColumn ul {
	margin: 10px 0px;
}
#FullWidthColumn li {
	margin: 3px 0px 3px 25px;
	
}


.NewsImage {
	padding: 3px;
	border: 1px solid #bdbdbd;
}
#RightColumn p {
	margin-top: 10px;
	margin-bottom: 10px;
}
#RightColumn  h1, #CenterColumn h1, #FullWidthColumn h1 {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 20px;
}
#RightColumn  h2, #CenterColumn h2, #FullWidthColumn h2 {
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top:25px;
}
#RightColumn  h3, #CenterColumn h3, #FullWidthColumn  h3 {
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: normal;
}
#RightColumn  h4, #CenterColumn h4, #FullWidthColumn 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;
}