/* CSS Document */

body {
	background: #c9cccf url(../images/blue-bg.jpg) top left repeat-x;
}
ul {
        padding-left: 20px;
        margin-left: 0;
        margin-bottom: 10px;
}

ol {
        padding-left: 25px;
        margin-left: 0;
}
h1#swosulogo{
	display: none;
}
@media print {
	h1#swosulogo {
		height: 79px;
		width: 200px;
		display: block;
		}
		}
/* Top Navigation Styles */
#topnav {
	width: 760px;
	height: 50px;
	text-align: left;
        margin: 0 auto;
}
#topnav-menu{
	width: 760px;
	height: 50px;
	background: transparent url(../images/subpage/topnav-sub.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	position: relative;
}
#topnav-menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
}
#topnav-menu li, #topnav-menu a{
	height: 50px;
	display: block;
}
#topnav_future{left: 41px; width: 114px; text-indent: -5000px; overflow: hidden;}
#topnav_current{left: 157px; width: 103px; text-indent: -5000px; overflow: hidden;}
#topnav_faculty{left: 262px; width: 103px; text-indent: -5000px; overflow: hidden;}
#topnav_alumni{left: 367px; width: 103px; text-indent: -5000px; overflow: hidden;}
#topnav_wford{left: 472px; width: 103px; text-indent: -5000px; overflow: hidden;}

/* Hovers */
#topnav_future a:hover {background: transparent url(../images/subpage/topnav-sub.jpg) -41px -50px no-repeat}
#topnav_current a:hover {background: transparent url(../images/subpage/topnav-sub.jpg) -157px -50px no-repeat}
#topnav_faculty a:hover {background: transparent url(../images/subpage/topnav-sub.jpg) -262px -50px no-repeat}
#topnav_alumni a:hover {background: transparent url(../images/subpage/topnav-sub.jpg) -367px -50px no-repeat}
#topnav_wford a:hover {background: transparent url(../images/subpage/topnav-sub.jpg) -472px -50px no-repeat}
/* End Top Navigation Styles */
/* Quicklinks Styles */
#quicklinks-sayre {
	position: absolute;
	right: 0;
	top: 15px;
	width: 183px;
	height: 167px;
        margin: 0;
	padding: 0;
	background: transparent url(../images/subpage/quicklinks.png) no-repeat top left;
	z-index: 1;
}
#quicklinks-sayre li {
        margin: 0;
	padding: 0;
	list-style: none;
}
#quicklinks-sayre li, #quicklinks-sayre a {
        height: 19px;
        width: 171px;
	display: block;
}
#stu-webmail{left: 7px; width: 171px; text-indent: -5000px; overflow: hidden; position: absolute; top: 25px;}
#emp-webmail{left: 7px; width: 171px; text-indent: -5000px; overflow: hidden; position: absolute; top: 53px;}
#d2l{left: 7px; width: 171px; text-indent: -5000px; overflow: hidden; position: absolute; top: 81px;}
#my-swosu{left: 7px; width: 171px; text-indent: -5000px; overflow: hidden; position: absolute; top: 109px;}
#sayre-home{left: 7px; width: 171px; text-indent: -5000px; overflow: hidden; position: absolute; top: 137px;}

#stu-webmail a:hover {background: transparent url(../images/subpage/quicklinks.png) -7px -167px no-repeat;}
#emp-webmail a:hover {background: transparent url(../images/subpage/quicklinks.png) -7px -186px no-repeat;}
#d2l a:hover {background: transparent url(../images/subpage/quicklinks.png) -7px -205px no-repeat;}
#my-swosu a:hover {background: transparent url(../images/subpage/quicklinks.png) -7px -224px no-repeat;}
#sayre-home a:hover {background: transparent url(../images/subpage/quicklinks.png) -7px -243px no-repeat;}
/* End Quicklinks Styles */

#left-col {
        width: 550px;
        position: relative;
        left: 25px;
        text-align: left;
        float: left;
}
#page-header{
	background: transparent url(../images/subpage/header-bg.gif) top left no-repeat;
	width: 546px;
        height: 35px;
	text-indent: 70px;
        position: relative;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: italic;
        font-weight: bold;
        color: #3f4a58;
        margin: 0;
        padding-top: 15px;
}

#contact {
        position: absolute;
        right: 5px;
        top: 10px;
}
#contact p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #fff;
        margin: 0;
        padding: 0;
        line-height: 10px;
        text-align: right;
}
#contact a, #contact a:visited,#contact a:active {
       color: #fff;
       text-decoration: none;
}
#contact a:hover {
       text-decoration: underline;
       color: #eee;
}
#pg-body-wrapper {
 	background: url(../images/subpage/content-bg.gif) left top repeat-y;
        min-height: 400px;
        height:auto !important;
        height:400px;
}
#pg-inner {
        width: 520px;
        margin: 0  5px 0 20px;
        padding-bottom: 10px;
        text-align: left;
}

#content-btm {
	width: 546px;
	height: 15px;
        float: left;
        margin-bottom: 5px;
	background: transparent url(../images/subpage/gray-body-btm.gif) top left no-repeat;
	position: relative;
}

#right-col{
       float: right;
       width: 185px;
       background: transparent url(../images/subpage/menu-header.gif) top left no-repeat;
       margin-top: 45px;
       padding-top: 35px;
       position: relative;
}

/* Accordion Styles */
ul#menu {
  margin: 0;
  padding: 0;
  width: 185px;
  text-align: left;
  background: transparent url(../images/subpage/menu-bg.gif) top left repeat-y;
}

ul#menu ul {
  display: none;
}
ul#menu li.category, ul#menu li.selected {
  border-top: 1px solid #ccc;
  border-collapse: collapse;
}
html>body ul#menu li.category, ul#menu li.selected {
  border-top: 2px solid transparent;
  border-collapse: collapse;
}

ul#menu li.category ul, ul#menu li.selected ul {
  margin: 0;
  padding: 0;
}
ul#menu li.category a.category-link {
  display: block;
  position: relative;
  left: 4px;
  width: 181px;
  height: 22px;
  background-image: url(../images/subpage/menu-btn.gif);
  color: #EFE4C1;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  line-height: 22px;
  text-indent: 5px;
}
ul#menu li.category a.selected {
  background-image: url(../images/subpage/menu-btn-active.gif);
  color: #960;
}

ul#menu, ul#menu li ul {
  list-style-type: none;
}
ul#menu li.category ul li, ul#menu li.selected ul li {
  border-bottom: 1px solid #505F70;
  margin-left: 4px;
}
ul#menu li.category ul li a, ul#menu li.selected ul li a {
  background: url(../images/subpage/menu-bullet.gif) center left no-repeat;
  color: #4A3200;
  font-family: sans-serif;
  font-size: 12px;
  text-decoration: none;
  margin-left: 4px;
  padding: 2px 0 0 8px;
}
ul#menu li.category ul li a:hover {
  color: #293f6f;
  text-decoration: none;
  }
#menu-btm {
  width: 185px;
  height: 10px;
  background: url(../images/subpage/menu-btm.jpg) top left no-repeat;
}
/* End Accordion */

/* Styles for Tabs */
#qlinks-tabs {
        width: 185px;
        height: 234px;
        position: relative;
        float: left;
        background:url(../images/subpage/gray-sub-tabs.gif) top left no-repeat;    
}
#tabs {

  width: 185px;
  height: 24px;
  position: relative;
  float: left;
}
.ui-tabs-nav {
}
#tabs ul li.tab-link {
  list-style-type: none;
  display: inline;
}
#news-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 92px;
  height: 24px;
  overflow: hidden;
  text-indent: -5000px;
}
#events-tab {
  position: absolute;
  top: 0;
  left: 93px;
  width: 92px;
  height: 24px;
  overflow: hidden;
  text-indent: -5000px;
}
.ui-tabs-selected #news-tab {
  background: url(../images/subpage/gray-sub-tabs.gif) 0 -24px no-repeat;
}
.ui-tabs-selected #events-tab {
  background: url(../images/subpage/gray-sub-tabs.gif) -93px -24px no-repeat;
}
.ui-tabs-selected {
}
.ui-tabs-unselect {
}
.ui-tabs-disabled {
}
.tab-content {
	position: absolute;
	top: 24px;
        left: 0;
	width: 185px;
	height: 210px;
	background: url(../images/subpage/gray-sub-tab-content.gif) no-repeat;
        text-align: left;
        overflow: hidden;
}
.ui-tabs-hide {
  display: none;
}

.ui-tabs-panel {
  margin-top: 3px;
  margin-left: 5px;
  /*width: 165px;*/
  height: 190px;
  overflow: auto;
}
#news {
	margin: 10px 5px 5px 7px;
        font-size: 11px;
	}
#events {
	margin: 0 5px 5px 7px;
        font-size: 11px;
}
.newstitle {
        margin: 0;
        padding: 0;
}
.newstitle a, .newstitle a:visited, .newstitle a:active {
        text-decoration: none;
        color: #6c3718;
        font-size: 11px;
        margin: 0;
        padding: 0;
}
.newstitle a:hover  {
        color: #293f6f;
}
.newsdate {
        color: #666; 
        border-bottom: 1px dashed #ccc;
}
#more-events a, #more-events a:visited, #more-events a:active {
      text-decoration: none;
      color: #6c3718;
      font-size: 11px;
}
#more-news a, #more-news a:visited, #more-news a:active {
      text-decoration: none;
      color: #293f6f;
      font-size: 11px;
}
#more-events a:hover {
        color: #293f6f;
}
#more-news a:hover {
        color: #6c3718;
}
/* End Tabs */
/* Admissions Subpages Quicklinks Styles */
#qlinks-admissions-sub {
	position: absolute;
	right: 0;
	top: 10px;
	width: 167px;
	height: 158px;
        margin: 0;
	padding: 0;
	background: transparent url(../images/admissions/quicklinks-sub.png) no-repeat top left;
	z-index: 1;
}
#qlinks-admissions-sub li {
        margin: 0;
	padding: 0;
	list-style: none;
}
#qlinks-admissions-sub li, #qlinks-admissions-sub a {
        height: 35px;
        width: 156px;
	display: block;
}
#apply-sub{left: 6px; width: 156px; text-indent: -5000px; overflow: hidden; position: absolute; top: 10px;}
#info-sub{left: 6px; width: 156px; text-indent: -5000px; overflow: hidden; position: absolute; top: 45px;}
#tour-sub{left: 6px; width: 156px; text-indent: -5000px; overflow: hidden; position: absolute; top: 80px;}
#home-sub{left: 6px; width: 156px; text-indent: -5000px; overflow: hidden; position: absolute; top: 115px;}

#apply-sub a:hover {background: transparent url(../images/admissions/quicklinks-sub.png) -6px -158px no-repeat;}
#info-sub a:hover {background: transparent url(../images/admissions/quicklinks-sub.png) -6px -193px no-repeat;}
#tour-sub a:hover {background: transparent url(../images/admissions/quicklinks-sub.png) -6px -228px no-repeat;}
#home-sub a:hover {background: transparent url(../images/admissions/quicklinks-sub.png) -6px -263px no-repeat;}
/* End Quicklinks Styles */
#sequence-search a {
  width:  70px;
  height: 58px;
  display: block;
  background: url(../images/doc-search.gif) no-repeat left top;
  position: absolute;
  top: 60px;
  right: 20px;
}

#course-sequence-header {
  width: 390px;
  position: relative;
  margin: 5px 5px 20px 110px;
  padding: 5px;
  background-color: #eee;
  border: 1px solid #ccc;
  font-weight: bold;
}

#sequence-search a {
  width:  70px;
  height: 58px;
  display: block;
  background: url(../images/doc-search.gif) no-repeat left top;
  position: absolute;
  top: 60px;
  right: 20px;
}

#pub-search {
        width: 70px;
        height: 58px;
        float: right;
        background: url(../images/doc-search.gif) no-repeat;
        text-indent: -5000px;
}

#pub-search a {
        width: 70px;
        height: 58px;
        display: block;
}

#forms-pg-top {
  margin: 10px 0 10px 110px;
  text-align: center;
  border-bottom: 1px dashed #ccc;
  border-top: 1px dashed #ccc;
}

#careers {
  width: 181px;
  padding: 2px;
  border: 1px dashed #ccc;
  text-align: center;
  float: right;
  margin-top: 5px;
  background-color: #eee;
}

#alert { 
  padding: 2px; 
  border: 1px solid;
  background: #eee;
  width: 515px;
  font-size: 120%;
}


#maps{
float:left;
height:165px;
width:400px;
padding:0;
position:relative;
background:#660000;
text-align:center;
margin-top: 15px;
}

#map ul {
float:left;
width:190px;
height:157px;
margin:0;
padding:0;
position:relative;
}

#maps li{
float:left;
margin:0;
padding:0;
list-style: none;
position: absolute;
}

#maps li, #maps a {
height:157px;
display:block;
}
#maps li a
{
list-style:none;
display:block;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
height:157px;
width:190px;
color:#fff;
}


#map-campus{
left:7px;
width:190px;
overflow:hidden;
background: url(../../administration/security/images/campus-map.jpg) no-repeat center bottom;
}

#map-city{
left:204px;
width:190px;
overflow: hidden;
background: url(../../administration/security/images/city-map.jpg) no-repeat center bottom;
}

#sayre-code{
background-color: #EEEEEE;
border: 1px solid #999999;
color: #333333;
font-size: 130%;
font-weight: bold;
margin: 30px 0 0 365px;
padding: 3px;
text-align:center;
width: 145px;
}

#personnel{
padding:5px;
}

#personnel ul{
list-style:none;
}

#personnel li{
text-align:center;
height:210px;
}

#personnel h2 {
padding-top:20px;
}
.hrgm-fac {
height: 135px;
width: 400px;
margin: 0 auto;
border-bottom: 1px dashed #666;
}
.hrgm-faculty {
font-size: 130%;
color: #293f6f;
font-weight: bold;
}