html {
     overflow-y: scroll;
}

body {
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%; /* set base font size to 10 so we can adjust em size simply 1.2 = 12px, 1.6 = 16px, etc.  1 em = 10px by default; */
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 896px;
	margin: 5px auto;
	padding: 6px;
}

/* global */

input[type="text"] {
    border: solid 1px #666;
}

input[type="submit"], .redButton2 {
    margin-top: 5px;
    background-color: #ff3333;
    color: #fff;
    border: solid 1px #ff3333;
}

.redButton2 { /* IE6 Fix */
    margin-top: 5px;
    background-color: #ff3333;
    color: #fff;
    border: solid 1px #ff3333;
}

select {
	padding: 10px;
	margin: 10px;
}

a:link, a:visited {
	text-decoration: underline; 
	border-bottom: none;
	background-color: transparent; /* IE bug fix */
	color: #666;
}

a:hover {
	text-decoration: none;
	border-bottom: none;
	background-color: #666;
	color: #fff; 
}

a.lightBoxLink:hover {
    text-decoration: none;
	border-bottom: none;
	background-color: transparent;
}

.rightNav a:link, .rightNav a:visited, .rightNav2 a:link, .rightNav2 a:visited { /* for the benefit of IE6 */
    text-decoration: none;
}

.bodyContainer2Home div span a {
    text-decoration: none;
}

.centre div span a {
    text-decoration: underline;
}

.bodyContainer2Home div a img {
    border: none;
}

.bodyContainer .contentLeft a img {
    border: none;
}

a.noDots:link, a.noDots:visited {
	text-decoration: none;
	border-bottom: none;
	color: #666;
}

a.noDots:hover {
	text-decoration: none;
	border-bottom: none;
	background-color: #666;
	color: #fff;
}

.bodyContainer2 a:link, .bodyContainer2 a:visited, .bodyContainer1 h2 a:link, .bodyContainer1 h2 a:visited {
	text-decoration: none;
	border-bottom: none;
	color: #ff3333;
}

.bodyContainer2 a:hover, .bodyContainer1 h2 a:hover {
	text-decoration: none;
	border-bottom: none;
	background-color: #666;
	color: #fff;
}

.contentLeft2 a:link, .contentLeft2 a:visited, .bodyContainer2 a:link img, .bodyContainer2 a:visited img {
	text-decoration: none;
	border-bottom: none;
	color: #666;
}

.contentLeft2 a:hover {
	text-decoration: none;
	border-bottom: none;
	background-color: #666;
	color: #fff;
}

.floatL {
    float: left;
}

.imageFix img {
    float: left;
    padding-right: 10px;
}

.pFix p {
    margin-right: 10px;
}

.floatR {
    float: right;
}

.navItem  {
	cursor: pointer; 
}

.padR td {
    padding-right: 10px;
}

.padT {
    padding-top: 35px;
}

.padB5 {
    display: block;
    padding-bottom: 5px;
}

.padB {
    padding-bottom: 20px;
}

.padB2 {
    padding-bottom: 5px;
}

.padLeft {
    padding-left: 10px;
}

.classes {
    line-height: 1.4em;
}

.scheduleTbl {
    padding-top: 20px;
}

.scheduleTbl table {
    width: 95%;
}

.scheduleTbl table th {
    border-top: none;
    border-right: dotted 1px #999;
    border-bottom: solid 2px #999;
    border-left: none;
}

.scheduleTbl table th.end {
    border-top: none;
    border-right: none;
    border-bottom: solid 2px #999;
    border-left: none;
}

.scheduleTbl table td {
    border-top: none;
    border-right: dotted 1px #999;
    border-bottom: dotted 1px #999;
    border-left: none;
}

.scheduleTbl table td.end {
    border-top: none;
    border-right: none;
    border-bottom: dotted 1px #999;
    border-left: none;
}

/* email */

.RadWContentFrame div {
    text-align: center;
}

/* HEADER */

.up1 {
	position: relative;
	bottom: 1px;
}

.headerContainer {
    background-image: url(../../images/springSummerHeader.jpg);
	background-repeat: no-repeat;
	height: 135px;
}

.headerTop {
	text-align: left;
	line-height: 1em;
	padding: 6px 12px;
}

.headerTop ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.headerTop li {
	display: inline;
	padding: 0 2px;
}

.headerTop a:link, .headerTop a:visited {
	/* color: #fff; */
	color: #666;
	line-height: 1.2em;
	font-weight: 700;
	text-decoration: none;
	border-bottom: none;
	text-transform: lowercase;
}

.headerTop a:hover {
	text-decoration: underline;
	background-color: transparent;
}


/***************************
Vinny...these are for the 
image map on the logo
***************************/
a.headerBottom {
	display: block;
	position: relative;
	top: 66px;	
	width: 175px;
	height: 70px;
	text-decoration: none;
	border: 0;
}
a.headerBottom:hover { background-color: Transparent; }

.headerTwo {
	background-color: #666;
	height: 25px;
	margin: 0;
}

.breadcrumb {
	padding: 5px 0 0 15px;
	margin: 0;
	float: left;
	width: 640px;
	height: 20px;
	vertical-align: middle;
	margin-top: 4px;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #666;
	text-decoration: none;
	font-size: 1.2em;
	text-transform: lowercase;
}

.breadcrumb a:hover {
	color: #ff3333;
	text-decoration: none;
	background-color: #fff;
}

.breadcrumb a.selected {
	color: #ff3333;
	text-decoration: none;
	font-size: 1.2em;
}

.search {
	padding: 5px 5px 5px 0;
	margin: 0;
	float: right;
	width: 230px;
	text-align: right;
	height: 20px;
}

.search input {
    border: solid 1px #999;
    color: #666;
    font-size: 1em;
    margin-right: 5px;
    width: 200px;
    height: 14px;
}
.search img {
    position: relative;
    top: 2px;
    cursor: pointer;
}
.headerThree {
	background-color: #666;
	/* height: 50px; */
	margin: 6px 0;
	clear: both;
	padding-bottom: 2px;
}

/* typography */

h1 {
    font-size: 4.2em;
    font-weight: 400;
    color: #fff;
    padding: 2px 10px;
    margin: 0;
}

h2, .contentCentre2 h2 span {
    font-size: 2em;
    font-weight: 600;
    color: #ff3333;
    padding: 2px 0;
    margin: 0;
}

.contentCentre2 h2 span {
    font-size: 1em;
    font-weight: 600;
    color: #ff3333;
    padding: 2px 0;
    margin: 0;
}

.ClassTreeLevel0 a {
    text-decoration: none;
    color: #666;
    background-color: #fff;
}

h3 {
    font-size: 2.2em;
    font-weight: 400;
    color: #ff3333;
    padding: 2px 0;
    margin: 0;
}

.detailLeft h4 {
    font-size: 2.2em;
    font-weight: 400;
    color: #666;
    margin: 0 0 5px 0;
    padding: 0;
}

h4 {
    font-size: 2.2em;
    font-weight: 400;
    color: #666;
    padding: 0;
    margin: 0;
}

.ClassTreeLevel0 {
    font-size: 2.2em;
    font-weight: 400;
    color: #666;
    padding: 2px 0;
    margin: 0;
}

h5 {
    font-size: 1.3em;
    font-weight: 700;
    color: #ff3333;
    padding: 2px 0;
    margin: 0;
}

h5 a {
    font-size: 0.9em;
}

.bodyContainer2 h5 {
    font-size: 1.2em;
    font-weight: 700;
    color: #ff3333;
    padding: 0;
    margin: 0;
}

.bodyContainer2 h5 a {
    font-size: 0.9em;
}

h6, .ClassTreeLevel1 {
    font-size: 1.4em;
    font-weight: 700;
    color: #000;
    padding: 10px 0 0 0;
    margin: 0 0 2px 0;
}

h7, .ClassTreeLevel2 {
    font-size: 1em;
    font-weight: 700;
    color: #000;
    padding: 5px 0 0 0;
    margin: 5px 0;
}

.confirm {
	font-size: 1.2em;
}

.ClassTreeLevel1 a, .ClassTreeLevel2 a {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

p {
    font-size: 1em;
    font-weight: 400;
    color: #000;
    padding: 2px 0;
    margin: 0;
}

.contactUs p {
    margin-bottom: 3px;
}

a.redLink:link, a.redLink:visited {
    color: #ff3333;
}

a.redLink:hover {
    color: #fff;
    background-color: #ff3333;
}

.greyDate {
    color: #666;
}

/* BODY */

.bodyContainer1 {
	/* margin: 17px 166px 0 0; */
	margin: 17px 0 0 0;
	height: 194px;
}

.bodyContainer1L {
	margin: 7px 0 0 0;
	height: 100%;
}

.bodyContainer1 img {
    float: left;
    margin-right: 20px;
}

.content div a img {
    margin-right: 10px;
}

 .bodyContainer1L img {
 	float: left;
    margin: 0 20px 0 10px;
 }

.bodyContainer2 div img {
    float: left;
    margin: 0 10px 5px 0;
}

.bodyContainer1, .bodyContainer2 div, .picturePage, .contentCentre, .bodyContainer1L {
    font-size: 1.2em;
}

.bodyContainer2 div p {
    width: 125px;
    padding: 0;
    margin: 0;
    float: left;
}

.bodyContainer2 div h5 span, .bodyContainer2 div p span {
    float: left;
    width: 125px;
}

/* .bodyContainer1 a {
     display: block;
    margin-top: 5px;
} */

.bodyContainer1 h2 a:link, .bodyContainer1 h2 a:visited {
    border-bottom: none;
}

.bodyContainer2 {
    margin: 17px 0 5px 0;
	padding: 15px 20px 14px 19px;
	border: solid 1px #999;
	width: 855px;
}

/* .contentLeft img, .contentLeft a, .contentLeft span {
    margin-left: 10px;
} */

.contentLeft h5 {
    margin-top: 5px;
}

.contentLeft ul, .noListPad {
    margin-left: 0;
    margin-top: 0;
    list-style-position: inside;
}

.border {
    border: solid 1px #999;
}

.borderL {
    border-left: solid 1px #999;
}

.borderR {
    border-right: solid 1px #999;
}

.picturePage span {
    width: 220px;
    display: block;
    float: left;
    margin: 5px 12px 5px 0;
	text-align: center;
}

.bodyContainer2 div {
    width: 270px;
    display: block;
    float: left;
    margin: 5px 14px 5px auto;
}

.pressRoom span {
    width: 170px;
    display: block;
    float: left;
    margin: 5px 10px 5px 0;
	text-align: center;
}

.bodyContainer1Home {
	margin: 1px 0 0;
	height: 195px;
	clear: both;
}

/* .bodyContainerLeft {
	margin: 12px 0 10px 0;
	padding-left: 10px;
	clear: left;
	float: left;
	width: 725px;
	border-right: solid 1px #666;
} */

.bodyContainerLeft2 {
	margin: 12px 0 10px 0;
	padding-left: 10px;
	clear: left;
	float: left;
	width: 355px;
	border-right: solid 1px #999;
}

.bodyContainerLeft3 {
	margin: 12px 0 10px 0;
	padding: 10px 0 0 10px;
	clear: left;
	float: left;
	width: 255px;
	text-align: left;
}

/* .bodyContainerLeftNews {
	margin: 12px 0 10px 0;
	padding: 10px 0 0 10px;
	clear: left;
	float: left;
	/* width: 240px;
	text-align: left;
} */

/* .bodyContainerLeftClass {
	margin: 12px 0 10px 0;
	padding: 10px 0 0 10px;
	clear: left;
	float: left;
	width: 300px;
	text-align: left;
} */

/* .bodyContainerLeft4 {
	margin: 12px 0 10px 0;
	padding-left: 10px;
	clear: left;
	float: left;
	width: 725px;
	border-right: solid 1px #000;
} */

/* .bodyContainerLeft3 h5 {
	padding-left: 0;
}

.bodyContainerLeft3 ul {
	padding-left: 0;
	margin-left: 0;
	list-style-position: inside;
} */

.bodyContainerMid {
	margin: 12px 0 10px 0;
	padding-left: 10px;
	float: left;
	width: 355px;
	border-right: solid 1px #999;
}

/* .bodyContainerMidNews {
	margin: 12px 0 10px 0;
	padding-left: 10px;
	float: left;
	width: 470px;
	border-right: solid 1px #000;
}  */

/* .bodyContainerMidClass {
	margin: 12px 0 10px 0;
	padding-left: 10px;
	float: left;
	width: 410px;
	border-right: solid 1px #000;
}  */

.bodyContainerMid2 {
    background-color: #fff;
	margin: 12px 0 10px 0;
	padding-left: 10px;
	float: left;
	width: 455px;
	border-right: solid 1px #999;
}

.picturePage img.floatL {
	margin: 15px 0 0;
}

span.rightInfo {
	margin: 10px 0 0 10px;
	float: left;
	width: 475px;
	text-align: left;
}

span.whatsOnFeature {
	float: left;
	width: 410px;
}

span.bio {
	float: left;
	width: 410px;
}

span.bio h2, span.bio p, span.bio a {
	padding-left: 0;
}

span.bio p {
	padding-top: 10px;
}

span.bio p.tel {
	padding-top: 0;
}

.clearIt {
	clear: both;
}

.rightInfo h3 {
	margin-left: 0;
	padding-left: 0;
}

.picturePage p {
    padding: 2px 15px 2px 0;
}

p.pressText {
	width: 60%;
	float: left;
}

p.newsText {
	width: 70%;
}

h2 span {
	color: #000;
	font-size: 0.5em;
	font-weight: 400;
}

.picturePage a:link, .picturePage a:visited {
	text-decoration: none;
	color: #666;
	border-bottom: none;
}

.picturePage a:hover, .picturePage a:hover h5 {
	color: #ff3333;
	background-color: #fff;
}

.picturePage span a img {
	border: solid 1px #fff;
}

.picturePage a:hover img {
	border: solid 1px #ff3333;
}

.bodyContainerRight {
	margin: 5px 0 0 10px;
	float: right;
	width: 150px;
}

.picturePage span {
	float: left;
	padding-left: 10px;
}

.picturePage a h5 {
    font-size: 1.3em;
    font-weight: 500;
    color: #666;
    padding: 8px 0;
    margin: 0;
}

.name {
	font-weight: 700;
	margin-top: 5px;
	margin-left: -10px;
}

.title {
	font-style: italic;
	margin-left: -10px;
}

.bodyContainerRight ul, .rightNav ul, .rightNav2 ul {
	list-style: none;
	margin: -5px 0 0 10px;
	padding: 0;
}

.bodyContainerMid ul {
	list-style: none;
	margin: 4px 0 0 10px;
	padding: 0;
}

.bodyContainerRight a, .rightNav a, .rightNav2 a {
	color: #666;
	font-size: 1.1em;
	line-height: 1.4em;
	text-decoration: none;
}

.bodyContainerRight a:hover, .rightNav a:hover, .rightNav2 a:hover {
	color: #ff3333;
	background-color: #fff;
}

.hoverNav a:link, .hoverNav a:visited, .footerNav a:link, .footerNav a:visited {
	border-bottom: none;
}

.footerNav a:hover {
	text-decoration: none;
	background-color: #fff;
}

.highlight {
	color: #000;
}

.bodyContainer2Home {
    background-color: #fff;
	margin: 17px 0 0;
	height: 510px;
	width: 270px;
	float: left;
	border: solid 1px #999;
	padding: 10px;
	font-size: 1.2em;
}

.bodyContainer2Home p {
	color: #000;
}

.bodyContainer2Home p, .bodyContainer2Home h4, .bodyContainer2Home h3 span span {
	margin: 5px;
}

.bodyContainer2Home div {
    margin: 10px 0 0 5px;
}

.bodyContainer2Home.sideContainer > div {
    margin: 5px 0 0 0;
}

.bodyContainer2Home div img {
    margin-top: 5px;
}

.bodyContainer2Home div.supporters {
    margin: 5px 10px 0 10px;
}

.bodyContainer2Home div.supportersRow {
   clear: both; 
   padding: 10px 0;
   margin: 0;
}

.bodyContainer2Home .supportersRow img {
    margin: 0;
}

.supportersRow a {
    background: 0;
}

.supportersRow span {
    display: block;
}

.supportersRow.single {
    text-align: center;
}

.supportersRow .floatL {
    clear: left;
}

.supportersRow .floatR {
    clear: right;
}

.supportersRow .padR {
    padding-right: 15px;
}

.supportersRow .clearIt {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.bodyContainer2Home hr {
	margin: 0 9px;
	color: #999; /* for IE */
	background-color: #999; /* for FF/Opera */
	height: 1px;
	border: none; /* for FF/Opera */
}

.wider {
    width: 560px;
    margin-right: 20px;
}

.wider div {
    width: 275px;
    float: left;
    margin-bottom: 10px;
}

.wider div span a {
    display: inline-block;
    height: 30px;
    width: 250px;
}

.content hr {
	margin: 0;
	color: #999; /* for IE */
	background-color: #999; /* for FF/Opera */
	height: 1px;
	border: none; /* for FF/Opera */
}

.bodyContainerLeft2 hr, .contentLeft2 hr {
	margin: 0 9px 0 0;
	color: #999; /* for IE */
	background-color: #999; /* for FF/Opera */
	height: 1px;
	border: none; /* for FF/Opera */
}

.centre {
	margin: 17px 10px;
}

.date {
    margin-bottom: 5px; 
	color: #000; 
}

.detailPhoto {
    float: left; 
    padding-right: 10px;
}

.classesTree div td div {
    width: 0 !important;
}

/* right nav */

.TreeLevel0 {
    font-size: 1.2em;
    font-weight: 700;
    padding-bottom: 5px;
}

.TreeLevel1 {
    font-size: 1.2em;
    font-weight: 400;
}

.rightNav2 div, .rightNav div {
	margin-left: 15px;
}

.rightNav2 div div, .rightNav div div {
	margin-left: 0;
	margin-top: -5px;
	margin-bottom: 5px;
}

.rightNav2 div td, .rightNav div td {
	background: url(../../images/bullet.gif) no-repeat 10px;
	white-space: normal !important;
}

.rightNav2 div td.TreeLevel0, .rightNav div td.TreeLevel0, .rightNav2 div td.TreeLevel1, .rightNav div td.TreeLevel1 {
	background-image: none;
}

/* FOOTER */

.footerContainer {
	font-size: 1em;
	line-height: 1.7em;
	margin: 0;
	width: 896px;
	clear: both;
}

.copyright {
	float: left;
	text-align: left;
	width: 448px;
}

.footerNav {
	float: left;
	text-align: right;
	width: 448px;
}

.footerNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.footerNav li {
	display: inline;
	padding: 0 4px;
}

li.footerNavEnd {
	display: inline;
	padding: 0 0 0 4px;
}

.footerNav a:link, .footerNav a:visited {
	color: #000;
	line-height: 1.6em;
	text-decoration: none;
}

.footerNav a:hover {
	text-decoration: underline;
}

div.pressRoom div {
    margin-top: 10px;
}

div.pressRoom span {
    text-align: left;
    padding: 0;
    margin: 5px 0;
}

div.pressRoom span.noPad {
    text-align: left;
    width: 100px;
    padding: 0;
    margin: 5px 0;
}

div.pressRoom span.pdfLink {
    text-align: left;
    width: 450px;
    padding: 0;
    margin: 5px 0;
}

div.pagingFooter {
    margin-left: 170px;
}

span.paging {
    padding: 0;
    margin: 0;
}

span.pressTitle span, span.pressTitle {
    padding: 0;
    margin: 0;
    text-align: left !important;
}

/* 2 EQUAL HEIGHT COLUMNS MAGIC */

.content /* #block_2 */ {
	float: left;
	width: 726px;
	margin-left: -896px;
	border-right: solid 1px #999;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
}

.rightNav2 /* #block_1 */ {
	float: left;
	width: 150px;
	margin-left: 746px;
}

/* 3 EQUAL HEIGHT COLUMNS MAGIC */

.contentCentre /* #block_1 */ {
	float: left;
	width: 428px; /* desired width -2px for borders and 20px padding */
	margin-left: 296px;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
}

.contentCentre2 /* #block_1 */ {
	float: left;
	width: 354px; /* desired width -2px for borders and 20px padding */
	margin-left: 370px;
	_margin-left: 185px;
	font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
}

* html .contentCentre, * html .rightNav2 {
	display: inline;
}

.contentLeft /* #block_2 */ {
	float: left;
	width: 286px; 
	margin-left: -746px;
	padding-left: 10px;
	font-size: 1.2em;
}

.contentLeftNoPad /* #block_2 */ {
	float: left;
	width: 296px; 
	margin-left: -746px;
	font-size: 1.2em;
}

.contentLeft2 /* #block_2 */ {
	float: left;
	width: 340px; 
	margin-left: -746px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
}

.rightNav /* #block_3 */ {
	float: left;
	width: 150px;
}

.cLSupport /* #block_2 */ {
	width: 294px; 
	margin-left: -744px;
	padding-left: 0;
}

div.contentLeftInside {
    padding-left: 10px;
}

/* Start Mac IE5 filter \*/
.contentCentre, .contentLeft, .contentCentre2, .contentLeft2, .rightNav, .content, .rightNav2 {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}
/* End Mac IE5 filter */
.bodyContainer {
	margin: 10px auto;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
.bodyContainer {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
.bodyContainer:after {
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.bodyContainer {
	display: inline-block;
}
/*\*/
.bodyContainer {
	display: block;
}
/* end easy clearing */

.selectedNav {
    color: red !important;
}

td.ClassTD {
    width: 40%; 
    padding-right: 10px;
}

/* sponsors page */

.sponsors h4 {
    font-size: 1.4em;
    font-weight: 400;
    color: #666;
    margin: 5px;
    padding: 0;
    text-align: left;
}

.logoRow {
    float: left; 
    width: 100%; 
    padding: 5px 0;
}


.textRow {
    float: left; 
    width: 100%; 
    padding: 5px 0;
}

.borderT {
    border-top: solid 1px #000;
    margin-top: 10px;
}

.textCol {
    float: left; 
    width: 24%;
}

.textCol p {
    padding-right: 5px;
}

div.logoCol {
    float: left; 
    width: 24%; 
    height: 100px; 
    text-align: center;
    line-height: 100px;
    font-size: 100px;
}

*>div.logoCol {
	font-size: 12px;
}

div.logoCol img {
    vertical-align: middle;
}

/* calendar page */

.calHeader {
    width: 600px;
	margin: 5px 0;
	padding: 5px 0 10px 0;
}

.calHeader a {
	margin: 0 10px;
}

.calHeader h2 {
	margin: 0 10px;
}

.calL {
	width: 500px;
	margin: 5px 10px;
	padding: 5px 0 10px 0;
	border-bottom: solid 1px #ccc;
	line-height: 1.5em;
}

.calL p {
    float: left;
    clear: both;
}

.calR {
    float: right;
    margin-top: 10px;
    width: 270px;
}

.calR p, .calR div {
    float: right;
}

.calR p {
    width: 100%;
    text-align: right;
    margin-right: 5px;
}

.calR img {
    float: right;
    cursor: pointer;
    margin-bottom: 5px;
}

p.inline {
    width: 60px; 
    float: left; 
}

.calL a {
    float: left;
    position: relative;
    top: 2px;
}

/* faculty page */

.faculty {
    float: left;
    text-align: center;
}

.faculty a.imageLink {
    padding: 0 !important;
    width: 168px !important;
    margin: 0 !important;
    background-color: transparent;
}

.faculty a:hover img {
    margin-bottom: 0;
    padding: 0;
}

/* Past Programs & Events page */

div.pastEventsYear {
    float: left;
    width: auto;
    margin: 0;
    padding: 3px 0 0 5px;
}

div.pastEventsYear div {
    float: none;
    width: auto;
    margin: 0 0 8px;
    font-weight: bold;
    line-height: 1;
}

div.pastEventsYear a.current {
    color: #666;
}

div.pastEventsYear a:hover.current {
    color: #FFF;
}

div.pastEvents {
    float: none;
    border-left: 1px solid #999;
    width: auto;
    margin: 0 0 0 100px;
    padding-left: 10px;
}

div.pastEvents table td {
    vertical-align: top;
    padding: 0 20px;
    width: 50%;
}

div.pastEvents table td img {
    padding-bottom: 30px;
    margin-bottom: 0;
}

table.fullWidthTable {
    width: 100%;
}