/* ========== */
/* = Layout = */
/* ========== */

body {
	color: #4D4D4D;
	background: #F2F2F2;
}

/* ========== */
/* = Header = */
/* ========== */

.headerwrap {
	text-align: center;
	border-bottom: 12px solid #D1232A;
}
	.innerwrap {
		background: #fff url('../images/header_fade.png') repeat-x left bottom;
		border-bottom: 1px solid #661218;
		position: relative; /* for tabs bottom border */
		z-index: 1;
	}
		#Header {
			width: 940px;
			position: relative;
			margin: 0 auto;
			text-align: left;
			padding-top: 190px;
		}
		#Header h1 {
			position: absolute;
			float: left;
			top: 18px;
			left: 25px;
		}
		#Header h1 a {
			display: block;
			width: 179px;
			height: 127px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/smc_logo.png) no-repeat 0% 0%;
		}
		#Header #photo_shadow {
			top: 10px;
			right: -20px;
			position: absolute;
			height: 170px;
			width: 600px;
			padding: 8px 11px;
			background: transparent url('../images/header_shadow.png') no-repeat 0 0;
		}
#header_rule {
	border: none;
	border-top: 1px solid #7F1723;
	border-bottom: 10px solid #AA1D28;
}


/* ============== */
/* = Navigation = */
/* ============== */

#MainMenu {
	margin: 0 0 -1px 0;
	padding: 0;
	float: right;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
	position: relative;
	z-index: 2;
}

#MainMenu li {
	float: left;
	margin-left: 5px;
	padding: 0;
	background: 0;
}

#MainMenu a {
	display: block;
	margin: 0 1px;
	text-decoration: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #661218;
	color: #666;
}

#MainMenu a span {
	display: block;
	margin: 0 -1px;
	padding: 5px 10px;
	text-transform: lowercase;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #E2E2E3 url(../images/grad-off.jpg) repeat-x top;
}

#MainMenu a:hover, #MainMenu a:active, #MainMenu a:focus {
	color: #333;
	text-decoration: underline;
}

#MainMenu a:hover span, #MainMenu a:active span, #MainMenu a:focus span {
	background: #FFF;
}

#MainMenu a.current, #MainMenu a.section,
#MainMenu a.current:hover, #MainMenu a.current:active, #MainMenu a.current:focus,
#MainMenu a.section:hover, #MainMenu a.section:active, #MainMenu a.section:focus {
	border-top: 1px solid  #661218;
	border-bottom: 1px solid #D1232A;
	color: #FFF;
}

#MainMenu a.current span, #MainMenu a.section span,
#MainMenu a.current:hover span, #MainMenu a.current:active span, #MainMenu a.current:focus span,
#MainMenu a.section:hover span, #MainMenu a.section:active span, #MainMenu a.section:focus span {
	border-color:  #661218;
	background: #D1232A url(../images/grad-on.png) repeat-x top;
}

/* =========== */
/* = SubMenu = */
/* =========== */

#SubMenu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	line-height: 1.2em;
}

#SubMenu li {
	background: #E2E2E3 url(../images/grad-off.jpg) repeat-x top;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 0;
	margin: 0 1px 5px;
}

#SubMenu a {
	display: block;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 5px 0 5px 24px;
	background: url(../images/arrow-off.gif) no-repeat 12px 50%;
	color: #333;
	text-decoration: none;
	margin: 0 -1px;
}

#SubMenu .current, #SubMenu .section {
	border-color: #68723D;
	background: #68723D url(../images/grad-on.png) repeat-x top;
}

#SubMenu .current a, #SubMenu .section a {
	color: #FFF;
	background-image: url(../images/arrow-on.gif);
	border-color: #68723D;
}

#SubMenu .current a:hover, #SubMenu .current a:active, #SubMenu .current a:focus,
#SubMenu .section a:hover, #SubMenu .section a:active, #SubMenu .section a:focus {
	color: #FFF;
}

#SubMenu a:hover, #SubMenu a:active, #SubMenu a:focus,
#SubMenu .current ul a:hover, #SubMenu .current ul a:active, #SubMenu .current ul a:focus,
#SubMenu .section ul a:hover, #SubMenu .section ul a:active, #SubMenu .section ul a:focus,
#SubMenu .current ul ul a:hover, #SubMenu .current ul ul a:active, #SubMenu .current ul ul a:focus,
#SubMenu .section ul ul a:hover, #SubMenu .section ul ul a:active, #SubMenu .section ul ul a:focus {
	text-decoration: underline;
	color: #006691;
}

#SubMenu ul {
	list-style: none;
	margin: 0 -1px;
	padding: 7px 5px 2px;
	background: #FFF;
	border: 1px solid #667041;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

#SubMenu ul a,
#SubMenu .current ul a, #SubMenu .section ul a,
#SubMenu .current ul ul a, #SubMenu .section ul ul a {
	background-image: url(../images/bullet-off.gif);
	color: #333;
	border-color: #CCC;
}

#SubMenu ul .current, #SubMenu ul .section,
#SubMenu ul ul .current, #SubMenu ul ul .section {
	border-color: #516975;
	background: #79B108 url(../images/grad-on.jpg) repeat-x top;
}

#SubMenu ul .current a, #SubMenu ul .section a,
#SubMenu ul ul .current a, #SubMenu ul ul .section a {
	color: #FFF;
	background-image: url(../images/bullet-on.gif);
	border-color: #516975;
}	

#SubMenu ul .current a:hover, #SubMenu ul .current a:active, #SubMenu ul .current a:focus,
#SubMenu ul .section a:hover, #SubMenu ul .section a:active, #SubMenu ul .section a:focus,
#SubMenu ul ul .current a:hover, #SubMenu ul ul .current a:active, #SubMenu ul ul .current a:focus,
#SubMenu ul ul .section a:hover, #SubMenu ul ul .section a:active, #SubMenu ul ul .section a:focus{
	color: #FFF;
}

/* =============== */
/* = Breadcrumbs = */
/* =============== */

.pathwaywrap {
	margin: 0 1px 10px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#Pathway {
	margin: 0 -1px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #E2E2E3 url(../images/grad-off.jpg) repeat-x top;
	padding: 5px 10px;
}

#Pathway ul {
	margin: 0;
}

#Pathway li {
	float: left;
	margin-right: 8px;
	padding: 0;
	background: 0;
}

#Pathway a {
	padding-right: 12px;
	background: url(../images/arrow-off.gif) no-repeat right;
	text-decoration: none;
}

#Pathway a:hover, #Pathway a:active, #Pathway a:focus {
	text-decoration: underline;
}


/* =========== */
/* = Content = */
/* =========== */

.contentwrap {
	text-align: center;
	background:  #fff url('../images/content_fade.png') repeat-x left top;
	border-top: #fff 1px solid;
}

#Content {
	width: 940px;
	margin: 0 auto;
	text-align: left;
	padding: 25px 0;
}

#Article {
	width: 700px;
	float: right;
	padding-bottom: 3em;
}


.title {
	color:#333;
	font-size:1.3em;
	margin-bottom:.7em;
}

/* ========= */
/* = Aside = */
/* ========= */

#Aside {
	float: left;
	width: 220px;
}

#Aside .module {
	margin-bottom: 2em;	
}
	#Aside .module h3 {
		font-weight: bold;
		font-size: 1em;
		color: #666;
		margin: 0 1px 10px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	#Aside .module h3 span {
		display: block;
		margin: 0 -1px;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		background: #E2E2E3 url(../images/grad-off.jpg) repeat-x top;
		padding: 5px 10px;
	}
	
	
/* =================== */
/* = Sidebar Widgets = */
/* =================== */

div.widget h3 {
	margin-bottom: 0;
}
.widget .outer-border {
	border: 1px solid #ccc;
	margin: -1px 1px 0 1px;
}
.widget div.LoginWidget {
	margin: -1px -2px 0 -2px;
	padding: 7px 5px;
	background: #FFF;
	border: 1px solid #ccc;
	border-bottom-width: 1px;
	border-top-width: 1px;
}
	.LoginWidget fieldset {
		border: none;
		padding: 0;
	}
	.LoginWidget .field {
		margin-bottom: 0.5em;
	}
	.LoginWidget input.text {
		width: 202px;
	}	
	.LoginWidget .Actions {
		margin: 0;
	}	

.keywords {
	padding: 0.5em 0 0.8em 0;
	margin: -1px -2px 0 -2px;
	border: 1px solid #ccc;
	background: #FFF;
}
	

.iframe {
	float:right;
	width:350px;
	}


/* ========== */
/* = Footer = */
/* ========== */

#footer_rule {
	border: none;
	border-top: 1px solid #661218;
	border-bottom: 10px solid #AA1D28;
}
.footerwrap {
	border-top: 1px solid #7F1723;
	border-bottom: 1px solid #7F1723;
	background: #D1232A;
	overflow: hidden;
}
	#Footer {
		width: 940px;
		margin: 0 auto;
		text-align: left;
		padding: 20px 0;
	}
		#Footer p {
			color: #fff;
			margin: 0;
			padding-left: 240px;
		}
		#Footer a {
			color: #fff;
		}

.credits {
	width: 940px;
	margin: 0 auto;
	color: #666;
	padding: 10px 0;
	text-align: left;
}
	.copyright {
		color:#666;
	}

	.w1, .w1 a:visited {
		float: right;
		margin:0;
		padding:0;
		display:inline;
		color: #006691;
	}

	.w1 a:hover {
		text-decoration: none;
	}
		


/* ============ */
/* = Clearfix = */
/* ============ */

/* Float Clearing for IE6 */
* html .innerwrap,
* html .headerwrap,
* html #MainMenu,
* html #Content,
* html #Pathway ul,
* html .actionLinks,
* html #Credits,
* html #section,
{
	height: 1%;
	overflow: visible;
}

/* Float Clearing for IE7 */
*+html .innerwrap,
*+html #MainMenu,
*+html #Content,
*+html #Pathway ul,
*+html .actionLinks,
*+html #Credits,
*+html #section
{
	min-height: 1%;
}

/* Float Clearing for Everyone Else */
.innerwrap:after,
.headerwrap:after,
#MainMenu:after,
#Content:after,
#Pathway ul:after,
.actionLinks:after,
#Credits:after,
#section:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* Firefox Scrollbar Hack */

html {
	height: 100% !important;
	height: auto;
	margin-bottom: 1px;
}