/* CSS Document */
* {line-height:1.5em;}
body {padding:0px; text-align:center; background-color:#eeeeee; margin:0px; color:#333333; font-size:12px; font-family:Arial, Helvetica, Verdana, sans-serif; font-weight:normal; font-style:normal; line-height:16px;}
/***
TEXT
****/
a:link, a:visited {color:#891919;font-weight:normal;}
a:hover {font-weight:normal;}
h1 {color:#333; font-weight:bold; text-transform:none; font-size:22px; line-height:19px; float:left; padding:10px 0; margin-bottom:15px; width:600px;}
h1 em {font-size:18px; font-style:italic; font-weight:bold;}
h2 {color:#333; font-weight:bold; text-align:left; font-size:16px;}
h2 a{border:none;text-decoration:none;color:#333; font-weight:bold; text-align:left; font-size:16px;}
h2 em {font-size:16px; font-style:italic; font-weight:bold;}
h3 {color:#333; font-weight:bold; text-align:left; font-size:16px; }
h3 em {font-size:13px; font-style:italic; font-weight:bold;}
br {margin-top:0.1em;}
em {font-style:italic;}
strong {font-weight:bold;}
ul {margin:10px 22px 20px 22px; list-style-position:inside; list-style-image:none; list-style-type:disc;}
li {line-height:17px; list-style-position:inside; list-style-type:disc;}
img {border:0px;}
img.photo {padding:0 0 0 0;}
img.photoLeft {padding-right:15px; padding-bottom:8px; float:left; }
img.photoLeftFeature {padding-right:15px; float:left;}
img.photoRight {padding-left:15px; padding-bottom:3px; float:right;}
.smallText {font-size:12px; font-family:Arial, Helvetica, Verdana, sans-serif;}
/***
CONTAINER and MAIN Content
***/
div#container {margin:0px auto; padding:0px; text-align:left; width:830px;}
/***
Top Nav
***/
#nav {
	margin:0; 
	width:100%; 
	height:34px; 
	background:#494039 url(http://spu.edu/images/nav-bg.png) repeat-x 0 0;
	padding-left: 9%;
	box-sizing: border-box;
}
#nav li {float:left; padding:8px 0 5px 0; list-style:none;}
#nav li a {padding:0 20px;text-decoration:none; font-size:13px; font-weight: bold;color:#fff;border-right:1px solid #ccc;}
#nav .last a {border: none;}
#nav li a:hover { color: #dddddd; }
.navContainer{}

#banner {float:left; width: 160px; margin: 0 0 15px; padding: 0;}
div#rightContent       { width:160px; margin:0px; padding:15px 20px 0 20px; text-align:left; float:right; }
div#rightContent ul    { list-style-position:inside; list-style:none; margin:10px;}
div#rightContent ul li { list-style-type:none; list-style-position:outside;}
div#rightContent ul li a {text-decoration:none;  color:#FFFFFF; font-size:12px; line-height:20px; text-transform:none; padding:10px; display:block;}
div#rightContent ul li a:hover {background-color:#f4f0e3; text-decoration:none; color:#FFFFFF;}
div#rightContent ul li a.navselect {color:#eee;}
div#rightContent ul li a.navselect:hover {text-decoration:none; color:#FFFFFF;}
div#rightContent ul li ul {list-style-position:inside; list-style:none; margin:0px; padding-left:0px; padding-top:0px; font-weight:normal;}
div#rightContent ul li li {list-style-type:none; font-size:10px; font-weight:normal; margin-left:7px; line-height:13px;}
div#rightContent ul li li a {text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:10px; line-height:14px; padding:3px;}
div#rightContent ul li li a:hover {text-decoration:underline; color:#FFFFFF; background-color:#333333;}
div#rightContent ul li li a.navselect {background-color:#f4f0e3; text-decoration:none; color:#FFFFFF; font-size:10px; padding:3px;}
div#rightContent ul li li a.navselect:hover {background-color:#FFFFFF; text-decoration:none; color:#333333;}
div#rightContent ul li li a.navselectsimple {text-decoration:none; font-weight:normal; color:#FFFFFF; font-size:10px; line-height:12px; padding:3px;}
div#rightContent ul li li a.navselectsimple:hover {text-decoration:underline; color:#FFFFFF;}
div#rightContent h3      { font-size:14px; margin-top: 0; }
div#rightContent p       { float: left; margin-bottom: 15px; width: 100%; }
div#rightContent p#first { margin: 0; padding: 0 20px 0 0; clear: both; }
/***
Main Content and Wrap
***/
div#contentWrapper {background-color:#fff; width:830px; height:auto; margin:0px; padding:0px; float:left;}
div#subheader {height:150px; background-color:#666666;}
div#mainContent {background-color:#FFFFFF; width:600px; height:auto; margin: 0 0 35px 25px; padding: 0px; float:left; display:inline; }
div#mainContent a {text-decoration:underline;}
div#mainContent a:hover {text-decoration:none;}
div#text {background-color:#FFFFFF; width:600px; min-height: 450px; margin: 20px 0 35px 25px; padding: 0px; float:left; display:inline;}
div#text li {margin-bottom:12px; margin-top:0;}
div#text li li {margin:0 0 7px 15px; list-style-type:circle;}
/****
In the Loop Box
/
div#intheLoopBox {width:100%; height:150px; background-color:#888; text-align:center;}
/****
Featured Story Box
/
h2#featuredstoryTitle a { color:#333; font-weight:bold; text-transform:none; font-size:22px; text-align:left; text-decoration:none;}
div#featuredstoryBox {background-color:#f2f0e9;height:auto; width:580px; margin:30px 0 5px 0; float:left; padding:20px 20px 0 0; font-size:12px}
div#featuredstoryBox a.featuredTextLink {font-size:12px; font-weight:bold; color:#666666;}
div#featuredstoryBox a.featuredTextLink:hover {text-decoration:none; background-color:#666666; color:#FFFFFF;}
div#featuredstoryBox img {}
/***
Main Content and Wrap
***/
div#middleWrapper {background-color:#FFFFFF; margin:0px; padding:0px; float:inherit; }
/****
Buzz on Campus Box
/
div#buzzBox {
float: left;
border-right: 1px solid #EEE;
min-height: 240px;
height: auto;
margin: 0;
width: 270px;
padding: 0 20px 0 0;
font-size: 12px;
}
h2#buzzTitle{color:#333; margin:0 0 8px 0; font-weight:bold; font-size:16px; text-transform:none; text-align:left; padding:5px 0px; }
div#buzzBox ul        { float: left; margin: 0; padding: 0; }
div#buzzBox ul li     { float: left; width: 270px; margin: 0; padding: 0 0 12px 0; list-style-type: none; }
div#buzzBox ul li a   { font-size:12px; }
div#buzzBox ul li a em{ font-style:italic; font-size:12px;}
/****
President's Box
/
div#presidentsBox {
float: left;
width: 270px;
margin: 0;
padding: 0 0 0 20px;
min-height: 220px;
font-size: 12px;
}div#presidentsBox p{ margin:0 0;}
h2#presidentsTitle { color:#333; width:270px; margin:0 0 8px 0; font-weight:bold; font-size:16px; text-transform:none; text-align:left; padding:5px 0;}
div#presidentsBox p{padding-bottom:12px;}
/****
Engaging the Culture Box
/
h2#engageCultureTitle a { margin:0 0 10px 0; padding:15px 0 5px 0; color:#333; font-weight:bold; font-size:16px; text-transform:none; text-align:left; text-decoration:none; }
div#engageCultureBox { margin:0 20px 10px 0; width:570px; float:left; padding:0px; font-size:12px;}
/****
Advice Column Box
/
h2#adviceColumnTitle a {color:#333; margin:0 0 10px 0; font-weight:bold; font-size:16px; text-transform:none; text-align:left; padding:15px 0 5px 0; text-decoration: none; }
div#adviceColumnBox    { margin:0 0px 10px 0; width:570px; float:left; padding:0px; font-size:12px;}
div#adviceColumnBox ul {margin-top:7px; list-style-position:outside; margin-left:15px; line-height:13px;}
div#adviceColumnBox li {font-size:12px; line-height:1.8em;}
div#adviceColumnBox li strong {font-size:12px; line-height:15px; font-weight:bold;}
div#adviceColumnBox ul li a {font-size:12px;}
/****
eÂ鶹ӳÏñletter Sign Up Box
/
h3#enewsletterSignUpTitle  { color:#333; font-weight:bold; text-transform:none; font-size:14px; text-align:left; float:left; margin:0 0 10px 0; padding:0;}
div#enewsletterSignUpBox   { float: left; width: 160px; padding: 15px 0; font-size:12px; line-height:13px !important; }
div#enewsletterSignUpBox em{ font-style:italic; font-size:12px!important; }
/****
Message from the Staff Box
/
h3#staffMessageTitle      { color:#333; font-weight:bold; text-transform:none; font-size:14px; text-align:left; float:left; margin:0 0 10px 0; padding:0;width:160px;}
div#staffMessageBox       { float: left; width: 160px; padding: 0 0 15px 0; font-size:12px!important; }
div#staffMessageBox a     {font-size:12px!important; }
div#rightContent img.photo{ float: left; padding: 0 0 10px 0; clear: both;}
/****
Notice Box
/
#notice   { float:left; width: 160px; padding: 15px 0 0; font-size:12px!important; }
#notice h3{ color:#3e4d58; }

#callout {padding-bottom:10px;background-color:#f6f4ec;clear: left;}
#callout h3 {padding:15px 5px 0 20px;}
/***
/***
Footer
****/
div#footer {margin-top:5px; padding-top:4px; font-size:12px; line-height:12px; font-family:Arial, Helvetica, Verdana, sans-serif; width:830px; float:left; background-color:#f1f0ec;}
div#footer a {text-decoration:underline; font-weight:normal;}
div#footer a:hover {text-decoration:none;}
.footer_left {float:left;}
.footer_right {float:right;}
.footer_right a {padding-left:15px;}
.footer_bottom {}
/***
Forms
****/
#myForm {margin-top:20px;width:580px;}
#myForm label {display:block; width:140px;  padding:5px 10px 0 0;}
#myForm input[type="text"] {border:1px solid #ccc; padding: 5px; width:290px;}
#myForm textarea {border:1px solid #ccc; padding: 5px; width:560px;}
#myForm input[type="submit"] {margin-top:15px;}
/***
Classes
****/
.highlight {background:#385170;color:#fff;padding:3px 5px;}
.subhead {font-weight:bold; font-size:15px;}