/*  
Theme Name: Small Planet - Stafford
Theme URI: http://www.outofdarkness.com/
Description: The Small Planet theme. Based on YUI. Please refer to http://developer.yahoo.com/yui/grids/
Version: 2.0
Author: Andrew Jones
Author URI: http://www.outofdarkness.com/
*/

html {
	background: #CCCCCC;
}

body {
	background: #CCCCCC;
}

#custom-doc {
	background-color: #ffffff;
}



#hd {
	background: url('images/header.gif') no-repeat;
	display: block;
	height: 148px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}

#hd .description {
	display: none;
	margin: 0;
	padding: 0;
}

#hd h1 a {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 500px;
	height: 120px;
	text-indent: -999em;
}

#hd #hd-login {
	position: absolute;
	display: block;
	top: -5px;
	left: 665px;
}

#hd #hd-login .submit {
	display: block;
	position: relative;
	top: -55px;
	left: 180px;	
}

#hd #hd-login label {
	display: none;
}

#hd #hd-login p {
	margin: 0;
	padding: 0;
}

#hd #navcontainer {
	position: relative;
	top: 120px;
	left: 250px;
	display: block;
	width: 700px;
	height: 50px;
	text-align: right;
}

#hd #navcontainer ul#navlist {
	margin-top: 0;
	
}

#hd #navcontainer ul#navlist li {
	display: inline;
}

#hd #navcontainer ul#navlist li a {
	color: #A0A0A0;
	text-decoration: none;
	margin-left: 1.3em;
	text-transform: lowercase;
}

#hd #navcontainer ul#navlist li a:hover {
	color: #660027;
	text-decoration: underline;
}

#hd #navcontainer ul#navlist li.current_page_item a {
	color: #660027;
	font-weight: bold;
}

#hd #loginform a#register {
	color: #7F7750;
	text-transform: lowercase;
	font-weight: bold;
	position: relative;
	top: 5px;
	left: 0px;
}

#bd #yui-main {
	background: url('images/bd_bg.gif') repeat-x;
}

#bd #whats-happening {
	display: block;
	height: 222px;
	width: 660px;
	overflow: hidden;
	background-color: white;
}

#bd #content-driver {
	background: url('images/driver-content-bg.jpg');
}

#bd #content-driver #whats-happening {
	background: transparent;
}

#bd #whats-happening .item {
	font-size: 100%;
	color: #8F8F8F;
}

#bd #whats-happening h4 {
	font-size: 107%;
}

#bd #whats-happening h4 a {
	color: black;
	text-decoration: none;
}

#bd #whats-happening h4 a:hover {
	text-decoration: underline;
}

#bd #whats-happening-alumni {
	display: block;
	height: 270px;
	width: 430px;
	overflow: hidden;
	background-color: white;
}

#bd #whats-happening-alumni .item {
	font-size: 100%;
	color: #8F8F8F;
}

#bd #whats-happening-alumni h4 {
	font-size: 107%;
}

#bd #whats-happening-alumni h4 a {
	color: black;
	text-decoration: none;
}

#bd #whats-happening-alumni h4 a:hover {
	text-decoration: underline;
}

#bd #calendarblock {
	background: url('images/home_upcomingbg.gif') no-repeat;
	display: block;
	width: 625px;
	height: 214px;
}

#bd #content-driver .jcarousel-skin-tango {
	background: url('images/driver-top.jpg') no-repeat;
}

#bd #content-driver .news_slider {
	height: auto;
}

#bd #content-driver #calendarblock {
	background: transparent;
	min-height: 375px;
}

#bd #calendarblock {
	padding-left: 20px;
}

#bd #calendarblock #wp-calendar {
	display: block;
	width: 175px;
	background: #74173A;
	padding: 2px;
	margin-top: 20px;
	font-size: 92%;
}

#bd #home-calendar {
	margin-top: 20px;
}

#bd #calendarblock #wp-calendar th, #bd #calendarblock #wp-calendar td {
	padding: 0;
}

#bd #calendarblock #wp-calendar table {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	background: white;
}

#bd #calendarblock #wp-calendar table caption a {
	color: white;
	font-size: 128%;
	text-decoration: none;
}

#bd #calendarblock h3 {
	border-bottom: #D1B2BE 1px solid; 
	font-size: 159%;
	color: #660027;
	text-transform: lowercase;
	font-weight: normal;
	padding: 5px;
	
}

.ec3_events a {
	color:#660027;
	text-decoration: none;
}

.ec3_events a:visited {
	color:#660027;
}

.ec3_events a:hover {
	color:black;
	text-decoration: underline;
}

.ec3_events ul li {
	list-style-type: none;
}

#bd #page-content ul#side-nav li {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #D1B2BE;
	list-style: none;
}

#bd #page-content ul#side-nav li a {
	color: #660027;
	text-decoration: none;
	font-weight: 600;
}

#bd #page-content ul#side-nav li a:hover {
	text-decoration: underline;
}

#bd #page-content h3 {
	font-size: 159%;
	color: #660027;
	font-weight: normal;
}

#bd #page-content #main-content {
	display: block;
	overflow: auto;
	width: 450px !important;
	width: 435px;
	height: 480px;
}

#driver-buttons {
	padding-left: 20px;
}

ul#driver-pagelist li {
	background: url('images/driver-li-arrow.gif') no-repeat 0 3px;
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 10px;
}

ul#driver-pagelist li a, ul#driver-utility li a {
	color: #660027;
	text-decoration: none;
}

ul#driver-utility img {
	display: inline;
	margin-right: 10px;
}

ul#driver-utility {
	margin-left: 10px;
	padding-left: 0;
	padding-top: 25px;
}

ul#driver-utility li {
	list-style-type: none;
	margin-bottom: 10px;
}

#main-content p {
	width: 425px !important;
	width: 410px;
}

#bd #sidebar-a {
	background: url('images/home_sidebg.jpg') no-repeat;
	display: block;
	height: 300px;
	width: 100%;
	position: relative;
	top: -4pt;
	left: 0;
	display: block;
}

#sidebar-video {
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#bd #sidebar-a .bd {
	display: block;
	width: 140px;
	height: 200px;
	top: 102px;
	left: 130px;
	position: absolute;
	color: #878787;
	line-height: 162%;
	font-style: italic;
	overflow: auto;
	padding-right: 20px;
}

#bd #sidebar-a-sub {
	background: url('images/home_sidebg.jpg') no-repeat;
	display: block;
	height: 469px;
	width: 100%;
	position: relative;
	top: 0pt;
	left: 0;
	display: block;
}

#bd #sidebar-a-sub .bd {
	display: block;
	width: 120px;
	height: 350px;
	top: 102px;
	left: 130px;
	position: absolute;
	color: #878787;
	line-height: 162%;
	font-style: italic;
}


#author {
	margin-top: 204px;
	margin-left: -107px;
	width: 50px;
}

#bd #sidebar-b {
	background: url('images/home_applybg2.gif') no-repeat;
	display: block;
	height: 170px;
	width: auto;
	position: relative;
	top: 0;
	left: 0;
	display: block;
	font-size: 11px;
}

#bd #sidebar-b .bd {
	display: block;
	position: absolute;
	top: 66px;
	left: 34px;
	width: 200px;
	height: 175px;
	color: #474747;
}

#bd #sidebar-c {
	background: url('images/alumni_registerbg.gif') no-repeat;
	display: block;
	height: 214px;
	width: auto;
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

#bd #sidebar-c .bd {
	display: block;
	position: absolute;
	top: 66px;
	left: 34px;
	width: 200px;
	height: 175px;
	color: #474747;
}


#ft {
	min-height: 178px;
	display: block;
	position: relative;
	top: 0px;
	left: 0;
	color: #eee;
	padding-left: 20px;
	padding-right: 25px;
	background: url('images/footer.jpg') no-repeat;
}

#ft a {
	text-decoration: none;
}

#ft a:hover {
	text-decoration: underline;
}

#ft #ft-address {
	display: block;
	height: 115px;
	overflow: auto;
	padding-top: 40px;
}

#ft #ft-navigation {
	text-align: right;
	padding-top: 35px;
}

#ft #ft-navigation #alumni {
	padding-left: 510px;
	padding-bottom: 12px;
}

#ft #ft-navigation ul li a {
	text-transform: lowercase;
	padding-left: 1em;
	color: #eee;
}

#ft #ft-navigation ul li {
	display: inline;
}

#ft #ft-copy {
	color: #EEE;
	text-align: right;
	padding-top: 7px;
	margin-top: -10px;
}

#ft #ft-phone {
	font-size: 174%;
	color: #ccc;
	position: relative;
	top: -10px;
}

#side-nav {
	min-height: 475px;
}

.linklove {
	display: none;
}

#bd.page-alumni #whats-happening {
	width: 640px;
}

.page-alumni .news_slider {
	width: 640px;
}

.page-alumni .news_slider .news_items {
	width: 600px;
}

th, td {
	border: none;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}