body {
font-family:verdana, arial;
font-size:11px;
color:#333;
margin:15px;
}

.spacer {
height:5px;
}

.separator {
width:15px;
border:0;
height:100px;
}

#header {
height:45px;
width:750px;
}

#newsrow {
left:676px;
top:44px;
position:absolute;
}

#calendarrow {
left:492px;
top:44px;
position:absolute;
}

#mainnav {
width:750px;
margin:0 0 3px;
}

#mainnavbottom {
width:750px;
height:35px;
margin:0;
}

#sectionphoto {
width:750px;
height:182px;
border:0;
background-color:#bcbbdd;
padding-bottom:9px;
}

#slide {
width:750px;
height:182px;
border:0;
background-color:#bcbbdd;
background-image:url('../img/hp/mainphoto_landscape2.jpg');
padding-bottom:0;
overflow:hidden;
position:relative;
}

.maincontent {
margin-left:15px;
margin-top:20px;
width:705px;
}

.textheader {
width:400px;
margin-bottom:8px;
padding:8px 0 0;
}

div.hpspace {
margin-top:5px;
margin-bottom:25px; /*30px*/
padding-top:0;
padding-bottom:0;
}

.hpleftnav {
margin-top:20px;
margin-left:10px;
margin-right:5px;
background-color:#E9EEF4;
border:0;
width:125px;
}

.leftnavitem {
background-color:#E9EEF4;
font-family:verdana,arial;
color:#369;
text-decoration:none;
font-size:10px;
width:140px;
line-height:16px;
padding:5px 8px;
}

.leftnavoitem A:hover {
background-color:#fff;
font-family:verdana,arial;
color:#f60;
text-decoration:none;
font-size:10px;
width:140px;
}

.leftnav {
background-color:#E9EEF4;
font-family:verdana,arial;
color:#369;
text-decoration:none;
font-size:10px;
width:140px;
padding-top:10px;
}

.activeitem {
background-color:#fff;
font-family:verdana,arial;
color:#f60;
text-decoration:none;
font-size:10px;
width:100%;
height:100%;
line-height:16px;
padding:5px 8px;
cursor:pointer;
}

.leftnavitem2 {
background-color:#e9eef4;
font-family:verdana,arial;
color:#369;
text-decoration:none;
font-size:9px;
width:100%;
height:100%;
line-height:16px;
padding:5px 10px;
}

.activeitem2 {
background-color:#fff;
font-family:verdana,arial;
color:#369;
text-decoration:none;
font-size:9px;
width:100%;
height:100%;
line-height:16px;
padding:5px 10px;
cursor:pointer;
}

.leftnavSubitem {
background-color:#E9EEF4;
font-family:verdana,arial;
color:#369;
text-decoration:none;
font-size:10px;
width:140px;
line-height:14px;
padding:3px 10px 3px 18px;
}

.activeSubitem {
background-color:#fff;
font-family:verdana,arial;
color:#f60;
text-decoration:none;
font-size:10px;
width:100%;
height:100%;
line-height:14px;
padding:3px 10px 3px 18px;
}

TD {
font-family:verdana, arial;
font-size:11px;
}

headers {
font-family:verdana, arial;
font-size:12px;
color:#369;
}

.coursename {
font-family:verdana, arial;
font-size:11px;
color:#333;
font-weight:700;
}

.footer A:hover,.footer A:active {
color:#f60;
}

form {
border:0 solid;
font-family:verdana,arial;
color:#000;
font-size:9px;
margin:0;
padding:0;
}

select {
border:1px solid;
font-family:verdana,arial;
color:#000;
font-size:9px;
border-color:#BABABA;
}

input {
border:1px solid;
font-family:verdana,arial;
background-color:#fff;
color:#000;
font-size:9px;
border-color:#BABABA;
}

textarea {
border:1px solid;
background-color:#fff;
font-family:"verdana";
color:#000;
font-size:9px;
border-color:#BABABA;
}

.radio {
border:0 solid;
font-family:verdana,arial;
color:#000;
font-size:9px;
}

.formtitle {
font-family:verdana,arial;
color:#000;
font-size:10px;
font-weight:700;
}

ul {
margin-left:12px;
margin-top:3px;
margin-bottom:3px;
padding:4px;
} 

ul.dot {
margin: 1px 5px;
padding: 1px 15px 6px 5px;
}

ul.dot li{
margin:3px;
padding-left:10px;
 
background:url('./img/dot_bullet.gif') no-repeat 0 4px;
list-style-type:none;
}

ol {
margin-left:12px;
margin-top:3px;
margin-bottom:3px;
padding: 1px 15px 6px 25px;
} 
 
.inner {
border-right:1px solid #fff;
border-left:1px solid #F4F6F9;
border-top:1px solid #DBE8F7;
border-bottom:1px solid #fff;
text-decoration:none;
width:500px;
}

.data_border {
border-right:1px solid #fff;
border-left:1px solid #F4F6F9;
border-top:1px solid #DBE8F7;
border-bottom:1px solid #fff;
text-decoration:none;
}

.main {
background:#f4f6f9;
border-right:1px solid #dbe8f7;
vertical-align:top;
font-weight:700;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}


.infoCol {
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
background:#fff;
border-right:#fff 1px solid;
vertical-align:top;
border-bottom:1px solid #dbe8f7;
}

.alpha {
color:#999;
}

.pipe {
color:#dbe8f7;
}

.phone {
color:silver;
font-size:9px;
}

.boxlinks tr td {
background:#f4f6f9;
border:1px solid #dbe8f7;
vertical-align:middle;
font-weight:700;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}

UL.bullets {
padding-left:8px;
margin-bottom:1em;
list-style-type:none;
font-weight:700;
}

UL.bullets LI {
padding-left:18px;
margin-bottom:18px;
background:url('../student_resources/img/sps_bullet.png') no-repeat 0 6px;
list-style-type:none;
}

.maincontent,A:link,.maincontent,A:visited,.textlink A:link,.textlink A:visited,.hpleftnav A:link,.hpleftnav A:visited {
font-family:Verdana, Arial;
color:#369;
text-decoration:none;
font-size:11px;
}

.maincontent,A:hover,.textlink A:hover,.hpleftnav A:hover {
font-family:Verdana, Arial;
color:#f60;
text-decoration:underline;
font-size:11px;
}

.leftnavitem A,.leftnavitem A:link {
background-color:#E9EEF4;
font-family:verdana,arial;
color:#369;
text-decoration:none;
font-size:10px;
/*width:140px;*/
}

.footer A:link,.footer,.footer A:visited,.footer A:hover,.footer A:active {
font-family:Verdana, Arial;
text-decoration:none;
font-size:9px;
}

img.header_top_2 {
width:146px;
height:8px;
border:0;
}

img.header_top_1 {
width:126px;
height:8px;
border:0;
}

img.footer_img {
width:610px;
height:36px;
border:0;
}

#def_width {
width:750px;
border:0;
background-color:#bcbbdd;
height:9px;
}

.blueborder {
border-right:#c2d5e5 1px solid;
border-top:#c2d5e5 1px solid;
border-left:#c2d5e5 1px solid;
border-bottom:#c2d5e5 1px solid;
width:595px;
}

.news_blueborder {
border-right:#c2d5e5 1px solid;
border-top:#c2d5e5 1px solid;
border-left:#c2d5e5 1px solid;
border-bottom:#c2d5e5 1px solid;
width:580px;
}

img.logo {
width:413px;
border:0;
height:45px;
}

.header_top_right_links_1 {
height:16px;
border:0;
}

.header_top_right_links_2 {
/*height:8px;*/
border:0;
}

.td_line {
background-color:#c2d5e5;
height:1px;
width:178px;
align:center;
margin:0;
}

.header_img_line {
width:140px;
background-color:#bcbbdd;
height:10px;
}

.box_image {
display:block;
}

.box_image_height {
vertical-align:top;
text-align:center;
height:185px;
}

.left_nav_footer {
vertical-align:top;
background-color:#9BB9D5;
height:36px;
text-align:right;
}

.logo_area {
width:750px;
border:0;
margin-bottom:10px;
}

.content_area {
width:750px;
border:0;
/*background-color:#E9EEF4;*/
}

.site_map {
line-height:18px;
width:235px;
border-right:1px solid #dbe8f7;
border-left:0;
border-bottom:0;
}

.site_map_p {
line-height:8px;
margin:0;
padding:0;
}

.page_width {
width:750px;
border:0;
}

.programs_footer {
width:750px;
border:0;
position:absolute;
left:15px;
}

.footer_leftarea {
vertical-align:top;
width:160px;
height:5px;
}

.news_header_text {
color:#4d5e00;
}

.profile_header {
color:#369;
}

.content-image {
float:left;
padding-right:20px;
}

.bold {
font-weight:700;
}

.bold_link {
color:#369;
font-weight:700;
}

.bbfont {
font-size:12px;
font-weight:700;
color:#369;
}

.customfontsize {
font-size:16px;
font-weight:400;
text-decoration:none;
letter-spacing:normal;
}

.programs_area {
vertical-align:top;
width:455px;
}

.text_content_area {
width:595px;
border:0;
background-color:#fff;
}

.right_nav_width {
width:159px;
vertical-align:top;
}

.left_navigation {
vertical-align:top;
background-color:#E9EEF4;
width:140px;
}

.courses_lnav_width {
vertical-align:top;
width:140px;
}

.small-font {
font-size:9px;
}

.newsevents A:link,.newsevents,.newsevents A:visited,.newsevents A:active {
color:#1c3b83 !important;
}

.arrow A:link,.arrow,.arrow A:visited,.arrow A:active {
color:#ff6600 !important;
}

.maincontent,A:hover,.textlink A:hover,.newsevents A:hover {
font-family:Verdana, Arial;
color:#f60 !important;
text-decoration:underline;
font-size:11px;
}

/*Financial Aid Webpage*/
table.info_in_box tr td {
vertical-align:top;
line-height:1.2em;
background-color:#f0f0f0;
border:1px solid #e0e0e0;
-moz-border-radius:5px;
-webkit-border-radius:5px 5px 5px 5px;
-khtml-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding:10px;
}

/*UL with circled bullets matching SPS colors palette*/
table.info_in_box tr td UL.bullets,ul.points {
padding-left:5px;
margin-bottom:1em;
list-style-type:none;
font-weight:400;
}

table.info_in_box tr td UL.bullets LI,ul.points li {
padding-left:15px;
padding-top:3px;
margin-bottom:5px;
background:url('../student_resources/img/sps_bullet.png') no-repeat 0 6px;
list-style-type:none;
}

/*Programs and Courses page css*/
table.programs_courses tr td {
vertical-align:top;
line-height:1.2em;
background-color:#f0f0f0;
border:1px solid #e0e0e0;
-moz-border-radius:5px;
-webkit-border-radius:5px 5px 5px 5px;
-khtml-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
padding:5px;
}

.noscript {
display:none;
}

.small-italic {
font-size: 9px;
}

P:first-child { margin-top:1px !important;}
P { margin-top:5px; line-height:1.5em; margin-bottom: 12px}
P:last-child{margin-bottom:25px;}
p + ul {margin-top:0px; margin-left: 30px;}
ul+p { margin-top:12px}

.no_margin_bottom{
	margin-bottom:0px;
}
 

/*LOGO font*/
@font-face {  
font-family: headerText;  
src: url('./fonts/HelveticaNeueLTStd-MdCn.otf') format("opentype");  
}  

/* add mime type for fonts on server
.ttf font/ttf  
.ttf font/ttf  
.otf font/otf <----  
.otf font/otf  
*/  
.headertext { font-family: headerText, sans-serif;  
font-size:21px;
letter-spacing:0.03em;
vertical-align:top;
display:inline-block;
color: #369;
margin:0px;
padding:0px;
font-stretch:condensed;
}