@import "menuconfig.css";

p, h1, h2, h3, h4, h5, h6, span { margin-bottom: 15px; }

p, span                     { font-size: 10pt; }

a                           { outline: none; color: #003564; text-decoration:none; }
a img												{ border: none; outline: none; }

body												{ background: url(/img/bg_pixel.png) repeat 100% 100%; }

.header { 
	margin: 15px auto; 
	width: 1000px; 
	height: 115px; 
	background: #FFFFFF; 
	border: 1px solid #003564; 
}
.header #search             { position: relative; float: right; margin: -57px -60px 0 0; width: 350px; height: 60px; z-index: 20; font-size: 12px; }
.header #search #go         { margin-bottom: -5px; width: 28px; height: 20px; border: none; outline: none; background: #FFFFFF; }
.header #search input       { height: 16px; width: 100px; background: #CCCCCC; border: 1px solid #003564; }
.header .logo								{ position: relative; width: 841px; height: 149px; margin: -20px 0 0 50px; background: url(/img/smcs_logo.png) no-repeat 0 0; behavior: url(/conf/css/iepngfix.htc); z-index: 15; }
.header .logo a             { display: block; width: 841px; height: 149px; text-indent: -50000px; }




.body                       { position: relative; width: 1000px; min-height: 400px; height: auto; margin: -16px auto; background: #FFFFFF; border-top: 1px solid #003564; border-bottom: 1px solid #003564; font: normal 10pt Arial; }

.body .homeImg              { position: relative; margin: 0 auto; z-index: 1; }
.body #smcs-video-icon      { position: absolute; width: 50px; height: 52px; top: 20px; left: 930px; margin: 0; z-index: 50000; cursor: pointer; }
.body #smcs-video-icon a img{ outline: none; border: none; }
.body #smcs-video-icon a img:hover{ background: url(/img/smcs_video_over.png) no-repeat 0 0; z-index: 50005; }
.body .sideImgGrad					{ position: absolute; left: 0; top: 0; margin: 150px 0 0 0; padding: 0; width: 260px; height: 50px; border: none; background: url(/img/backgrounds/content_grad_bg.png) no-repeat 0 0; behavior: url(/conf/css/iepngfix.htc); z-index: 2; }
.body .sideImg #gradBot			{ position: relative; width: 260px; height: 50px; margin-top: -49px; background: url(/img/backgrounds/content_grad_bg_bottom.png) no-repeat; behavior: url(/conf/css/iepngfix.htc); z-index: 2; }
.body .sideImg              { position: absolute; left: 0; top: 0; margin: 150px 0 0 0; padding: 0; width: 260px; height: auto; }
.body #content              { position: relative; margin: 0 0 0 260px; padding: 0 0 25px 25px; width: 680px; min-height: 505px; height: auto; border-left: 1px solid #003564; text-align:justify; }

.body #content #title       { margin: 0; padding: 20px 0 5px 0; font: bold 14pt Arial; color: #003869; text-transform: uppercase; clear:both; }
.footer .contentLeft				{ width: 580px; float: left; margin: 0; }
.footer .contentRight				{ width: 420px; float: left; margin: 0; }

.footer                     { position: relative; width: 1000px; height: 115px; padding-top: 20px; margin: 0 auto; text-align: center; font-family: Arial; font-size: 8pt; color: #003564; background: #FFFFFF; z-index: 20; border: 1px solid #003564; }
.footer #links a            { color: #003564; text-decoration: none; border-bottom: 1px solid #003564; }
.footer #links a:hover      { border-bottom: #FFFFFF; }
.footer #sponsors           { width: 576px; height: 38px; margin: 5px auto; }
.footer #sponsors a img     { text-decoration: none; outline: none; border: none; height: auto; width: auto; }
.footer #address            { margin: 5px auto; }
.footer #copyright          { color: #999999; }

.calendar th								{ font-weight: bold; text-align: center; color: white; background: #0063BF; }
.calendar th.eventLink			{ text-align: left; }

#calHead							{ position:relative; height:20px; }
#calHead #prev						{ width:10%; float:left; }
#calHead #month						{ font-weight:bold; width:80%; float:left; }
#calHead #next						{ width:10%; float:left; }
#calendar							{ border:solid 1px #0063BF; border-bottom:none; }
#calendar th						{ font-weight: bold; text-align: center; color: white; background: #0063BF; border-top:solid 1px #FFF; border-left:solid 1px #FFF; }
#calendar th.left					{ font-weight: bold; text-align: center; color: white; background: #0063BF; border-left:solid 1px #0063BF; }
#calendar td						{ height:50px; border-left:solid 1px #0063BF; border-bottom:solid 1px #0063BF; }
#calendar .dayLeft					{ border-left:none; }
#calendar .dayOff					{ background-color:#ddd; }
#calendar .dayOffLeft				{ background-color:#ddd; border-left:none; }
#calendar .day,
#calendar .dayLeft					{ padding:2px; }
#calendar .eventTitle				{ font-size:10px; margin-bottom:5px; cursor:pointer; }
#calendar .eventDescription			{ position:absolute; background-color:#ccc; width:200px; height:40px;border:solid 1px #0063BF; padding:2px; font-size:9px; }
.eventTitle span					{ font-size:8px; }

#filterForm							{ display:inline; }
#filter								{ position:relative;margin-bottom:15px;border:solid 1px #0063BF; }
#filterInner						{ padding:5px; }
#filterToggleShow,
#filterToggleHide					{ position:absolute;top:-18px;right:0px;width:60px;border:solid 1px #0063BF;border-bottom:none;padding:2px;font-size:10px;text-align:center;cursor:pointer; }
#filterDisplay						{ position:relative;text-align:center; margin:15px 0; }
.filterRow							{ position:relative;clear:both; }
.filterLabel						{ position:relative;float:left;width:15%; }
.filterField						{ position:relative;float:left;width:83%;min-height:20px;border-bottom:solid 1px #ccc;padding-bottom:2px; }
.filterCheckbox25					{ position:relative;width:25%;float:left; }
.filterCheckbox33					{ position:relative;width:33%;float:left; }
.filterButton						{ text-transform:uppercase;text-decoration:none;background: #0063BF;color:#FFFFFF;font: 10pt Georgia, "Times New Roman", Times, serif;border:none; }

#swf										{ float:right; margin-left:15px; }
.multiLink							{ margin-left:20px; }
.multiDesc							{ margin:0 0 5px 20px; }

div.print							{ text-align: right; }

.newsItem, .newsItemFull			{ position:relative; margin-bottom:20px; height:170px; padding:2px; border:solid 1px #0063BF; }
.newsItemFull						{ height:auto; overflow:auto; }
.newsItemFull .newsImage			{ position:relative; float:right; margin:0 0 8px 8px; width:200px; height:200px; }
.newsItem .newsImage				{ position:relative; float:right; margin:0 0 8px 8px; width:100px; height:100px; }
.newsTitle							{ font-size:12pt; font-weight:bold; background-color:#0063BF; color:#fff; padding-left:5px; margin-bottom:4px;  }
.newsTitle a						{ color:#fff; text-decoration:none; }
.newsTitle a:hover					{ color:#ccc; }
#newsArchive						{ border:solid 1px #0063BF; margin-top:15px; }
.newsArchiveRow						{ position:relative; clear:both; }
.newsArchiveRow .title				{ width:365px; float:left; padding-left:2px; border-left:solid 1px #0063BF; }
.newsArchiveRow .date				{ width:120px; float:left; border-right:solid 1px #0063BF; }
.newsArchiveHdr						{ background-color:#d8e8f8; border-bottom:solid 1px #0063BF; }
.newsArchiveHover					{ background-color:#fff94c; }
.newsArchiveLink					{ text-decoration:none; font-weight:bold; }

.contactTable						{ border:solid 1px #0063BF; }
.contactTable td					{ background-color:#d8e8f8; text-align:left; }
.contactTable .hdr					{ background-color:#0063BF; color:#fff; font-weight:bold; padding-left:4px; }