* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
padding: 0;
margin: 0;
border: 0;
font-family: Univers, Arial, Helvetica, Verdana, san-serif;
font-size:16px;
line-height:20px;
}
 
body { 
text-align: center;
color: #000000;
margin:0;
padding:0;
}

/*--------------- General items --------------*/
h1 {
font-size:24px;
color:#003366;	
font-family:"Open Sans", sans-serif;
font-weight:300;
margin-left:0px;
margin-bottom:20px;
line-height:28px;
}	
  
h2 {
font-size: 18px;
color: #1D1D1D;
width: 100%;
height: auto;
margin: 15px 0px 5px 0px;
}

 
h3 {
font-size:16px;
font-weight: bold;
color: #1D1D1D;	
padding: 25px 0px 15px 0px;
}

h5 {
font-size:12px;
font-weight:bold;
color:#000000;
}
	 
a:link {   /* Link Styles */
/*text-decoration: none;*/ 
color: #04A;
}
   
a:visited {   /* Link Styles */
 /*  text-decoration: none; */
   color: #003366;
} 
  
a:visited:hover {
text-decoration: underline; color: #900;
} 
   
a:hover {
/* Link Styles */
text-decoration: underline;
color: #900;
}

.bold {
font-weight:bold;
}
   

   	/*--------------- End of general items --------------*/

#wrapper {
float:left;
position:relative;
width:100%;
min-width:1024px;
height:auto;
background:#f4f4f4 url (../images/page-background.png) repeat-x 0 24px;
background-color:rgb(244, 244, 244);
background-image:url(../images/page-background.png);
background-repeat:repeat-x;
background-attachment:scroll;
background-position:0px 24px;
background-clip:border-box;
background-origin:padding-box;
background-size:auto auto;
overflow:visible;
color:#000000;
}

#mainContainer {
width:100%;
min-width:1024px;
position:relative;
margin:0 auto;
text-align:left;
height:auto;
}

.header-wrapper { 
padding:0px;
margin:0 auto;
width:1024px; 
}

#header {
float:left;
position:relative;
background:url(../images/header-background.png) repeat-x;
height:auto;
width:100%;
min-width:1024px;
color:#000000;
display: block;
}

#psulogo {
float:left;
position:relative;
height:auto;
width:315px;
}

.title {
position:relative;
float:left;
display: inline-block;
color:#EDEDED;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-transform:uppercase;
text-align:left;
margin-left:30px;
margin-top:45px;
vertical-align:top;
}

/* Main Menu start */

#mainmenu {
position:relative;
display:table;
margin:0;
width:100%;
min-width:1024px;
background-color:#0370CC;
}

#topnav {
position:relative;
width:1024px;
margin:0 auto;
background-color:#0370CC;
}

#topnav ul {
border:none;
list-style:none;
text-align:center;
margin:0 auto;
width:100%;
min-width:1024px;
}

#topnav ul li {
display:inline-block;
position:relative;
margin:0 auto;
}

#topnav ul li a {
display:inline-block;
background-color:#0370CC;
margin:0 -2px;
padding:0 14px 0 14px;
height:50px;
line-height:50px;
font-size:14px;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
color:#fff;
text-transform:uppercase;
text-decoration:none;
border-right:solid 1px #2387CE;
}

#topnav ul li a.home {
border-left:solid 1px #2387CE;
}

#topnav li a:hover {
text-decoration:none;
color:#fff;
background:#145291;
}

/*Main Menu end*/

				
/*- Search Engine Form start -*/

form#search {
top:5px;
float: right;
position:relative;
margin: 0px 0px 0px 0px;
padding: 0;
}

input#searchString {
height: 17px;
border: 1px solid #003366;
font-size: 10px;
font-family: "Trebuchet MS";
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 2px;
color: #003366;
}

select#multiSearch {
height: 19px;
border: 1px solid #003366;
font-size: 10px;
font-family: "Trebuchet MS";
padding: 0;
margin: 3px 0px 0px 0px;
}

input#searchButton {
height: 20px;
font-size: 10px;
font-family: "Trebuchet MS";
margin: 0px 10px 0px 0px;
}

/* Search Engine Form end */

/*Intro start*/

#intro {
clear:both;
margin:0 auto;
width:100%;
max-width:974px;
background:#fff;
position:relative;
margin-top:20px;
padding-top:25px;
padding-bottom:50px;
padding-left:25px;
padding-right:25px;
box-shadow:0px 0px 5px rgba(50,50,50,0.25);
}

/*Intro end*/

/*Action Buttons start*/

#mainaction {
position:relative;
display:table;
margin:0;
width:100%;
min-width:1024px;
}

#action {
position:relative;
width:1024px;
margin:0 auto;
}

#action ul {
border:none;
list-style:none;
text-align:center;
margin:0 auto;
margin-top:-25px;
width:100%;
min-width:1024px;
}

#action ul li {
display:inline-block;
position:relative;
margin:0 auto;
}

#action ul li a {
display:inline-block;
background-color:#00264a;
margin:0 -2px;
padding:5px 10px 7px 10px;
width:310px;
height:auto;
line-height:22px;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-transform:uppercase;
text-decoration:none;
border-right:solid 1px #fff;
}

#action ul li a.events-calendar {
display:inline-block;
line-height:20px;
height:44px;
padding-top:6px;
}

#action li a:hover {
text-decoration:none;
color:#fff;
background:#145291;
}

#action li a:hover {
text-decoration:none;
color:#fff;
background:#145291;
}

/*Action Buttons end*/

/*Highlight Boxes start*/

#highlight-boxes, #highlight-boxes-announcement {
clear:both;
margin:40px auto;
width:100%;
max-width:880px;
position:relative;
display:table;
padding-bottom:18px;
}

#highlight-boxes-announcement .hbox-announcement {
background:#fff;
position:relative;
float:left;
width:860px;
height:160px;
margin-bottom:0px;
padding-bottom:20px;
box-shadow:3px 3px 3px -3px rgba(50,50,50,0.25), 3px 3px 3px -3px rgba(50,50,50,0.25), -3px 3px 3px -3px rgba(50,50,50,0.25);
column-count:2;
-moz-column-count:all;
-webkit-column-count:all;
}

#highlight-boxes-announcement .hbox-announcement-header {
background:#fff;
width:860px;
padding-bottom:0;
position:relative;
float:left;
box-shadow:3px 3px 3px -3px rgba(50,50,50,0.25), 3px 3px 3px -3px rgba(50,50,50,0.25), -3px 3px 3px -3px rgba(50,50,50,0.25);
}

#highlight-boxes-announcement .hbox-announcement-header .details {
padding-bottom:20px;
border-bottom:1px solid #ccc;
}

#highlight-boxes-announcement .hbox-announcement ul {
border-top:none;
padding-top:0;
padding-left:30px;
margin-top:0;
}

#highlight-boxes .hbox-staff {
background:#fff;
position:relative;
float:left;
width:410px;
height:365px;
margin-bottom:20px;
margin-right:20px;
padding-bottom:30px;
box-shadow:0px 0px 5px rgba(50,50,50,0.25);
}

#highlight-boxes .hbox-students {
background:#fff;
position:relative;
float:left;
width:410px;
height:365px;
margin-bottom:20px;
margin-left:20px;
padding-bottom:30px;
box-shadow:0px 0px 5px rgba(50,50,50,0.25);
}

#highlight-boxes .hbox-documentation {
background:#fff;
position:relative;
float:left;
width:860px;
height:300px;
margin-bottom:20px;
padding-bottom:20px;
box-shadow:3px 3px 3px -3px rgba(50,50,50,0.25), 3px 3px 3px -3px rgba(50,50,50,0.25), -3px 3px 3px -3px rgba(50,50,50,0.25);
column-count:2;
-moz-column-count:all;
-webkit-column-count:all;
}

#highlight-boxes .hbox-documentation-header {
background:#fff;
width:860px;
padding-bottom:0;
position:relative;
float:left;
box-shadow:3px 3px 3px -3px rgba(50,50,50,0.25), 3px 3px 3px -3px rgba(50,50,50,0.25), -3px 3px 3px -3px rgba(50,50,50,0.25);
}

#highlight-boxes .hbox-documentation-header .details {
padding-bottom:20px;
border-bottom:1px solid #ccc;
}

#highlight-boxes .hbox-documentation ul {
border-top:none;
padding-top:0;
padding-left:30px;
margin-top:0;
}

#highlight-boxes h2 {
background:#0370CC;
color:#fff;
display:block;
padding:10px 0px 10px 0px;
margin:0px 0px 20px 0px;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:bold;
}

#highlight-boxes h2 a {
background:#0370CC;
color:#fff;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:bold;
text-decoration:none;
}

#highlight-boxes-announcement h2 {
background:#bc204b;
color:#fff;
display:block;
padding:10px 0px 10px 0px;
margin:0px 0px 20px 0px;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:bold;
}

#highlight-boxes h2 a:hover, #highlight-boxes-announcement h2 a:hover {
text-decoration:underline;
}

#highlight-boxes h2 a:link, #highlight-boxes h2 a:visited, #highlight-boxes-announcement h2 a:link, #highlight-boxes-announcement h2 a:visited {
color:#fff;
font-weight:bold;
}

#highlight-boxes p, #highlight-boxes-announcement p {
margin:0 20px 20px 20px;
}

#highlight-boxes ul, #highlight-boxes-announcement ul {
margin-left:20px;
margin-right:15px;
margin-top:10px;
padding-top:20px;
border-top:1px solid #ccc;
}

#highlight-boxes ul li, #highlight-boxes-announcement ul li {
margin-bottom:16px;
margin-left:15px;
list-style-type:square;
padding-left:5px;
font-size:14px;
line-height:20px;
}

#highlight-boxes ul li a, #highlight-boxes-announcement ul li a {
color:#00366f;
font-weight:normal;
text-decoration:none;
font-size:14px;
line-height:20px;
}

#highlight-boxes ul li a:hover, #highlight-boxes-announcement ul li a:hover {
text-decoration:underline;
}

/* Highlight Boxes end */

/* Secondary Pages start */

#content {
clear:both;
margin:0 auto;
width:100%;
max-width:1024px;
height:auto;
background:#fff;
position:relative;
display:table;
margin-top:20px;
margin-bottom:20px;
padding-bottom:20px;
padding-top:20px;
box-shadow:0px 0px 5px rgba(50,50,50,0.25);
}

#maintext {
position:relative;
float:left;
display:inline-block;
width:55%;
min-width:563px;
padding:20px;
}

#maintext p {
margin-bottom:20px;
}

#maintext ul {
margin-left:20px;
margin-right:20px;
margin-top:10px;
}

#maintext ul li {
margin-bottom:18px;
margin-left:10px;
list-style-type:disc;
padding-left:5px;
}

#maintext ul li a {
color:#00366f;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:16px;
line-height:20px;
}

#maintext ul li a:hover {
text-decoration:underline;
}

/* Secondary Pages end */

/* Secondary Pages Left Navigation start */

#leftnav {
position:relative;
float:left;
display:inline-block;
width:25%;
max-width:200px;
background-color:#fff;
margin-right:20px;
margin-top:20px;
}

#leftnav ul {
width:100%;
min-width:200px;
border-top:5px solid #003366;
background-color:#B9D8EE;
list-style:none;
text-align:left;
margin:0 0 0 10px;
padding-top:5px;	
}

#leftnav ul li {
display:block;
position:relative;
margin-bottom:0px;
background-color:#B9D8EE;
}

#leftnav ul li ul {
width:80%;
min-width:190px;
background-color:transparent;
list-style:none;
margin:-10px 0px 0px 10px;
border-top:none;
}

#leftnav ul li.actionbutton {
display:block;
position:relative;
margin-bottom:5px;
background-color:#00264A;
}

#leftnav ul li.actionbuttonlast {
display:block;
position:relative;
margin-bottom:25px;
background-color:#00264A;
}

#leftnav ul li a {
display:block;
padding:10px 20px;
line-height:18px;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#00264A;
text-transform:uppercase;
text-decoration:none;
}

#leftnav li a:hover {
text-decoration:none;
text-decoration:underline;
}

/* Secondary Pages Left Navigation end */

/* Secondary Pages Training Listing start */

#trainingWrapper {
position:relative;
width:100%;
display:inline-block;
margin-bottom:25px;
}

#trainingRequester {
position:relative;
float:left;
width:42.5%;
margin-left:5%;
margin-right:5%;
}

#trainingRequester ul li {
list-style:outside;
padding-left:0px;
margin-left:0px;
}

#trainingRequester .bold {
font-weight:bold;
}

#trainingScheduler {
position:relative;
float:left;
width:42.5%;
margin-left:5%;
}

#trainingScheduler ul li {
list-style:outside;
padding-left:0px;
margin-left:0px;
}

#trainingScheduler .bold {
font-weight:bold;
}

.requester-training-calendar {
float:left;
width:45%;
margin-right:5%;
}

.scheduler-training-calendar {
float:right;
width:45%;
margin-left:5%;
}

/* Secondary Pages Training Listing end */

/* Secondary Pages Action Buttons start */

#action-secondary {
postion:relative;
float:right;
margin: 15px 15px 15px 0px;
width:16%;
max-width:165px;
}

#action-secondary ul {
postion:relative;
float:right;
border:none;
list-style:none;
margin:0;
width:75%;
min-width:150px;
padding-top:5px;
}

#action-secondary ul li {
display:inline-block;
position:relative;
float:right;
margin:0 0px 20px 0px;
}

#action-secondary ul li a {
display:inline-block;
background-color:#00264a;
margin:0 0 15px 0;
width:160px;
/*height:50px;*/
line-height:16px;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
text-decoration:none;
}

#action-secondary li a.reserve-space {
padding:20px 5px 20px 5px;
}

#action-secondary li a.manage-rooms {
padding:15px 5px 15px 5px;
}

#action-secondary li a.maps {
padding:30px 5px 30px 5px;
}

#action-secondary li a:hover {
text-decoration:none;
color:#fff;
background:#145291;
}

/*Secondary Pages Action Buttons end*/ 


/*-------------------- Content area ---------*/


DIV#mid_img {	
float:right;
height:180px;	/**********************height:184px; height read 154 changed 12/6 drr************************************/				
width: 630px;						
margin: 0px 0px 10px 0px;				
background:#ffffff;		
color: #000000;		 
}

DIV#mid_img_fs {	
float:right;
height:184px;
width: 630px;
text-align: center;
margin: 0px 0px 10px 0px;
background:#fff url(../../images/palmer.jpg) top left no-repeat; 
color:#000000;
}


DIV#mid_img_intra {	
float:right;
height:184px;
width: 630px;
text-align: center;
margin: 0px 0px 10px 0px;
background:#fff url(../../intranet/images/intra.png) top left no-repeat; 
color: #000000;
}


DIV#main_text {
float:left; 
font-size:12px;
text-align: left;
margin: 0px 0px 0px 25px;
width: 275px;
height: 100%;
}

DIV#main_text2 {
float:right; 
font-size:12px;
text-align: left;
margin: 0px 25px 0px 0px;
width: 275px;
height: 100%;
}

DIV#main_text h2 {
    float: left;
	}
	
DIV#main_text ul, DIV#main_text2 ul{
	float: left;
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 11px;
}			
			
DIV#main_text ul li, DIV#main_text2 ul li{
	display: block;
	line-height: 20px;
	margin: 0;
	text-indent: 3px;
	text-align: left;
}	
a img.pdf {
	margin: 0;
	padding: 0;
	border: none;
} 

/**************************************- NEWS BOX -********************************/		
DIV#news {
clear: both;
float: left;
margin: 16px 0px 0px 0px;
padding: 0;
}
				
DIV#news ul.newsList {
display: block;

float: left;
width: 330px;
height:auto;
margin: 800;
padding: 0;
}			
		
DIV#news ul.newsList li.newsT {
float:left;
height: 20px;
background-image:  url(../../images/newsHeader.gif);
background-repeat: no-repeat;
width: 268px;
}

DIV#news ul.newsList li.newsM {
height: 100%;
float:left;
padding: 0;
margin: 0;
background-image:  url(../../images/newsMiddle.gif);
background-repeat: repeat-y;
width: 268px;
text-indent: 0;
color: #003366;
}

DIV#news ul.newsList li.newsM a {
display: block;
/*padding: 0px 0px 0px 5px;*/
width: auto;
height: 100%;
margin: 0px 15px 0px 8px;
}

DIV#news ul.newsList li.newsB {
height: 20px;
float:left;
background-image:  url(../../images/newsBottom.gif);
background-repeat: no-repeat;
width: 270px;
}

/*-------------------- End of content area ---------*/	

/* Begin Unlock Lock Report Form */

#unlockLockForm {
height:155px;
margin-top:25px;
padding:15px 25px;
border:1px solid #ccc;
background-color:#f2f2f2;
}

form.unlockLock {
width:80%;
}

.formElement {
position: relative;
float: left;
width: 100%;
display: block;
padding: 10px 0px;
}

form.unlockLock label {
position:relative;
float:left;	
width:170px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

form.unlockLock .inputBox {
font:12px Arial, Helvetica, sans-serif;
width:150px;
height:20px;
padding-left:3px;
}

form.unlockLock p.format {
margin-top:0px;
margin-bottom:0px !important; 
margin-left:170px;
margin-right:0px;
padding:0px;
font-size:12px;
font-style:italic;
}

form.unlockLock select {
font-size:12px;
width:200px;
height:23px;
padding-left:3px;
}

.submitButton {
position:relative;
display:block;
margin-left:170px;
width:115px;
background-color:#0370CC;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
padding:6px;
border-radius:5px;
cursor:pointer;
}

.submitButton:hover {
background:#145291 none repeat scroll 0 0;
color:#fff;
text-decoration:none;
}

/* End Unlock Lock Report Form */	

#site_footer {
float:left;
position:relative;
background:url(../images/header-background.png) repeat-x;
height:auto;
width:100%;
min-width:1024px;
display: block;
}

#site_footer_container {
width:1024px;
position:relative;
margin:15px auto;
text-align:left;
height:70px;
}

.site_footer_legal {
float:right;
position:relative;
margin-top:25px;
}

.site_footer_legal ul {
float:right;
border:none;
list-style:none;
}

.site_footer_legal ul li {
display:inline-block;
position:relative;
margin:0;
font-size:14px;
font-weight:normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background-color:transparent;
border-right:1px solid #0370cc;
}

.site_footer_legal ul li.last {
border-right:none;
}

.site_footer_legal ul li a {
display:inline-block;
padding:0 8px 2px 4px;
font-size:12px;
font-weight:normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
background-color:transparent;
}

.site_footer_legal li a:hover {
text-decoration:underline;
color:#fff;
background-color:transparent;
}

.footer_logo {
float:left;
position:relative;
margin:0;
}

.footer_logo img {
height:auto;
width:160px;
}