body.home-page div#container {
border-bottom:0;
border-right:0;
width: 97%; 
padding: 0 1.5%; 
}

#header h1#logo {
background:transparent url(../images/logo.png) no-repeat scroll left top;
height:36px;
bottom:11px;
left:20px;
margin:0 0 -5px;
position:absolute;
width:387px;
display: block !important;
}

div#container {
background: transparent url( ../images/bg_container.jpg ) repeat-y scroll left top;
}

div#sidebar {
width: 222px;
}

#nav1 {
margin:14px 0 0;
}

#topnav {
padding:10px 10px 0 0;
text-align:right;
color: #333333; 
height: 27px; 
}

#topnav p {margin-bottom: 5px; font-size: 13px;font-family: Cambria,Georgia,Times,'Times New Roman',serif; font-style: italic;color: #888888; }

#topnav a {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background:#00a6ca none repeat scroll 0 0;
color:#FFFFFF;
font-weight:bold;
text-shadow:0 -1px #0698b8;
text-decoration:none;
padding:6px 16px;
text-transform: uppercase;
font-size: 11px;
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; 
font-style: normal;  
margin-left: 10px; 
border: 4px solid #0698b8; 
}

#topnav a:hover {
background:#00B2D9;
text-shadow:0 -1px #51aec2;
}





#nav1 {
display:relative;
float:right;
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
z-index:2;
}


#nav1 li {
border-right:1px solid #cdcdcd;
display:inline;
padding:0 8px 0 10px;
font-size: 14px; 
}

#nav1 li a {
color:#696969;
text-decoration:none;
text-shadow:1px 1px 0 #FFFFFF;
padding:2px; 
}

#nav1 li a:hover {
color:#333333;
text-decoration:none;
text-shadow:0px 0px 0;
background: #dae55d;
}

#nav1 li.no {
border:0 none;
}

img.avatar {
border:0;
}

div#footer {
background: transparent url( ../images/bg_footer_top.jpg ) no-repeat scroll left top;
padding-top: 24px; 
}

#header, body.activity-permalink #header {
background:#E7E7DE url( ../images/bg_header_bottom.jpg ) no-repeat scroll left bottom !important;
height:84px;
margin-bottom:0;
padding-top: 0; 
}

body.home-page div#content .padder {
height: 340px; 
margin-right: 0; 

}


.stepcarousel .belt {
left:0;
position:absolute;
top:0;
z-index:1;
}

.stepcarousel .panel {
float:left;
margin:0 20px 0;
overflow:hidden;
width:900px;
z-index:1;
height: 340px;

}


.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next[style] {
    z-index: 3;
    top: 250px !important; 
}

.jcarousel-prev[style] {
    z-index: 3;
    top: 250px !important;
}

.j2carousel-next[style] {
    z-index: 3;
    top: 250px !important; 
}

.j2carousel-prev[style] {
    z-index: 3;
    top: 250px !important;
}


.grid_buzz {
display:inline;
float:left;
position:relative;
margin-left:0;
margin-right:10px;
width:430px; 
background: #f9f8f0; 
padding: 40px 20px 20px; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: left; 
color: #888888; 
margin-bottom:15px;
font-size: 13px; 
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; 
}
.grid_faculty {
display:inline;float:left;position:relative;margin-left:10px;margin-right:0;width:430px; background: #f9f8f0; padding: 40px 20px 30px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom:15px;
}


.fl {
float:left;
}

.quote {
background:transparent url( ../images/quotes.png ) no-repeat scroll left top;
height:29px;
margin:7px 3px 0;
width:37px;
}

cite {
color:#424242;
float:right;
font-family:"Adobe Caslon Pro","Hoefler Text",Georgia,Garamond,Times,serif;
font-size:15px;
font-variant:small-caps;
letter-spacing:0.1em;
margin:0;
text-align:center;
text-transform:lowercase;
}

#footer cite a {color: #00B2D9;text-decoration: none; }
#footer cite a:hover {color: #0a89a5;}



ul#home-faculty li {
display:inline;
}

ul#home-faculty li a img {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
float:left;
margin:5px;
padding:4px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 50px; 
height: 50px; 
}

.grid_faculty h3, .grid_buzz h3 {
color: #FFFFFF; 
background: #00B2D9; 
position: absolute; 
margin: 0; 
text-shadow: none; 
padding: 10px 20px; 
top: -10px; 
left: 20px; 
text-decoration: none; 
}

.grid_faculty h3 small {
font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:150%;
padding-left:3px;
text-transform:lowercase;

}

#footer .grid_faculty h3 small a {color: #FFFFFF; margin-left: 5px;text-decoration: underline;  }
#footer .grid_faculty h3 small a:hover {color: #EEEEEE;  }


.textfeat {
display:block;
float:left;
font-size:14px;
margin:32px 0 0 42px;
width:370px;
color: #858585; 
}

.textfeat h2 {
margin-bottom:3px;
font-size: 24px;
color: #5e5e5e; 
}

.textfeat p {
font-size:14px;
font-weight:lighter;
line-height:17px;
margin-bottom: 10px; 
}

.textfeat ul {
font-size:14px;
font-weight:lighter;
line-height:18px;
margin-bottom: 10px; 
}

.imgfeat {
display:block;
float:right;
margin:52px 42px 0 0;
}


#signup-avatar {
float: left;
 
margin-bottom: 40px; 
margin-right: 20px;

}


div#message.updated p {
background:#F9F9F9 none repeat scroll 0 0;
color:#AAAAAA;
border: 0; 
}


.textfeat ul li {
border-bottom:1px solid #EEEEEE;
padding:0.5em 0 0.5em 36px;
}



ul li.check {
background:transparent url( ../images/check.jpg ) no-repeat scroll 7px 10px;
}

ul li#video {
background:transparent url( ../images/icon-video.jpg ) no-repeat scroll 5px 15px;
}

ul li#comment {
background:transparent url( ../images/icon-comment.jpg ) no-repeat scroll 5px 15px;
}

ul li#blog {
background:transparent url( ../images/icon-blog.jpg ) no-repeat scroll 5px 5px;
}

#enroll-button {
margin:10px 20px 20px;
}


#enroll-button p a {
text-decoration:none;
font-size: 28px;
display:block;
height:38px;
text-indent:-9999px;
width:245px;
}

#enroll-button p a.signup {
background:transparent url( ../images/click-to-enroll-now.png) no-repeat scroll 0 0;
}

#enroll-button p a.coop {
background:transparent url( ../images/go-to-the-coop.png) no-repeat scroll 0 0;
}

#enroll-button p a.newsletter {
background:transparent url( ../images/get-the-newsletter.png) no-repeat scroll 0 0;
}
#enroll-button p a:hover {
background-position: center bottom; 
}

table.signup_table tr.alt {
background:#F4F4F4 none repeat scroll 0 0;
}


#backtoblog a {
background:transparent url( ../images/controller_close.png) no-repeat scroll 0 0;
height: 22px; 
width: 22px; 
text-indent: -9999px; 
}




body.home-page div#content {
overflow:hidden;
position:relative;
}



.hide-logged-out {display: none; }

body.page-id-992 dt a {
padding-right: 30px; 
background:transparent url( ../images/locked.jpg) no-repeat scroll top right;
}


.contactright input {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background:#FFF none repeat scroll 0 0;
display:block;
margin:0 0;
padding:5px;
}

.contactright {margin-bottom: 15px; }






#wp-admin-bar ul {width: 960px; margin: 0 auto; }
body #wp-admin-bar ul li#logo {float: right; }
body.home-page {background: #FFF; }
body #header {background: #FFF !important; }
div#container, div#footer  {background: #FFF; }
body.home-page div#content .padder {height: auto; overflow:hidden; }
body #header {display: none; }
div.padder {margin-top: 41px; }
	body.home-page div.padder {padding-right: 0; padding-left: 0;}
	


#wp-admin-bar li a {font-family:helvetica,arial,sans-serif;font-size: 14px;padding: 7px 6px; }
#wp-admin-bar li a:hover {color: #00b2d9;}

#tagline {border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd; width: 100%;margin: 10px 0;}
#tagline p {
text-align: center; 
color:#444444;
font-family:georgia,helvetica,arial,sans-serif;
font-size:28px;
margin: 15px 0;
line-height: 1.3em; 
}

.info-columns {float: left; width: 50%;display: relative; }
.info-columns .columns4 {width: 50%;float: left; overflow: hidden;height: auto;  }
#middies {margin: 10px 0; border-bottom:  1px solid #dddddd;float: left; overflow:hidden;padding-bottom: 20px;  }
.info-columns .columns4 h4 {line-height: 45px; padding-left: 55px; color:#000000;
font-family:helvetica,arial sans-serif;
font-size:36px;
font-weight:bold;
letter-spacing:-1px; margin-bottom: 8px;}

.info-columns .columns4 p {margin-right: 15px;color:#636B75;
font:13px/18px Arial,sans-serif;}
.info-columns .columns4 p.cle {margin-right: 10px; }

.info-columns .columns4 h4#learn {background: url("../images/icon-learn.png" ) no-repeat top left; }
.info-columns .columns4 h4#connect {background: url("../images/icon-connect.png" ) no-repeat top left; }
.info-columns .columns4 h4#create {background: url("../images/icon-create.png" ) no-repeat top left;margin-top: 25px;  }
.info-columns .columns4 h4#save {background: url("../images/icon-save.png" ) no-repeat top left; margin-top: 25px; }
.info-columns .columns4 h4#cle {padding-left: 0;background: url("../images/icon-cle.png" ) no-repeat top left;text-indent: -9999px;height: 75px;}
.info-columns .columns4 h4#meet-the-faculty {padding-left: 0; font-size: 24px;padding-top: 6px;line-height: 30px;margin-bottom: 5px;}

a.applesque {color: #888888; text-decoration: none; background: #f4f4f4;border:1px solid #e0e0e0;font-size: 12px; padding: 5px 10px; line-height: 24px; -moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px; /* future proofing */
-khtml-border-radius: 12px; /* for old Konqueror browsers */}

a.applesque:hover {color: #00b2d9; }

.info-columns h5 {
color:#000000;
font-family:helvetica,arial sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:-1px;
}

#the-blog-posts a {text-decoration: none; font-weight: bold;}
#the-blog-posts p {margin-bottom: 3px;font:13px/18px Arial,sans-serif }
#the-blog-posts p.meta {margin-bottom: 20px; font-weight: normal; color: #bcbcbc; }
#the-blog-posts p.meta a {font-weight: normal; }
#the-blog-posts p.title {margin-top: 8px; }

div#footer {background:url("../images/bg-footer.png" ) no-repeat top left; }
#footer-top {width: 900px; overflow:hidden; margin: 0 auto;border-bottom: 1px solid #EEE; }
#footer-top #nav1 {margin-top: 0;float: right;  }
#footer-top #nav1 li a {font-size: 12px; text-shadow: none; }
#footer-bottom {width: 900px; overflow:hidden; margin: 0 auto; }
#footer-bottom #newsletter {text-align: left; width: 300px; float:left;}
#footer-bottom p {font-size: 13px;text-align: left;margin-bottom: 3px; margin-top: 10px;   }
#footer-bottom #site-credits { float: right; width: 450px;}

#signup-buttons #tuition p a {
background:url("../images/btn-see-pricing-plans.png") no-repeat scroll top left transparent;
color:#FFFFFF;
display:block;
font-size:20px;
font-style:italic;
font-weight:normal;
height:36px;
line-height:1em;
margin-bottom:3px;
padding-top:14px;
text-decoration:none;
text-shadow:0 -1px 1px #608925;
width:245px;
text-align: center;
}

#signup-buttons #tuition p a:hover {background:url("../images/btn-see-pricing-plans.png") no-repeat scroll bottom left transparent;}

#signup-buttons #learn-more p a {
background:url("../images/btn-learn-more.png") no-repeat scroll top left transparent;
color:#FFFFFF;
display:block;
font-size:20px;
font-style:italic;
font-weight:normal;
height:36px;
line-height:1em;
margin-bottom:3px;
padding-top:14px;
text-decoration:none;
text-shadow:0 -1px 1px #00b2d9;
width:245px;
text-align: center;
}

#signup-buttons {width: 100%; overflow: hidden; margin-bottom: 20px;}
#signup-buttons p {margin-bottom: 4px; }
#signup-buttons small {color:#636B75;font:12px/15px Arial,sans-serif;}
#signup-buttons #tuition {margin-left: 210px;}
#signup-buttons #learn-more {margin-left: 20px; }
#signup-buttons #tuition, #signup-buttons #learn-more {width: 245px;float: left; text-align: center; } 
#signup-buttons #learn-more p a:hover {background:url("../images/btn-learn-more.png") no-repeat scroll bottom left transparent;}





/**
 * So this stuff below really should stay for logged out only. 
 */

body {background: #FFFFFF; }

div#container {
border-bottom:none;
border-right:none;
}


#wp-admin-bar .bp-signup a, #wp-admin-bar .bp-login a {color: #00b2d9;}

body.home-page #wp-admin-bar ul li.home {background:url("../images/nav-active-pointer.png") no-repeat scroll 50% 31px transparent;
height:50px;overflow:visible; }

body.page-template-page-new-about-page-php #wp-admin-bar ul li.about {background:url("../images/nav-active-pointer.png") no-repeat scroll 50% 31px transparent;
height:50px;overflow:visible; }

body.page-id-105 #wp-admin-bar ul li.faculty {background:url("../images/nav-active-pointer.png") no-repeat scroll 50% 31px transparent;
height:50px;overflow:visible; }

body.page-id-992 #wp-admin-bar ul li.courses {background:url("../images/nav-active-pointer.png") no-repeat scroll 50% 31px transparent;
height:50px;overflow:visible; }




body.page-id-21 #wp-admin-bar ul li.contact {background:url("../images/nav-active-pointer.png") no-repeat scroll 50% 31px transparent;
height:50px;overflow:visible; }

body.page-template-page-new-signup-php #wp-admin-bar ul li.bp-signup, body.page-template-page-student-signup-php #wp-admin-bar ul li.bp-signup {background:url("../images/nav-active-pointer.png") no-repeat scroll 50% 31px transparent;
height:50px;overflow:visible; }





body #wp-admin-bar ul.main-nav li:hover, body #wp-admin-bar ul.main-nav li.sfhover {
	background-color: transparent !important;
}


#wp-admin-bar li.no-arrow a {padding-right: 10px; padding-left: 10px; }

body #wp-admin-bar .padder {z-index: 999; overflow: visible; }

#wp-admin-bar li#logo a {width: 253px; height: 14px; text-indent: -9999px; background: url("../images/logo-spu4.png") no-repeat scroll top left;padding-top: 0; padding-bottom: 0; margin-top: 7px; margin-bottom: 7px;  }