@charset "utf-8";


/*Global styles for web site*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/shaded-bkg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #CBCBCB;
	background-attachment: fixed;
}
img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Hidden {
	visibility: hidden;
}

/***********Global DIVs***********/

#PageContainer {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	left: auto;
	right: auto;
	background-color: #FFF;
	margin-top: 6px;
	top: 0px;
}
#PageTop {
	height: 62px;
	position: relative;
	width: 100%;
	clear: right;
}
#Logo {
	float: left;
	padding-top: 2px;
	padding-left: 2px;
}
#Logo a   {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin: 0px;
}
#TopNav {
	text-align: right;
	background-color: #CCC;
	font-size: 0.75em;
	color: #000;
	width: auto;
	float: right;
	margin: 0px;
	height: auto;
	visibility: visible;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/nav-bar-bkgd4.gif);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	top: 0px;
}
#TopNav a  {
	color: #000;
	text-decoration: none;
}
#TopNav a:hover {
	color: #00C;
	text-decoration: underline;
}
#TopNav img  {
	margin: 0px;
	padding: 0px;
	text-align: right;
	vertical-align: top;
}
#NavBar {
	vertical-align: middle;
	display: block;
	clear: both;
	overflow: hidden;
	white-space: nowrap;
	color: #000;
	padding: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-bottom-color: #999;
}
#NavBar ul  {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	white-space: nowrap;
	display: block;
	font-size: 1em;
	font-weight: bold;
}
#NavBar li  {
	list-style-type: none;
	display: inline;
	color: #000;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 10px;
	padding-left: 10px;
}
#NavBar li a  {
	text-decoration: none;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 20px;
	padding-left: 20px;
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px;
}
#NavBar li a:visited {
	color: #000;
}
#NavBar li a:hover {
	color: #333;
	background-color: #FFF;
}
#MainContent {
	visibility: visible;
	clear: both;
	position: relative;
	margin: 0px;
	padding-top: .5em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#Caption {
	clear: both;
	width: 500px;
	font-size: 80%;
	padding-bottom: 0.4em;
	text-align: center;
	background-color: #FFF;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: .4em;
	padding-left: .4em;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}
#Caption p  {
	margin: 0px;
	text-align: center;
}

#Footer {
	text-align: center;
	font-size: 0.75em;
	clear: both;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}


#Footer p {
	margin: 2px;
}

/****************Home Page DIVs)**************************/
#SearchBox {
	margin: 0px;
	float: right;
	text-align: right;
	height: 27px;
	position: relative;
	clear: right;
	padding-top: 0px;
}
#SearchBox #search_SIUSM   {
	margin: 4px;
}
#SearchBox #search_SIUSM label #submit   {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-left: 0px;
}
#HomeLeftCol {
	float: left;
	width: 23%;
	margin-top: .4em;
	background-color: #FFF;
}
#HomeLeftCol #Welcome{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(../images/gradient-gray300rev.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #E6E6E6;
}
#HomeLeftCol #Welcome ul{
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: .3em;
	margin-top: 0px;
	margin-left: 0.4em;
	margin-right: 0.2em;
	margin-bottom: 0px;
}
#HomeLeftCol #Welcome .top ul li a{
	text-decoration: none;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#HomeLeftCol #Welcome .top ul li{
	padding-bottom: 7px;
}
#HomeLeftCol #Welcome .top ul li a:hover {
	text-decoration: underline;
}
#HomeLeftCol #Welcome .top ul li a:visited {
	text-decoration: none;
}
#HomeLeftCol #Welcome .top ul li a:visited:hover {
	text-decoration: underline;
}
/* Style Sheet for SIU-SM home page */

#Announcements {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#Picture {
	text-align: center;
	margin-top: 0.2em;
	vertical-align: top;
	float: none;
	background-color: #FFF;
	border: 1px none #CCC;
	padding-top: 10px;
	margin-bottom: 0.2em;
	overflow: hidden;

}
#Picture img  {
	background-color: #FFF;
	overflow: hidden;
	background-image: url(../images/shadow1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}

#Mission {
	background-color: #00806C;
	clear: both;
	float: none;
	height: auto;
	padding-top: 0.7em;
	padding-bottom: 0.3em;
	font-style: normal;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	font-size: 85%;
	font-family: Verdana, Geneva, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
#News {
	padding: 0em;
	clear: both;
	margin-top: 0.4em;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#RightCol {
	float: right;
	width: 24%;
	background-color: #FFF;
	margin-top: .4em;
}
#RightCol #News ul   {
	list-style-image: url(../images/bullet-grn-arrow.gif);
	font-size: 0.9em;
	padding-left: 0.8em;
	margin-top: 0px;
	margin-right: .1em;
	margin-bottom: 0px;
	margin-left: 0.4em;
}
#RightCol #News ul li   {
	padding-bottom: 0.6em;
	margin-left: 5px;
}
/***********DePartment Page DIVs************/
#DeptName {
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	clear: both;
	position: relative;
}
#DeptName h1 {
	margin: 0px;
	padding-left: 22px;
	font-size: 1.7em;
	padding-top: 0px;
	padding-bottom: 0px;
}
/************DIVs for SIU-SM Screen Door and Portal Pages***********/

#ScreenLeftCol {
	
	width: 17em;
	float: left;
	margin-left: 2px;
	margin-bottom: 0px;
	margin-right: 2px;
	margin-top: 0.4em;
}
#ScreenLeftCol #Links {
	display: block;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	margin-top: 0px;
	margin-right: 0.5em;
	margin-bottom: 0px;
	margin-left: 0.5em;
	padding: 0px;
}
#ScreenLeftCol #Links    ul{
	margin-left: 0.4em;
	margin-right: 0.2em;
	font-size: 1em;
	padding-top: 0.1em;
	list-style-type: none;
	padding-left: 0.4em;
	margin-top: 0.1em;
	margin-bottom: 0px;
}
#ScreenLeftCol #Links ul    li{
	padding-bottom: 7px;
}
#ScreenLeftCol #Links ul li a{
	color: #000;
	text-decoration: none;
}
#ScreenLeftCol #Links ul li a:hover {
	text-decoration: underline;
}
#ScreenLeftCol  #Links ul li a:visited {
	text-decoration: none;
}
#ScreenLeftCol #Links ul li a:visited:hover {
	text-decoration: underline;
}
#ScreenBlurb  {
	text-align: left;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#ScreenBlurb p {
	margin: 0px;
}
#ScreenContent {
	text-align: left;
	margin-left: 18em;
	vertical-align: top;
	margin-right: 3em;
	margin-bottom: 1em;
	padding-top: 0.4em;
	padding-bottom: 2em;
	padding-left: 1em;
}

#ScreenPicture{
	text-align: center;
	margin-left: 18em;
	vertical-align: top;
	margin-right: 3em;
	margin-bottom: 1em;
	padding-top: 0.4em;
	padding-bottom: 2em;
	padding-left: 1em;
	border: 1px solid #CCC;
}
#ScreenPicture p {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ScreenPicture img {
	margin: 0px;
}
/***********Web Site Styles***********/
.announcements {
	padding-left: 18px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 1em;
}
.bg-gray {
	background-color: #D2D2D2;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.current-page {
	color: #000;
	background-color: #FFF;
	padding: 3px;
}

.float-left {
	float: left;
}
.footer-shadow {
	background-image: url(../images/nav-shadow.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


.gray-bg {
	background-color: #EEE;
	background-repeat: repeat-x;
}

.green-bg {
	background-color: #00806C;
}

.hidden {
	visibility: hidden;
	text-align: center;
}
.lt-gray-bg {
	background-color: #CCC;
}

.lt-green-bg {
	background-color: #B3CCB3;
}
.lt-green-bg-centered-text {
	background-color: #B3CCB3;
	text-align: center;
}


.news-welcome-header {
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 7px;
}

.picture-frame {
	background-color: #FFF;
	background-image: url(../images/shadow1.gif);
	background-position: right bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-repeat: no-repeat;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
	margin-left: -10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #000;
}

.screen-door-header {
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-bottom: 7px;
	margin-top: 0px;
	border-bottom-width: 1px;
}

.SearchBox {
	background-color: #CCC;
	margin: 0px;
	height: 15px;
	padding: 0px;
}

.search-button {
	margin: 0px;
}

.shadow-horiz {
	background-image: url(../images/nav-shadow.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.shadow-vert {
	background-image: url(../images/nav-shadow-vert.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

.white-bg {
	background-color: #FFF;
}

.centered-less-spacing {
        text-align: center;
        margin: 0px;
        padding: 0px;
        font-size: .85em;
}

.less-spacing {
        padding-bottom: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}