* { padding: 0; margin: 0; }
body { font-family: helvetica, arial,  sans-serif; font-size: 0.8em; letter-spacing: 0.01em; }
img { border: 0px; }
a { color: #0066AA; text-decoration: none;}
a:visited { color: #880088; }
a:hover { color: #FF9900; text-decoration: underline; }

h1 { color: #D34A06; font-size: 165%; font-weight: bolder; letter-spacing: 0.05em; padding-top: 15px; }
p { color: #333333; font-size: 105%; line-height: 140%; text-align: justify; width: 97%; padding-top: 15px; }

#header { width: 100%; height: 105px; background: #e96a12; }
#header .content, #navholder .content, #main .content, #footer .footerpanel, #footer .content { width: 965px; text-align: left; }

#toplinks { top: 0; float: right; color: white; margin-top: 10px; letter-spacing: 0.03em;}
#search { padding-top: 24px; float: right; clear: both; }
#logo { padding-top: 40px; padding-left: 5px;}

#navholder { width: 100%; background: #e96a12; }
#navholder .content {background: url('images/general/mainnav_backdrop.gif') white repeat-x; color: white; font-size: 110%; font-weight: bold; letter-spacing: 0.05em; }
#toplinks a, #toplinks a:visited,  #navholder a, #navholder a:visited { color: white; text-decoration: none;}
#toplinks a:hover { text-decoration: underline;}

#navholder ul, #footer .footerpanel ul { margin-left: 6px; }
#navholder li { list-style: none; display: inline; margin-right: 11px;}

#subnav {  height: 300px; }
#subnav-NoImage {  height: 150px; }
#banners { margin-top: 10px; margin-left: 10px; }
#banners .bannerItem { margin-bottom: 15px; }

#main { width: 100%; background:url('images/general/main_top_backdrop.gif') repeat-x; min-height: 300px; }
#main .contentRight h3 { margin-top: 25px; }
#main .contentRight ul { margin-top: 15px; margin-left: 25px; }
#main .contentRight li { line-height: 160%; }

#main .content table { width: 100%; margin-top: 8px; margin-bottom: 25px; }

#main .content th {
	font-weight: normal;
	color: #333333;
	padding: 10px 8px;
	border-bottom: 2px solid #222222;
	text-align: center;
}

#main .content td {
	border-bottom: 1px solid #ccc;
	color: #555555;
	padding: 6px 8px;
	text-align: center;
}

#main .content tbody tr:hover td{
	color: #f90;
}


#main .homeContent { width: 300px; float: left; }
#main .content { height: 100%; background: white; }
#main .contentLeft { width: 300px; float: left; }
#main .contentHeader{ width: 650px; float: right; }
#main .contentHeader-OpenStudios { width: 500px; float: right; }
#main .contentLeft-NoImage { width: 650px; float: left; }
#main .contentCentre { width: 520px; float: left; margin-top: 10px; }
#main .contentRight-NoImage { width: 650px; margin-top: 20px; margin-left: 15px; float: right; color: black; }
#main .contentRight { width: 650px; margin-top: 20px; margin-left: 15px; float: right; color: black; }
#main .contentRight-Home { width: 650px; margin-left: 15px; float: right; color: black; }
#main .contentSubNav { width: 300px; float: left; font-weight: bold; letter-spacing: 0.035em; color: black; }
#main .contentSubNav ul, #main .contentSubNav-NoImage ul { padding-top: 10px; }
#main .contentSubNav li, #main .contentSubNav-NoImage li { list-style: none; margin-top: 5px; }
#main .contentSubNav a, #main .contentSubNav-NoImage a { color: #6A6A6A; }
#main .related { padding-top: 40px; line-height: 150%; }
#main .related h3 { line-height: 0.01em; }

#main .breadcrumb { padding-top: 4px; padding-bottom: 15px; font-weight: bold; letter-spacing: 0.03em; }

#main .newsItem, #main .newsItemPrimary { background: #D0DBD5; margin-bottom: 15px; width: 100%; color: #333333; }
#main .newsItemPrimary {height: 250px; }
#main .newsItemPrimaryImage { width: 230px; height: 230px; float: left; background: #767676; margin-right: 15px; }
#main .newsItemPrimaryContent { width: 360px; margin-top: 10px; float: left; }
#main .newsItemImage { width: 130px; height: 130px; float: left; background: #767676; margin-right: 15px; }
#main .newsItemContent { width: 480px; margin-top: 7px; float: left; }
#main .newsItemPrimaryContent p, #main .newsItemContent p { width: 100%; font-size: 95%; margin-top: 12px; #margin-top: 0px; padding: 0px; text-align: left; }
#main .newsItemContentListing { width: 350px; margin-top: 7px; float: left; }

#main .newsItemPrimary h2 { #font-size: 165%; }
#main .newsItem h3, #main .newsItemPrimary h2 { margin: 0px; padding: 0px; }
#main .newsItem h3 a , #main .newsItemPrimary h2 a { color: #333333; }

#main .newsMore { float: right; margin-bottom: 15px; }

#main .openStudiosLogo { margin-left: 15px; }
#main .osMenu { margin-left: 55px; margin-top: 20px; font-size: 120%; font-weight: bold; letter-spacing: 0.035em; color: #333333;}
#main .osMenu li a { color: #F59E00; }
#main .osMenu li { list-style: none; padding-top: 10px;}
#main .osEmphasise { color: #ED5524; font-size: 200%; font-weight: bold; line-height: 130%; padding: 0px; margin: 0px;  margin-top: 10px; }
#main .osEmphasiseSub { color: #ED5524; font-size: 140%; font-weight: bold; padding: 0px; margin: 0px; }
#main .osDisciplinePanel { background: #D0DBD5; float: left; width: 28%; margin-right: 15px; padding-bottom: 15px; font-weight: bold; color: #333333; }
#main .osLocationPanel { background: #D0DBD5; float: left; width: 43%; margin-right: 15px; padding-bottom: 15px; font-weight: bold; color: #333333; }


#main .osDisciplinePanel a, #main .osLocationPanel a { color: #333333; }
#main .osDisciplinePanel ul, #main .osLocationPanel ul { margin-left: 0px 0px 0px 10px; padding: 0px; }
#main .osDisciplinePanel li { list-style: none; }
#main .osLocationPanel li { list-style: none; margin-bottom: 10px; }


#main .locationItem, #main .artistItem  { width: 195px; }
#main .locationItem, #main .artistItem { background: #D0DBD5; float: left; margin-bottom: 15px; margin-right: 15px; height: 180px; color: #333333;}
#main .locationItem, #main .artistItem { font-size: 110%; font-weight: bold; }
#main .locationItem a, #main .artistItem a { color: #333333; }
#main .locationItemImage {width: 170px; height: 120px; margin-bottom: 10px; background: #6A6A6A;}

#main .directions { padding: 10px; margin-top: 15px; background: #e6f1eb; }
#main .directions h3 { margin: 0px; padding: 0px; }
#main .directionsText { width: 64%; float: left; margin-left: 15px; font-size: 95%; }
#main .directionsMap { width: 201px; margin-top: 10px; float: left; }

#main .searchResultItem { margin-top: 20px; }
#main .searchResultItem p { margin: 0px; padding: 0px; }

#main .sitemap { color: #333333; font-size: 105%; text-align: justify; width: 97%; }
#main .sitemap ul { padding-left: 25px; }
#main .sitemap li { list-style: none;}
#main .sitemap li ul { padding-bottom: 15px; }

#footer { width: 100%; clear: both;}
#footer .footerpanel {min-height: 170px; background: #D0DBD5; font-size: 90%; font-weight: bold; line-height: 130%; }
#footer .footerpanel li { list-style: none; }

#footer .footerpanel a { color: black; text-decoration: none; }
#main .breadcrumb a { font-weight: normal; text-decoration: none; }
#main .contentRight a:hover, #main .breadcrumb a:hover, #footer .footerpanel a:hover { text-decoration: underline;}


.pad6 {padding: 6px;}
.pad10 {padding: 10px;}
.pad10-2 {padding: 10px 0px 0px 0px;}
.padNewsItem {padding: 17px 0px 0px 0px;}
.footerColumn { padding-top: 5px; padding-left: 10px; padding-right: 15px; float: left; }
.footerColumnRight { padding-right: 10px; float: right; }
.footerLinks { padding-left: 10px; }
.subcontentHeader { border-bottom: 1px solid #333333; margin-bottom: 10px; color: #333333; width: 97%;}
.subcontent { line-height: 125%; margin-bottom: 20px; }
.clearer { width: 100%; height: 1px; clear: both; }