@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 {
	background-color: #80100f;
	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/bg.jpg);*/
	background-color: #dfdfdf;
	width: 100%;
}



/* Styles for Header and Search */
#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) */
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;
}
#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-image: url(../images/layout/FloralCorner.jpg);*/
	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;
	background-color:#80100f;
}
#FooterShadow {
	width: 100%;
	/* height: 330px;*/
	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;
}
#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;
}

/* Left Column Styles */

#LeftColumn {
	width: 209px;
	margin-top: 10px;
	float: left;
	padding-bottom: 40px;
}
#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  #Announcements 
{
    margin-left: 25px;
    margin-right: 15px;
	margin-top:15px;
}
#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 .Level1Item .ItemSelected  {
	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;
}

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

.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;
}
#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: 15px;
	font-weight: normal;
	margin-bottom: 10px;
}


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

/* Blog */
#BlogBreadcrumbs {
	float: none;
	margin: 0 !important;
	padding: 15px 0 0 20px !important;
}
#BlogBreadcrumbs a, 
#BlogBreadcrumbs a:visited {
	text-decoration: none;
	color: #7a0711;
	font-weight: bold;
}
#BlogBreadcrumbs a:hover,
#BlogBreadcrumbs a:active {
	text-decoration: underline;
}
#BlogContent {
	float: left;
	width: 660px !important;
	margin-top: 25px;
	margin-bottom: 40px;
	margin-left: 40px;
	padding-right: 30px;
}
.BlogEntry a,
#BlogSidebar a {
	text-decoration: none;
	color: #7a0711;
	font-weight: bold;
}
.BlogEntry a:hover,
.BlogEntry a:active,
#BlogSidebar a:hover,
#BlogSidebar a:active {
	text-decoration: underline;
}
#BlogHeader {
	height: 65px;
	background-image: url(../images/layout/blogTitleBG.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-top: 0px;
}
#BlogHeader h1 {
	font-size: 24px;
	font-weight: normal;
	padding-left: 60px;
	padding-top: 10px;
	color: #606060;
}
#BlogHeader a {
	text-decoration: none !important;
}
#BlogHeader h2 {
	font-size: 16px;
	font-weight: normal;
	padding-left: 60px;
	color: #999;
}
#BlogHeader a:hover,
#BlogHeader a:active {
	text-decoration: none;
}
.BlogEntry {
	margin: 0 0 30px 0;
}
.BlogEntry h2 a {
	font-size: 16px;
	font-weight: normal !important;
	color: #7a0711;
}
.BlogEntry .PostedBy {
	padding-top: 3px;
}
.BlogEntry .PostedBy p {
	margin-bottom: 15px;
}
.BlogEntryWrapper h1,
.BlogEntryWrapper h2,
.BlogEntryWrapper h3,
.BlogEntryWrapper h4 {
	font-size: 16px !important;
	font-weight: normal;
	color: #000 !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	background: none !important;
}
.BlogEntryWrapper p {
	line-height: 21px;
	margin-bottom: 18px;
}
.BlogEntryWrapper ul,
.BlogEntryWrapper ol {
	margin-left: 30px;
	margin-bottom: 13px;
}
.BlogEntryWrapper li {
	padding-bottom: 5px;
}
.CommentsList h2, h2.LeaveCommentHeader {
	font-size: 16px !important;
	font-weight: normal !important;
	margin-bottom: 10px !important;
	color: #7a0711;
}
.CommentsList h4 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0px;
	padding: 5px 10px 3px 10px;
	background-color: #e6e6e6;
}
.CommentPost {
	background-color: #e6e6e6;
	padding: 0 10px 5px 10px;
	margin: 0 !important;
}
.CommentsList p {
	padding: 5px 10px 5px 10px;
	line-height: 21px;
	margin-bottom: 18px;
	border: #e6e6e6 1px solid;
}
.ekleavecomment input, .ekleavecomment textarea {
	margin-top: 5px;
	border: 1px solid #999999;
	font-size: 1.2em;
	vertical-align: middle;
	padding: 2px 3px 2px 3px;
	background-color: #fff;
}
.ekleavecomment input.ekcommentbutton {
	color: #fff;
	margin-top: 10px !important;
	border: none !important;
	background-color: #666666 !important;
	padding: 5px 15px 5px 15px !important;
	cursor: pointer !important;
}
.ekleavecomment input.ekcommentbutton:hover {
	background-color: #999999 !important;
}
.ekleavecomment input.ekcommentbutton:active {
	background-color: #666666 !important;
}
#BlogSidebar {
	float: right;
	width: 200px;
	margin-right: 30px;
	margin-top: 35px;
}
#BlogSidebar .SBSection {
	margin-bottom: 30px;
}
#BlogSidebar h3 {
	color: #606060;
	font-size: 16px;
	padding-bottom: 3px;
	border-bottom: #999 solid 1px;
	margin-bottom: 5px;
}
#BlogSidebar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#BlogSidebar li {
	margin-bottom: 8px;
}