/* ----  global  ---- */
html, body {
	height:100%;
}

body {
	font-family:arial,helvetica,sans-serif;
	color:#606060;
}

.hide, .hidden {
	display:none;
}

.clearMe {
    clear:both;
    height:0;
    overflow:hidden;
}

a {
	color:#018182;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	display:block;
}

div#container, ul#footer {
	background:url(/library/images/arts-bk-sprite.png) 0 0 no-repeat;
}

div#container {
	width:960px;
	margin:0 auto;
	background-repeat:repeat-y;
}

div#containerFrame {
	width:932px;
	margin:0 auto;
	position:relative;
}

div#header {
	width:932px;
	height:98px;
	padding-top:32px;
	background:url(/library/images/arts-header.png) top left no-repeat;
}

div#header a#logo {
	display:block;
	width:680px;
	height:50px;
}

ul#nav {
	width:917px;
	height:34px;
	overflow:hidden;
	padding-left:15px;
	background:#018182 url(/library/images/arts-nav-bk.png) top left repeat-x;
}

ul#nav li {
	float:left;
}

ul#nav li a {
	display:block;
	height:34px;
	background:url(/library/images/arts-nav-sprite.png) 0 0 no-repeat;
}

ul#nav li a span {
	display:none;
}

ul li#menu-home a {
	width:61px;
}

ul li#menu-about a {
	width:127px;
	background-position:-61px 0;
}

ul li#menu-events a {
	width:69px;
	background-position:-188px 0;
}

ul li#menu-membership a {
	width:97px;
	background-position:-257px 0;
}

ul li#menu-contact a {
	width:99px;
	background-position:-354px 0;
}

ul li#menu-login a {
	width:120px;
	background-position:-453px 0;
}

ul li#menu-memberArea a {
	width:120px;
	background-position:-573px 0;
}

ul li#menu-home a:hover, ul li#menu-home.active a {
	background-position:0 -34px;
}

ul li#menu-about a:hover, ul li#menu-about.active a {
	background-position:-61px -34px;
}

ul li#menu-events a:hover, ul li#menu-events.active a {
	background-position:-188px -34px;
}

ul li#menu-membership a:hover, ul li#menu-membership.active a {
	background-position:-257px -34px;
}

ul li#menu-contact a:hover, ul li#menu-contact.active a {
	background-position:-354px -34px;
}

ul li#menu-login a:hover, ul li#menu-login.active a {
	background-position:-453px -34px;
}

ul li#menu-memberArea a:hover, ul li#menu-memberArea.active a {
	background-position:-573px -34px;
}

div#content {
	width:904px;
	padding-left:28px;
	overflow:hidden;
}

ul#breadcrumb {
	width:810px;
	font-size:0.7em;
}

ul#breadcrumb li {
	display:inline;
	color:#a1a1a1;
	text-transform:lowercase;
}

div#sideContent {
	width:200px;
	float:right;
	margin-top:30px;
}

div#sideContent h2 {
	font-weight:bold;
	color:#018182;
	font-size:0.9em;
	margin-bottom:5px;
}

div#sideContent ul {
	font-size:0.8em;
}

div#sideContent ul#sidebarMembersList {
	margin-left:5px;
}

div#mainContent ul li, div#sideContent ul#sideMenu li.active a{
	background:url(/library/images/arts-bullet-sprite.png) 0 0 no-repeat;
}

div#sideContent ul#sideMenu li a {
	display:block;
	text-align:right;
	font-weight:bold;
	padding:5px 26px 5px 0;
}

div#sideContent ul#sideMenu li.active a {
	background-color:#67b3b4;
	background-position:180px 9px;
	color:#fff;
}

div#mainContent {
	width:690px;
	min-height:450px;
	height:auto !important;
	height:450px;
}

div#mainContent h1 {
	font-weight:bold;
	font-size:1.2em;
	color:#018182;
	margin:10px 0;
}

div#mainContent h2 {
	font-weight:bold;
	font-size:1em;
	color:#018182;
	margin-bottom:5px;
}

div.news-item {
	margin-bottom:10px;
}

div#mainContent div.news-item-copy h2 {
	font-weight:bold;
	font-size:0.9em;
	color:#018182;
	margin-bottom:2px;
}

div#mainContent div.news-item-copy p {
	margin-bottom:0;
}

div#mainContent div.news-item-copy a {
	font-size:0.8em;
}
								
div#mainContent h3 {
	font-weight:bold;
	font-size:0.9em;
	color:#018182;
	margin-bottom:5px;
}

div#mainContent h4 {
	font-weight:bold;
	font-size:0.8em;
	color:#018182;
	margin-bottom:5px;
}

div#mainContent p {
	font-size:0.8em;
	margin-bottom:10px;
}

div#mainContent p span.teal {
	color:#018182;
}


div#mainContent ul {
	font-size:0.8em;
	margin-bottom:10px;
}

div#mainContent ul li {
	background-position:10px -38px;
	padding-left:20px;
	margin-bottom:4px;
}

div#mainContent div.picbox {
	border:1px solid #cecece;
	padding:5px;
}

div#mainContent div.picbox p {
	display:block;
	text-align:center;
	padding-top:2px;
	margin:0 auto 0 auto;
	font-style:italic;
}

div#mainContent div.middlepicbox {
	width:480px;
	margin:0 auto 10px auto;
}

div#mainContent div.middlepicbox p {
	width:480px;
}

div#mainContent div.contactpicbox {
	width:250px;
	float:left;
	margin:0 20px 10px 0;
}

div#mainContent div.contactpicbox p {
	width:250px;
}

div#mainContent div.rightpicbox {
	width:280px;
	float:right;
	margin:0 0 10px 10px;
}

div#mainContent div.rightpicbox p {
	width:280px;
}

div#mainContent div.leftpicbox {
	width:120px;
	float:left;
	margin:0 10px 10px 0;
}

div.profiles {
	border-top:1px solid #cecece;
	margin-top:20px;
	padding-top:20px;
}

form#login {
	font-size:0.8em;
}

form#login fieldset label {
	margin:10px;
	display:block;
}

form#login fieldset input {
	margin:0 0 0 10px;
}

ul#footer {
	width:912px;
	margin:0 auto 20px auto;
	overflow:hidden;
	font-size:0.7em;
	background-position:-960px 0;
	padding:32px 24px 0;
}

ul#footer li {
	border-right:#8b8b8b solid 1px;
	float:left;
	margin-right:5px;
	padding-right:5px;
	color:#3c3c3c;
}

ul#footer li a {
	color:#3c3c3c;
}

ul#footer li.end {
	border:none;
}

ul#footer li#designBy {
	float:right;
	border:none;
	margin:0;
	padding:0;
}

a#headSymbol {
	display:block;
	width:96px;
	height:196px;
	position:absolute;
	top:7px;
	right:0;
	background:url(/library/images/arts-symbol.png) 0 0 no-repeat;
}

div#headSymbolText {
	width:467px;
	position:absolute;
	top:22px;
	right:70px;
	font-size:0.8em;
}

div#headSymbolText div.copy, div#headSymbolText div.bottom {
	background:url(/library/images/arts-symbol-text-sprite.png) 0 0 no-repeat;
}

div#headSymbolText div.copy {
	padding:22px 33px 0 22px;
	background-position:0 -41px;
}

div#headSymbolText a.closeMe {
	background:url(/library/images/arts-closeme.png) 0 0 no-repeat;
	display:block;
	height:20px;
	width:20px;
	float:right;
	margin:14px 27px 0 0;
}

div#headSymbolText a.closeMe span {
	display:none;
}

div#headSymbolText div.copy p {
	padding:0 0 5px 0;
}

div#headSymbolText div.bottom {
	height:20px;
	background-position:0 -21px;
}