/* #### General page wide styles  #### */
* {margin:0;padding:0;}

body {font-size:1em;line-height:1.2em;font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#000;background-color:#008c94;}

/* general text */
p, .text, {font-size:75%;line-height:110%;color:#000;padding:5px 0;}
	
h1, .h1 {display:block;font-size:150%;color:#fff;padding:3px 0;margin:2px 0 3px;letter-spacing:.05em;font-weight:bold;text-transform:uppercase;text-align:center;}

h2, .h2 {display:block;font-size:110%;color:#008c94;padding:3px;margin:2px 0 3px;letter-spacing:.05em;font-weight:bold;text-transform:uppercase;text-align:left;}
	
h3, .h3 {display:block;font-size:95%;color:#ff6600;padding:3px;margin:2px 0 3px;letter-spacing:.05em;font-weight:bold;text-transform:none;text-align:left;}	
	
td {font-size:85%;padding:3px;}
	
/*### Custom Layout Options ###*/


#leftDiv {
    width:140px;
    background-color: #FFFFFF;
	float:left;
	min-height:500px;
}
#rightDiv {
    width:130px;
    background:#fff url(/template-images/images/right-cnr-bg.gif) right top no-repeat;
	float:right;
	min-height:400px;
	padding: 50px 5px 0;
	margin: -2px 0 0 0;
}


#spAd {
	width:126px;
	height:422px;
}
.dvclear {
	clear:both;
	background:#fff;
	height:0px;
}
.clear {
	display:none;
}
/* #### Page layout #### */
#container-main {
	
}
/* Inner container: for entire page */
#container {
	width:960px;
	margin:0 auto;
	position:relative;
}
/* Header: inside both containers - Section or Page header content appears here */
#header {
	background:url(/template-images/images/header-images2.jpg) no-repeat;
	width:960px;
	height:176px;
	position:relative;
}
#header-control {
} /* additional header control if required */
#logo h1 {
        
}
#logo h1 a {
}
#logo {
	position:absolute;
	width:200px;
	height:181px;
	z-index:10;
	left: 0;
	top: 48px;
}
#smLogo {
	position:absolute;
	width:133px;
	height:118px;
	z-index:10;
	left: 708px;
	top: 117px;
	background-image:url(/template-images/images/sm_logo.gif);
}
#pageName {
	position:absolute;
	width:516px;
	height:26px;
	z-index:5;
	left: 189px;
	top: 150px;
}

#pageName H1 {
        display:block;
	font-size:150%;
	color:#fff;
	padding:3px 0;
	margin:2px 0 3px;
	letter-spacing:.05em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;}

/* Page Content: inside both containers below Header - Page content appears here */
#contents {
	clear:both;
	background:#fff;
}
#contentDiv {
    width:680px;
    background-color: #eee;
	float:left;
	padding-top:50px;
}
#contentarea {
	width:643px;
	margin:0 auto;
	background-color: transparent;
	min-height:500px;
}
/* Breadcrumb: inside Page Content displaying breadcrumb nav, does not exist on home page */
#breadcrumb{display:none;}
.page_footer_link {
	display:none;
} 
ul {
	margin-left:17px;
}
li {
	margin-left:10px;
}
a:link {
	color:#E84B04;
}
a:visited {
	color:#003863;
}
a:hover {
	color:#620038;
}
#artsCentre {
}
/* Footer: inside both containers below Page Content */
#footer {
    width:961px;
    height:57px;
    background-color: #007379;
    clear:both;
    font-size:75%;
}

#footer a {
	color:#fff;
}
#footer-2 {
	margin:0 auto;
	height:80px;
} /* additional footer control if required */
#footer-3 {
	padding:10px 15px;
} /* additional footer control if required */
#devnote {
} /* designers link */
#devnote span {
} /* span in designers link: essentially for image replacement if needed */
/* #### Navigation Links #### */
/* Section navigation links */
#navigation-position {
	display:none;
}
.navigation-panel {
} /*internal to navigation-position for added control */
/* Note: All section navigation links have a class of sec$ where $ is the section ID, and all link text is surrounded by span tags */
/* start of section based drop down nav */
.section-title {
	display:none;
	font-size:190%;
	color:#744233;
	padding:0 0 5px 0;
	line-height:1.5em;
	letter-spacing:.05em;
	font-weight:bold;
} /* section name: text is surrounded by span tags */
/* Menu wrapper */
#slidingmenu {
	width:137px;
	z-index:100;
	margin:35px 0 20px;
}
/* Appearance Top Level */
/* all lists */
#slidingmenu ul {
	list-style-type:none;
	margin:0;
}
/* all list items */
#slidingmenu li {
	position:relative;
	display:block;
	margin:0;
}
ul.slidingmenu a:link, ul.slidingmenu a:visited {
	display:block;
	font-size:100%;
	color:#999;
	padding-top:20px;
	line-height:1.5em;
	letter-spacing:.05em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}
ul.slidingmenu a:hover {
	text-decoration:underline;
}
/* second-level lists */
#slidingmenu li ul {
	display:none;
	position:absolute;
	top:20px;
	left:130px;
	border-width:0;
}
/* third and further level lists */
#slidingmenu li ul ul {
	display:none;
	position:absolute;
	top:0;
	left:140px;
	border-width:0;
}
/* lists nested under hovered list items */
#slidingmenu li:hover ul, #slidingmenu li.hover ul {
	border-width:0;
	text-align:left;
}
ul.slidingmenu ul {
	margin:4px 0 0 0;
	border-width:0;
	padding:0;
	font-size:12px;
	font-weight:400;
	text-align:left;
	color:#fff;
	background:#999;
	width:160px;
}
ul.slidingmenu ul li {
	display:block;
	width:160px;
	border-width:0;
	text-align:left;
}
ul.slidingmenu ul a:link, ul.slidingmenu ul a:visited {
	float:none;
	background-image:none;
	font-weight:normal;
	text-transform:none;
	border-width:0;
	color:#fff;
	text-decoration:none;
	padding:3px 3px 3px 6px;
	display:block;
	width:161px;
	text-align:left;
}
ul.slidingmenu ul a:hover {
	background:#E84B04;
	color:#fff;
	text-decoration:none;
	margin:0;
	padding:3px 3px 3px 6px;
	display:block;
	width:151px;
}
/* Note: the class .subheader is available for menu items that have sub menus */

/* ### Speciality elements - ezyLinks, ezyEvents, ezyArticles ### */
#article {
	display:none
}
#artmove #article {
	display:block;
	padding:0 10px;
}


.link_list, .events_list, .article_list {
	display:block;
	margin-bottom:15px;
	color:#3A3D4A;
}
.link_link, .event_link, .article_link {
	color:#AAA;
	font-weight:700;
	font-size:80%;
	display:block;
	color:#3A3D4A;
}
.link_text, .event_text, .article_text {
}
.event_text_date, .article_text_date {
}
.lidate {display:none;}
.lititle {}


.link-display-title {
	color:#3A3D4A;
}
.link-display-link {
	color:#000762;
}
.event_link2 {
	color:#000762;
}
.article-date {
	font-weight:bold;
	display:block;
	color:#3A3D4A;
	font-size:85%;

}
.article-author {
	display:block;
	font-style:italic;
	margin-bottom:10px;
	color:#3A3D4A;
}
.article_link2 {
	color:#000762;
}
#art_recent, #eve_recent {
	list-style-type:none;
}
#art_recent ul, #eve_recent ul {
	margin:0;
	padding:0;
}
#art_recent li, #eve_recent li {
	margin:2px 0px;
	padding:0;
}
#article-display {
	padding:20px;
}
/* ### form elements ### */
.info, .warn, .error {
	color:#BD1A1A;
	background-color:transparent;
	font-weight:400;
	font-style:italic;
}
.error {
	width:100%;
}
.error-display {
	display:block;
	width:100%;
}
.input-checkBox {
	width:15px;
	color:#E84B04;
	background-color:#FADBCD;
	border:1px solid #E84B04;
	display:inline;
	margin:0;
	padding:0 2px;
}
.input-textArea {
	color:#E84B04;
	background-color:#FADBCD;
	border:1px solid #E84B04;
	width:100%;
	display:block;
	height:65px;
}
.input-text, .input-yesno, .input-nowidth, .input-dropDown {
	color:#E84B04;
	background-color:#FADBCD;
	border:1px solid #E84B04;
	width:100%;
}
.form-display {
	padding:10px;
	display:block;
	color:#E84B04;
	width:440px;
	border:1px solid #E84B04;
}
.form-display2 {
	text-align:left;
}
.form-header {
	color:#E84B04;
	font-weight:700;
	font-size:125%;
	text-align:left;
	margin:0 0 4px 0;
	padding:0 0 4px 0;
	display:block;
	border-bottom:1px solid #E84B04;
}
.label {
	font-size:90%;
	font-weight:bold;
	text-align:left;
	color:#E84B04;
	display:block;
}
.form-text {
	color:#003863;
	font-size:80%;
	text-align:left;
	display:block;
	clear:both;
	font-style:italic;
}
.submit-main {
	color:#3A3D4A;
	font-weight:bold;
	padding:2px 10px;
}
.progress {
	display:none;
	width:350px;
	position:absolute;
	padding:40px;
	z-index:1000;
	border:1px solid #3A3D4A;
	color:#3A3D4A;
	font-size:10px;
	background-color:#fff;
	margin:-60px auto 0;
}
#newsletter {width:100px;}
#newsletter .form-header {display:none;}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
.clearfloat:after, #contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfloat, #contents {
	display: inline-block;
}
/* Hides from IE-mac */
* html .clearfloat, * html #contents {
	height: 1%;
}
.clearfloat, #contents {
	display: block;
}

