html { }
body { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; }

#admin-bar { overflow:hidden; background:#000000; border-bottom:1px solid #cccccc; height:25px; }
#admin-bar p { width:930px; margin:auto; color:#ffffff; margin-top:5px; text-align:right; padding:0px 10px;}
#admin-bar p a { color:#ffffff;}

#header-wrap { background:url(/images/backgrounds/main.gif) repeat-x;}

#header-wrap #header {  width:1000px; margin:auto; background:url(/images/backgrounds/header.gif) no-repeat 144px 0px; overflow:hidden; border-bottom:1px solid #e7d5e5; padding-bottom:30px;}

#header-wrap #header h1 { margin-top:37px; float:left;}
#header-wrap #header h1 a { background:url(/images/logo.gif) no-repeat; width:157px; height:227px; display:block; text-indent:-99999px; overflow:hidden; }

#header-wrap #header ul.top-nav { float:right; margin-top:2px; margin-right:350px; }
#header-wrap #header ul.top-nav li { float:left; margin-left:20px;}
#header-wrap #header ul.top-nav li a { color:#ffffff; text-decoration:none; font-size:85%; }

#header-wrap #header .login-box { position:absolute; margin-left:670px; background:url(/images/backgrounds/login-background.gif); padding:10px 15px 5px; width:300px;}
#header-wrap #header .login-box p { color:#ffffff; font-weight:bold; font-size:95%;}
#header-wrap #header .login-box p.forgotten-password { position:absolute; margin-top:-17px; font-size:80%;}
#header-wrap #header .login-box p.forgotten-password a { color:#ffffff; text-decoration:none;}
#header-wrap #header .login-box p.forgotten-password a:hover { color:#ffffff; text-decoration:underline;}
#header-wrap #header .login-box dl.form { overflow:hidden; margin-top:10px; }
#header-wrap #header .login-box dl.form dt { float:left; clear:left; width:65px; color:#ffffff; font-size:80%; margin-right:10px; margin-top:0px; margin-bottom:1px;}
#header-wrap #header .login-box dl.form dd { float:left; width:224px; }
.safari #header-wrap #header .login-box dl.form dt { width:70px;}
.safari #header-wrap #header .login-box dl.form dd { float:left; width:219px; }
#header-wrap #header .login-box dl.form dd.text input { border:none; background:#eeefef; margin-bottom:5px; padding:2px; font-size:80%; width:220px;}
#header-wrap #header .login-box dl.form dd.submit input { float:right; }

#header-wrap #header .login-box .logged-in a { color:#ffffff;}
#header-wrap #header .login-box .logged-in p { margin-bottom:10px;}
#header-wrap #header .login-box .logged-in ul { overflow:hidden; margin-bottom:10px; }
#header-wrap #header .login-box .logged-in ul li { float:left; margin-right:10px;}

#header-wrap #header ul.main-nav { overflow:hidden; float:right; margin-top:95px; }
#header-wrap #header ul.main-nav li { float:left; margin-left:8px;}
#header-wrap #header ul.main-nav li a { color:#ffffff; padding:5px 8px 15px 8px; display:block; text-decoration:none; font-size:115%; }
#header-wrap #header ul.main-nav li a:hover { text-decoration:underline;}
#header-wrap #header ul.main-nav li a.active { font-style:italic; background:url(/images/backgrounds/active-arrow.gif) center bottom no-repeat;}

#header-wrap #header .tagline { background:url(/images/backgrounds/tagline.gif) no-repeat; width:572px; height:106px;  float:left; margin-top:25px; margin-left:109px; }

#header-wrap #header ul.breadcrumb { position:absolute; margin-top:293px;}
#header-wrap #header ul.breadcrumb li { float:left; color:#515151; font-size:80%; margin-right:5px; }
#header-wrap #header ul.breadcrumb li a { color:#515151; text-decoration:none; }
#header-wrap #header ul.breadcrumb li a:hover { text-decoration:underline; }
#header-wrap #header ul.breadcrumb li a.active { color:#a10c91; text-decoration:underline; }

#main-content { width:1000px; margin:auto; margin-top:4px; margin-bottom:20px; }

#main-content h2 { margin:15px 0px; font-size:150%;}
#main-content h3 { margin:15px 0px; font-size:130%; color:#a10c91;}
#main-content h4 { margin:15px 0px; font-size:120%;}
#main-content h5 { margin:15px 0px; font-size:110%;}
#main-content p { margin:15px 0px; line-height:180%; color:#515151;}
#main-content ul { margin:10px 0px;}
#main-content ul li { margin:5px 0px; color:#515151;}
#main-content ol { margin:10px 0px;}
#main-content ol li { margin:5px 0px; color:#515151;}
#main-content strong { font-weight:bold;}
#main-content a { color:#a10c91; text-decoration:none;}
#main-content a:hover { text-decoration:underline;}

#main-content .body-content { overflow:hidden;}

#main-content .grey-box-content { background:#efefef; padding:20px; overflow:hidden; margin-bottom:20px; overflow:hidden;height:1%; }
#main-content .grey-box-content h2 { font-size:130%; font-style:italic; margin:0px; color:#515151; font-weight:bold; float:left;}

#main-content .grey-box-content dl.search { float:right; }
#main-content .grey-box-content dl.search dt { float:left; font-weight:bold; font-size:110%; color:#515151; margin-top:3px;}
#main-content .grey-box-content dl.search dd { float:left; margin-left:10px;}
#main-content .grey-box-content dl.search dd.text input { border:1px solid #cccccc; padding:3px;}
#main-content .grey-box-content dl.search dd.search { margin-top:1px;}

#main-content dl.form { overflow:hidden; height:1%; margin:15px 0px;}
#main-content dl.form dt { float:left; clear:left; width:145px; margin-right:10px; text-align:right; margin-top:4px; font-weight:bold;}
#main-content dl.form.contact dt { width:70px;}
#main-content dl.form dd { float:left; margin-bottom:5px;}
#main-content dl.form dd.text input { border:1px solid #cccccc; padding:4px;}
#main-content dl.form dd.text.short input { width:150px;}
#main-content dl.form dd.text.tiny input { width:20px;}
#main-content dl.form dd.text textarea { border:1px solid #cccccc; padding:4px; width:450px; height:150px;}
#main-content dl.form dd.submit { margin-top:5px;}

#main-content .left-col { margin-left:20px; float:left; width:682px; padding-right:27px; border-right:1px solid #dcdcdc; min-height:1px;}
#main-content .left-col h3 { margin-top:0px;}
#main-content .left-col p { text-align:justify;}

#main-content .body-content ul.image-gallery { overflow:hidden; margin:10px -5px;}
#main-content .body-content ul.image-gallery li { margin:5px; padding:0px; float:left;}

#main-content .left-col ul.image-gallery { overflow:hidden; margin:10px -5px;}
#main-content .left-col ul.image-gallery li { margin:5px; padding:0px; float:left;}

#main-content ul.document_library { margin:10px 0px; overflow:hidden;}
#main-content ul.document_library li.document { overflow:hidden; margin:15px 10px; margin-top:0px; padding:0px;}
#main-content ul.document_library li.document .file-type-icon { text-align:center; float:left; padding-left:0px; margin:3px 0px;}
#main-content ul.document_library li.document h4 { margin:0px; padding-left:58px; font-size:140%; }
#main-content ul.document_library li.document h4 a { }
#main-content ul.document_library li.document p { margin:5px 	0px; padding-left:58px;}
#main-content ul.document_library li.document p.document-icon { text-align:center; float:left; padding-left:0px; margin:8px 0px;}

#main-content .left-col .events-list ul li {}
#main-content .left-col .events-list ul li dl.event-details {}

#main-content .left-col .news_articles .article { overflow:hidden; border-bottom:4px solid #efefef; margin-bottom:15px; }
#main-content .left-col .news_articles .article:last-child { border-bottom:none;}
#main-content .left-col .news_articles .article h3 { font-size:140%; font-weight:bold; margin-bottom:0px;}
#main-content .left-col .news_articles .article p.date { font-size:90%; margin-top:0px; color:#999;}
#main-content .left-col .news_articles .article ul.images { float:left; margin-top:0px; margin-right:15px;}
#main-content .left-col .news_articles .article ul.images li { margin-top:0px; margin-bottom:15px;}

#main-content .right-col  { margin-left:-1px; float:left; width:262px; padding-left:8px; border-left:1px solid #dcdcdc;}
#main-content .right-col h3 { margin-top:0px;}

#main-content .right-col .image-placeholder { border:2px solid #efefef; margin-left:-2px; margin-bottom:10px; }
#main-content .right-col .parchment-block { margin-left:5px;}

#main-content .right-col .side-nav ul { margin:0px; margin-bottom:15px; padding-left:12px;	 }
#main-content .right-col .side-nav ul li { margin:5px 5px 10px 5px; list-style:square; color:#A10C91; line-height:150%;}
#main-content .right-col .side-nav ul li a { color:#515151; text-decoration:none; }
#main-content .right-col .side-nav ul li a:hover { color:#515151; text-decoration:underline; }
#main-content .right-col .side-nav ul li a.active { color:#A10C91; text-decoration:underline; }

#main-content .shop-items ul.items li { overflow:hidden; height:1%; margin-bottom:15px; border-bottom:1px solid #dcdcdc; padding-bottom:15px;}
#main-content .shop-items ul.items li h3 { font-size:140%;  margin-top:0px;}
#main-content .shop-items ul.items li .image { float:left; width:150px; margin-right:10px; margin-bottom:0px;}
#main-content .shop-items ul.items li .description { float:left; width:400px;}
#main-content .shop-items ul.items li .price-buy { float:right; width:100px; border-left:4px solid #efefef; padding-left:10px; min-height:70px;}
#main-content .shop-items ul.items li p { margin-top:0px; margin-right:5px;}
#main-content .shop-items ul.items li p.price { font-weight:bold; font-size:110%; margin-right:0px; margin-bottom:5px;}

#main-content .events-list { }
#main-content .events-list .year { }
#main-content .events-list .month {}
#main-content .events-list .month h3 { font-size:140%; border-bottom:2px solid #A10C91; padding-bottom:10px; margin-bottom:0px;}
#main-content .events-list .month ul { margin-top:0px;}
#main-content .events-list .month ul li { border-bottom:2px solid #efefef; overflow:hidden; margin-top:0px; padding-bottom:15px;}
#main-content .events-list .month ul li:last-child { border:none; padding-bottom:0px;}
#main-content .events-list .month ul li h4 { font-size:130%; font-weight:bold; margin-bottom:5px;}
#main-content .events-list .month ul li p.date { color:#999;font-weight:bold; margin-top:0px;}
#main-content .events-list .month dl.event-details { margin:15px 0px 10px 0px;}
#main-content .events-list .month dl.event-details dt { float:left; clear:left; margin-bottom:5px; font-weight:bold; text-align:right; margin-right:10px;}
#main-content .events-list .month dl.event-details dd { padding-left:40px; margin-bottom:5px; width:700px;}
#main-content .events-list .month .paynow { margin-bottom:15px;}
#main-content .events-list .month .book-now p { margin-bottom:0px;}
#main-content .events-list .month .book-now p a { background:#A10C91; padding:4px 8px; color:#ffffff; -moz-border-radius:4px; -webkit-border-radius:4px;}

#main-content dl.user-details { overflow:hidden; height:1%;}
#main-content dl.user-details dt { float:left; clear:left; width:90px; text-align:right; margin-bottom:4px; font-weight:bold;}
#main-content dl.user-details dd { padding-left:100px; margin-bottom:4px;}

#main-content table.member-list { border:1px solid #cccccc; width:99.9%; margin-left:1px;}
#main-content table.member-list tr:hover { background:#efefef;}
#main-content table.member-list tr td { border:1px solid #cccccc; padding:5px;}
#main-content table.member-list thead tr td { font-weight:bold; background:#901D9A; color:#ffffff;}

#main-content .pagination { text-align:right; font-size:90%; margin:-5px 0 15px 0;}
#main-content .pagination a, #main-content .pagination span { color:#333; padding:2px 6px; border:1px solid #ccc; text-decoration:none; text-transform:lowercase; background-image:url(/images/backgrounds/pagination.gif); background-repeat:repeat-x; background-position:bottom left;}
#main-content .pagination span.current { background:#333; color:#fff; font-weight:bold; border-color:#333;}
#main-content .pagination span.disabled { background:#efefef; color:#ccc; }
#main-content .pagination a:hover{ background:#ccc;}



#homepage #main-content .grey-box-content { background:#efefef; padding:20px; overflow:hidden; margin-bottom:0px; }
#homepage #main-content .grey-box-content h2 { margin-top:0px; margin-bottom:15px; font-size:130%; line-height:180%; color:#515151; font-style:normal; font-weight:normal; float:none; }
#homepage #main-content .grey-box-content h2 strong { font-style:italic;}

#homepage #main-content .grey-box-content .grey-left { width:287px; padding:0px; background:#ffffff; float:left; margin-right:45px; }
#homepage #main-content .grey-box-content .grey-left h3 { color:#045b12; font-size:115%; font-style:italic; margin:15px; margin-bottom:0px;}
#homepage #main-content .grey-box-content .grey-left h3 a { color:#045b12; }
#homepage #main-content .grey-box-content .grey-left p { color:#515151; font-size:90%; margin:5px 15px 8px 15px; line-height:170%;}
#homepage #main-content .grey-box-content .grey-left p a { color:#515151; font-weight:bold; font-style:italic; font-size:110%;}
#homepage #main-content .grey-box-content .grey-left p.date { font-size:80%; margin-bottom:5px; margin-top:4px; color:#b5b5b5;}
#homepage #main-content .grey-box-content .grey-left p.page-link { margin:0px; background:url(/images/backgrounds/homepage-news-link-background.gif) no-repeat; height:44px; overflow:hidden; }
#homepage #main-content .grey-box-content .grey-left p.page-link a { margin-top:10px; margin-left:10px; background:url(/images/backgrounds/homepage-news-link.gif) no-repeat; width:130px; height:23px; display:block; overflow:hidden; text-indent:-99999px; }

#homepage #main-content .grey-box-content .grey-middle { width:287px; padding:0px; background:#ffffff; float:left; margin-right:45px; }
#homepage #main-content .grey-box-content .grey-middle h3 { color:#901d9a; font-size:115%; font-style:italic; margin:15px; margin-bottom:0px;}
#homepage #main-content .grey-box-content .grey-middle h3 a { color:#901d9a;}
#homepage #main-content .grey-box-content .grey-middle p { color:#515151; font-size:90%; margin:5px 15px 8px 15px; line-height:170%;}
#homepage #main-content .grey-box-content .grey-middle p a { color:#515151; font-weight:bold; font-style:italic; font-size:110%;}
#homepage #main-content .grey-box-content .grey-middle p.date { font-size:80%; margin-bottom:5px; margin-top:4px; color:#b5b5b5;}
#homepage #main-content .grey-box-content .grey-middle p.page-link { margin:0px; background:url(/images/backgrounds/homepage-events-link-background.gif) no-repeat; height:44px; overflow:hidden; }
#homepage #main-content .grey-box-content .grey-middle p.page-link a { margin-top:10px; margin-left:10px; background:url(/images/backgrounds/homepage-events-link.gif) no-repeat; width:133px; height:23px; display:block; overflow:hidden; text-indent:-99999px; }

#homepage #main-content .grey-box-content .grey-right { width:267px; padding:2px; background:#ffffff; float:left; }

#homepage #main-content .bottom-content { border:1px solid #dcdcdc; margin-top:11px; padding-top:20px; overflow:hidden; padding-bottom:20px; height:1%;}

#homepage #main-content .bottom-content .bottom-left-wrap { float:left; border-right:1px solid #b4b4b4; padding-right:17px; margin-right:17px; margin-left:17px;}
#homepage #main-content .bottom-content .bottom-left { width:289px; border:4px solid #bf94c3; background:url(/images/backgrounds/oc-member-box.gif) no-repeat; height:121px; position:relative;}
#homepage #main-content .bottom-content .bottom-left h3 { margin-left:12px; margin-top:9px; background:url(/images/backgrounds/oc-member.gif) no-repeat; width:154px; height:86px; text-indent:-99999px;}
#homepage #main-content .bottom-content .bottom-left p { color:#ffffff; margin-left:15px; font-size:80%; margin-right:55px; font-style:italic; letter-spacing:-0.5px;}
.safari#homepage #main-content .bottom-content .bottom-left p { letter-spacing:-1px;}
#homepage #main-content .bottom-content .bottom-left p.signup { margin:0px; position:absolute; top:93px; margin-left:181px;}
#homepage #main-content .bottom-content .bottom-left p.signup a { display:block; width:104px; height:23px; background:url(/images/backgrounds/member-signup-button.gif) no-repeat; text-indent:-99999px; overflow:hidden; }

#homepage #main-content .bottom-content .bottom-centre-wrap {float:left; border-right:1px solid #b4b4b4; padding-right:17px; margin-right:17px; }
#homepage #main-content .bottom-content .bottom-centre {  width:287px; border:4px solid #efefef; background:url(/images/backgrounds/oc-shop-box.jpg) no-repeat; height:121px; position:relative;}
#homepage #main-content .bottom-content .bottom-centre h3 { margin-left:15px; margin-top:8px; background:url(/images/backgrounds/the-oc-shop.gif) no-repeat; width:146px; height:42px; text-indent:-99999px; margin-bottom:5px;}
#homepage #main-content .bottom-content .bottom-centre p { color:#515151; margin-left:15px; font-size:80%; margin-top:5px; margin-right:165px; font-style:italic; letter-spacing:-0.5px;}
.safari#homepage #main-content .bottom-content .bottom-centre p { letter-spacing:-1px;}
#homepage #main-content .bottom-content .bottom-centre p.signup { margin:0px; position:absolute; top:93px; margin-left:178px;}
#homepage #main-content .bottom-content .bottom-centre p.signup a { display:block; width:104px; height:23px; background:url(/images/backgrounds/oc-shop-button.gif) no-repeat; text-indent:-99999px; overflow:hidden; }

#homepage #main-content .bottom-content .bottom-right { float:left; width:295px; border:1px solid #d4e3d7;}
#homepage #main-content .bottom-content .bottom-right h3 { margin-left:15px; margin-top:12px; background:url(/images/backgrounds/any-news.gif) no-repeat; width:146px; height:42px; text-indent:-99999px; margin-bottom:7px;}
#homepage #main-content .bottom-content .bottom-right p { margin:6px 15px 7px 15px; font-size:80%; letter-spacing:-0.5px; font-style:italic; }
#homepage #main-content .bottom-content .bottom-right p a { color:#515151; }

#homepage #main-content .external-links ul.links { overflow:hidden; margin-left:150px; }
#homepage #main-content .external-links ul.links li { float:left;}
#homepage #main-content .external-links ul.links li a { display:block; height:60px; text-indent:-99999px; margin-right:50px; overflow:hidden; }
#homepage #main-content .external-links ul.links li.clayesmore a { width:113px; background:url(/images/homepage-logos/clayesmore.jpg) no-repeat; }
#homepage #main-content .external-links ul.links li.facebook a { width:136px; background:url(/images/homepage-logos/facebook.jpg) no-repeat; }
#homepage #main-content .external-links ul.links li.linkedin a { width:140px; background:url(/images/homepage-logos/linkedin.jpg) no-repeat;  }
#homepage #main-content .external-links ul.links li.twitter a { width:115px; background:url(/images/homepage-logos/twitter.jpg) no-repeat; margin-right:0px; }

#footer { width:970px; margin:auto; background:#efefef; padding:15px; overflow:hidden; margin-bottom:20px; margin-top:20px;}
#homepage #footer { margin-top:0px;}
#footer p { color:#515151; float:right; font-size:80%; }
#footer p.copyright { float:left; }
#footer a { color:#515151; text-decoration:none; }
#footer a:hover { text-decoration:underline;}

#main-content #errorExplanation { border:3px solid #ff0000; overflow:hidden; padding:0px 15px; }
#main-content #errorExplanation ul { margin:15px 0px; overflow:hidden;}
#main-content #errorExplanation ul li { list-style:disc; float:left; padding-left:0px; margin-left:20px; margin-right:40px;}
#main-content .fieldWithErrors { color:#ff0000;}

#main-content #flash-notice { border:1px solid green; padding:15px;}
#main-content #flash-notice p { margin:0px;}

#main-content #flash-error { border:1px solid red; padding:15px;}
#main-content #flash-error p { margin:0px;}

#main-content div.parchment-block { padding:0px; border:none; margin-bottom:0px; overflow:visible;}
#main-content div.parchment-block p.inlineoptions { position:absolute; z-index:500; display:none; height:auto !important;}

* + html #header-wrap #header .login-box { margin-left:-160px; top:0px; }
* + html #header-wrap #header ul.main-nav { margin-top:94px; width:740px;}
* + html #header-wrap #header ul.breadcrumb { margin-top:0px; top:293px; margin-left:-810px;}
* + html #main-content dl.form dd { width:800px;}

* html #header-wrap #header ul.top-nav { float:right; margin-top:0px; margin-right:170px; }
* html #header-wrap #header .login-box { margin-left:-160px; top:0px; }
* html #header-wrap #header ul.main-nav { margin-top:96px; width:750px;}
* html #header-wrap #header ul.breadcrumb { margin-top:0px; top:293px; margin-left:-810px;}
* html #main-content dl.form dd { width:800px;}
* html #main-content .left-col { margin-left:10px;}