body {margin: 0;; padding: 0; background-color: #333; color: #fff; font-family: "Lucida Grande",Verdana,sans-serif; font-size: 12px;}
img {border: 0;}
#wrapper  {width: 965px; margin: 0 auto;}

#leftSide {float: left;}
#rightSide {margin-left: 207px;}

h1 {margin: 0; width: 196px; height: 161px; background: transparent url(/home/logo.gif) no-repeat 0 31px; text-indent: -5000px; overflow: hidden;}

#officeSearch {width: 196px; background: #03CDFF url(/home/corner-tr.gif) no-repeat top right; margin-bottom: 15px;}
#officeSearch form {margin: 0; padding: 0;}
#officeSearch h3 {margin: 0; width: 174px; height: 40px; background: transparent url(/home/need-office-space.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}
#officeSearch select {margin-left: 8px; width: 140px;}

#banners h2 {margin: 0; padding: 28px 0 0 0;}
#banners #blue {background: transparent url(/home/dots-blue.gif) repeat-y 0 0;}
#banners #pink {background: transparent url(/home/dots-pink.gif) repeat-y 382px 0;}
#banners #green {background: transparent url(/home/dots-green.gif) repeat-y 191px 0;}

#blocks {height: 170px; margin-top: 39px;}
#blocks p {margin: 0;}
#blockDC {width: 230px; padding-right: 14px; float: left;}
#blockDC h2 {margin: 0; width: 165px; height: 28px; background: transparent url(/home/dean-clough.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}

#blockDCL {width: 273px; float: left;}
#blockDCL h2 {margin: 0; width: 240px; height: 28px; background: transparent url(/home/dean-clough-life.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}

#blockHTFU {width: 232px; float: left;}
#blockHTFU h2 {margin: 0; width: 165px; height: 28px; background: transparent url(/home/how-to-find-us.gif) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}

#footer {border-top: 1px solid #ccc; padding-top: 7px; clear: both; width: 960px; font-size: 11px;}
#footer a {color: #fff; text-decoration: none;}
#footer ul {margin: 0; padding: 0; list-style-type: none; float: right;}
#footer ul li {float: left; margin-left: 4px;}
#smTW {display: block; width: 24px; height: 42px; background: transparent url(/home/icon-twitter.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}
#smFB {display: block; width: 25px; height: 42px; background: transparent url(/home/icon-facebook.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}


#navbar {padding-top: 98px; height: 35px;}
#navbar ul {margin: 0; padding: 0; list-style-type: none;}
#navbar a {display: block; text-decoration: none;}
#navbar li {width: 179px; height: 35px; float: left; margin-left: 12px;}
#navbar li li {width: 176px; height: 1.5em; margin-left: 0; padding-left: 5px;}
#navbar li ul {
	z-index: 20;
	position: absolute;
	width: 179px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top: 20px;
	height: 344px;
}
#navbar li:hover ul, #navbar li.over ul {left: auto;}
#navbar ul li:hover,	#navbar ul li.over    {background: #fff;}
#navbar ul li li:hover,	#navbar ul li li.over    {background: #fff;}
#navbar li:hover a,	#navbar li.over a {color: #000;}

#navbar ul li a {height: 35px; background: transparent url(/home/icon-twitter.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden;}
#navbar ul li li a {background: none; text-indent: 0; height: 1.5em;}

#navbar ul li a#nvOffice {background-image: url(/home/nav-office.gif);}
#navbar ul li a#nvFacilities {background-image: url(/home/nav-facilities.gif);}
#navbar ul li a#nvArts {background-image: url(/home/nav-arts.gif);}
#navbar ul li a#nvLegacy {background-image: url(/home/nav-legacy.gif);}

#navbar ul li a:hover {background-position: 0 0px;}

#navbar #col1 {margin-left: 0;}
#col1 ul {background-color: #03cdff;}
#col2 ul {background-color: #76E235;}
#col3 ul {background-color: #FF239F;}
#col4 ul {background-color: #FFB422;}

#theatreArts {width: 196px;}
#theatreArts ul {margin: 0; padding: 0; list-style-type: none; height: 22px;}
#theatreArts ul li {height: 23px; float: left; text-indent: -5000px; overflow: hidden;}
#navT {background: transparent url(/home/theatre.gif) no-repeat 0 0; width: 107px;}
#navA {background: transparent url(/home/art.gif) no-repeat 0 -23px; width: 89px;}

#theatre, #art {width: 196px; background-color: #ff4075; padding-top: 10px;}
#art {display: none;}

#theatreArts p {margin: 10px;}
.eventBtns {height: 23px;}
.bookOnline {float: left; display: block; width: 109px; height: 23px; background: transparent url(/home/btn-book-online.gif) no-repeat; text-indent: -5000px; overflow: hidden;}
.moreInfo {float: right; display: block; width: 86px; height: 23px; background: transparent url(/home/btn-more-info.gif) no-repeat; text-indent: -5000px; overflow: hidden;}
#art .moreInfo {float: none;}
.event {border-bottom: 1px solid #333;}

#homeSocialIcons {margin: 10px 0; padding: 0; list-style-type: none;}
#homeSocialIcons li {float: left; margin-right: 9px;}
#homeSocialIcons li a {display: block; width: 48px; height: 84px; text-indent: -5000px; overflow: hidden;}
#homeSocialIcons li a#siFacebook {background: transparent url(/home/facebook.png) no-repeat 0 0;}
#homeSocialIcons li a#siTwitter {background: transparent url(/home/twitter.png) no-repeat 0 0;}