@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;   
} 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 
fieldset,img {    
    border:0;   
} 

caption,th {  
    text-align:left;   
} 

q:before,q:after {  
    content:'';   
} 
abbr,acronym { border:0;   
}

body {
	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: #dfdfdf;
	width: 100%;
}


/* Styles for Header and Search */
/* Added STM Header created by Kurt Lorenz and removed Search and links - Eli 1/1/11 */
#Header {
	background-image: url(../images/layout/header3.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: #330606;
	border: 1px solid #825555;
	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) - edited by eli on 1/1/11 to make shadow not as wide */
div[id="ContentShadow"] {
	background-image: url(../images/layout/ContentShadow-small.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-image: url(../images/layout/FloralCorner.jpg); - Eli Removed floral corner 1/1/11 */
	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_Wide.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;
	background-color:#7a0711;
}
#FooterShadow {
	width: 100%;
	overflow:hidden;
}
#Footer {
	height: 100px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;

}
#SubFooter {
	background-color:#222023;
	height:100px;
	width:100%;
	overflow:hidden;
	border-top: 1px solid #353236;
}
#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: 12px;
	color: #dbdbdb;
	line-height: 20px;
}
#FooterRight a {
	color: #ffffff;
	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: 295px;
	padding-top: 20px;
	float: left;
	padding-bottom: 40px;

}
#LeftColumn img {
	padding: 3px 20px 3px 20px;


}
#LeftColumn img {
	padding: 3px 20px 3px 20px;


}
#LeftColumn h1 {
	font-size: 14px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 30px;
	display: block;
}
#LeftColumn  h2 {
	font-size: 12px;
	font-weight: normal;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 30px;
	display: block;
}

#LeftColumn  #Announcements 
{
    margin-left: 20px;
    margin-right: 20px;
	margin-top:15px;
}
#LeftColumn  p {
	margin-left: 25px;
    padding-right: 15px;
	margin-top:10px;
}

#LeftColumn  #Announcements p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 7px;
}
/* Left Column Menu Child selected color - this was originally done on the Ektron styles, so in order to change this you must use the code below */
#LeftColumn .Level1Item .ChildSelected {
	color: #000000 !important;
	font-size:14px;
}

#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;
}
/* 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: 620px;
	margin-top: 25px;
	padding-bottom: 80px;
	margin-left: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: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}


/* 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;
}
/* Feature Rotator Styles */
#FeatureWrapper {
	width:620px;
	overflow:hidden;
	float:left;
	margin-bottom:50px;
}
#Feature1 {
	background-color: #ffffff;
	float: left;
	height: 175px;
	width: 600px;
	border: 10px solid #dfdfdf;
	margin-bottom:12px;
}
div.scrollable {
	position:relative;
	overflow:hidden;
	width: 600px;
	height:270px;
}
div.scrollable div.items {
	width:20000em;
	position:absolute;
}
div.scrollable div.items div {
	float:left;
}
div.items div.active {
}
div.scrollablenav {
	position:relative;
	overflow:hidden;
	width: 520;
	height:45px;
}
div.scrollablenav div.items {
	width:20000em;
	position:absolute;
}
div.scrollablenav div.items div {
	float:left;
}
#FeatureNavigation {
	width:520px;
	height:45px;
	float:left;
	overflow:hidden;
}
#FeatureNavigation div {
	cursor:pointer;
	margin-right:10px;
	float:left;
}
#FeatureNavigation div img {
	border: 2px solid #ffffff;
}
#FeatureNavigation div.active img {
	border: 2px solid #818181;
}
div.prev {
	float:left;
	cursor:pointer;
	width:18px;
	height:18px;
	margin-top:15px;
	margin-right:12px;
	margin-left:10px;
	background-image: url(../images/left.png);
	background-repeat:no-repeat;
}
div.next {
	float:right;
	cursor:pointer;
	width:18px;
	height:18px;
	margin-top:15px;
	margin-right:10px;
	background-image: url(../images/right.png);
	background-repeat:no-repeat;
}
#FeatureWrapper div.prev:hover, div.next:hover {
	background-position: 0px -18px;
}
#FeatureWrapper .disabled {
	background-position:0px -36px;
	cursor:auto;
}

/* Scrollable News */

div.ScrollableNews {
	position:relative;
	overflow:hidden;
	width: 560px;
	height:330px;
	float:left;
}
div.ScrollableNews div.items {
	height:1000em;
	position:absolute;
}
div.ScrollableNews div.items div {
}
.NewsItem {
	padding-bottom:15px;
	height:100px;
	width:560px;
	clear:both;
	text-decoration:none !important;
	cursor:pointer;
}
.NewsItem h2 a, .NewsItem h2 {
	font-size:18px;
	letter-spacing:-1px;
	font-weight:normal !important;
	text-decoration:none;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}
.NewsItem:hover h2 a {
	text-decoration:underline !important;
}
.NewsItem p a, .NewsItem p {
	color:#000000 !important;
	font-weight:normal !important;
	line-height:20px !important;
}
.NewsItem p a:hover, .NewsItem p a:active {
	text-decoration:none !important;
}
.NewsImage, .NewsItem img {
	padding:4px;
	border: 1px solid #999999;
	float:left;
	margin-right:10px;
}
.prevPageNews, .nextPageNews {
	display:block;
	width:18px;
	height:18px;
	float:left;
	cursor:pointer;
	font-size:1px;
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	margin-left: 32px;
	margin-top:30px;
}
.nextPageNews {
	background-image: url(../images/down.png);
	margin-top:220px;
}
.prevPageNews:hover, .nextPageNews:hover {
	background-position:0px -18px;
}
.disabled {
	background-position:0px -36px;
	cursor:auto;
}
.disabled:hover {
	background-position:0px -36px !important;
	cursor:auto;
}
/* Audio Styles */

/* Media Library Styles */


.Divider {
	height:10px;
	margin-top:5px;
	width:100%;
	clear:both;
}
.ScrollableMedia {
	width:240px;
	height:272px;
	position:relative;
	overflow:hidden;
	float:left;
	padding-left:20px;
	margin-top:20px;
}
div.ScrollableMedia div.items {
	height:1000em;
	position:absolute;
}
div.ScrollableMedia div.items div {
}
.MediaItem {
	padding-bottom:10px;
	height:82px;
	clear:left;
	width:240px;
	text-decoration:none !important;
}
.MediaItem img {
	margin-right:5px;
	border: 1px solid #999999;
	padding:1px;
	float:left;
}
.MediaItem h2, .MediaItem h2 a {
	color:#6da0d7;
	text-transform:uppercase;
	font-size:11px;
	text-decoration:none !important;
	margin-top:-2px;
}
.MediaItem h2 a {
	display: block;
}
.MediaItem:hover h2 a {
	color: #eea021 !important;
}
.MediaItem p, .MediaItem p a {
	text-decoration:none;
	color: #6e6e6e;
}
.prevPageMedia, .nextPageMedia {
	display:block;
	width:18px;
	height:18px;
	float:left;
	cursor:pointer;
	font-size:1px;
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	margin-left:5px;
	margin-right:2px;
	margin-top:50px;
}
.nextPageMedia {
	background-image: url(../images/down.png);
	margin-top:165px;
}
.prevPageMedia:hover, .nextPageMedia:hover {
	background-position:0px -18px;
}
.VideoPlay {
	width:81px;
	height:24px;
	background-image: url(../images/videoplay.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
.VideoPlay:hover {
	background-position: 0px -24px;
}
.VideoPlay a {
	display:block;
	height:24px;
	width:81px;
}
.AudioDetails {
	width:100%;
	height:100%;
	background-image: url(../images/AudioBG.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.AudioDetails h1 {
	width:100%;
	font-size:28px;
	color:#6da0d7;
	letter-spacing:-2px;
	width:450px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.AudioDetails p {
	line-height:20px;
	margin-bottom:30px;
	width:300px;
}
.AudioListen p, .AudioDetails p {
	font-size:16px;
}
.AudioListen p a, .AudioDetails a {
	color:#6da0d7;
	text-decoration:none;
}
.AudioListen p a:hover, .AudioListen p a:active {
	color: #eea021;
}
.AudioDetails a:hover, .AudioDetails a:active {
	color: #eea021;
}
#ContactForm {
	float:left;
	width:470px;
	margin-top:25px;
	color:#cccccc;
}
#ContactForm h1 {
	font-weight:normal;
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	letter-spacing:-1px;
	display:block;
	margin-bottom:10px;
}
#ContactForm p {
	color:#ffffff;
}
#ContactForm input[type="text"] {
	display:block;
	width:175px;
	height:22px;
	padding-left:10px;
	padding-right:5px;
	padding-top:6px;
	border: 1px solid #b06d6d;
	background-color:transparent;
	background-image: url(../images/SearchBG.png);
	background-repeat:repeat;
	margin-bottom:10px;
	color:#cccccc;
}
#ContactForm textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-right:5px;
	padding-top:6px;
	border: 1px solid #b06d6d;
	background-color:transparent;
	background-image: url(../images/SearchBG.png);
	background-repeat:repeat;
	margin-bottom:10px;
	color:#cccccc;
	height:110px;
	width:430px;
	overflow:auto;
}
#ContactForm input[type="submit"] {
	background-color: #230907;
	height:28px;
	width:100px;
	border: 1px solid #b06d6d;
	color:#ffffff;
	font-size:15px;
	cursor:pointer;
	text-transform: uppercase;
}
#ContactForm input[type="submit"]:hover {
	background-color:#ae1513;
}
#SubFooterRight {
	width:450px;
	float:right;
	margin-top:25px;
}
#SocialMedia {
	text-align:right;
	height:118px;
}
#SocialMedia img {
	margin-left:6px;
	margin-right:6px;
}
#SubFooterRight .Boilderplate {
	width:450px;
	padding-top:20px;
	float:right;
	color:#ffffff;
	border-top: 1px solid #b06d6d;
}
#SubFooterRight p {
	line-height:18px;
	margin-bottom:10px;
	color:#ffffff;
	font-size:12px;
}
#SubFooterRight p a {
	color:#eea021;
	text-decoration:none;
}
#SubFooterRight p a:hover, #SubFooterRight p a:active {
	color:#f0d474;
}
#SubFooterRight h1, #SubFooterRight h2, #SubFooterRight h3 {
	font-family: Arial, Helvetica, sans-serif;
	float:right;
	font-size:18px;
	letter-spacing:-1px;
	text-decoration:none;
	color:#ffffff;
}