html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5em; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
a img { border: none; } *:focus {outline: none;}
html { font-size:75%; height: 100%;}
html>body { font-size: 12px; background: #fff url(../../_graphics/body.jpg) top center repeat-y;}

body { 
	color: #4D4D4D;
	min-height:101%;
	min-width:640px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.clear {display: block; clear: both; margin: 0; padding: 0; height: 0;}
.border {display: block; clear: both; margin: 0; padding: 0; height: 20px; background: #fff;}

#error {width: 870px;padding: 15px 0; text-align: center; background: #4D4D4D; position:absolute; top:200px;}


div {}
#layout .home {width: 900px; margin: 0 auto; min-height: 400px;}
#layout {width: 900px; margin: 0 auto; min-height: 400px;}

.home {background: #fff url(../../_graphics/lines.png) top center repeat-y;}

#content_left {width: 165px; min-height:400px; float:left; padding-left:10px;}
#content_main {width: 450px; min-height:400px; float:left; margin-left: 20px;}
#content_main2C {width: 665px; min-height:400px; float:left; margin-left: 20px;}


#content_right {width: 230px; min-height:400px; float:right; padding-right:10px;}

#constantContact{margin-bottom: 10px;}
div.addthis_toolbox{text-align:center; margin-left:30%;}

/* Links
-------------------------------------------------------------- */
a:link {color:#00AEEF; text-decoration: none;}
a:visited {color:#00AEEF; text-decoration: none;}
a:hover {color:#AFBD22; text-decoration: underline;}
a:active {color:#AFBD22; text-decoration: underline;}

a:link.inline {}
a:visited.inline {}
a:hover.inline {}
a:active.inline {}

a.pre {text-transform: none;}
a.pre:hover {text-transform: none;}

a .addthis_button_compact {text-align:center;}
/* Headings
-------------------------------------------------------------- */
h1,h2, h3, h4 { line-height: 1.45em;}

h1 { font-size: 1.3em; color: #00AEEF; text-transform: uppercase; padding-bottom:10px; }
h2 { font-size: 1.3em; color: #00AEEF; text-transform: uppercase;}
h3 { font-size: 1.5em; font-weight: bold; text-transform: uppercase;}
h4 { font-size: 1em;}
h5,h6 { font-size: 1em;}

#content_left h2{
	color:#4D4D4D;
	}
#content_right h2{
	color:#4D4D4D;
	}
	
/* Text elements
-------------------------------------------------------------- */
p {margin: 0 0 20px 0;}
.siblings {text-align: center;}
p.back{text-align: center;}
p.error{text-align: center; color: red;}

div.home #content_main p {font-size: 1.2em; line-height: 1.5;}
div.home #content_main .inlinelist {font-size: 1.2em; line-height: 1.5;}

b {font-weight: bold;}
i {font-style: italic;}

/* Lists
-------------------------------------------------------------- */
ol {margin: 0px 20px 20px 25px;}
.decimal li {list-style-type: decimal;}

.upperalpha li {list-style-type: upper-alpha;}
.loweralpha li {list-style-type: lower-alpha;}
.upperroman li {list-style-type: upper-roman;}
.lowerroman li {list-style-type: lower-roman;}
.lowergreek li {list-style-type: lower-greek;}

ol.decimal li {list-style-type:decimal;}

.inlinelist		{list-style: square; margin:0px 0px 15px 55px;}
.inlinelist li	{color: #00AEEF; padding: 3px;}
span.listtext	{color: #4D4D4D;}

ul li {}
ul li ul {margin: 0 0 0 15px;}
ul li ul li {}
ul li ul li ul {margin: 0 0 0 15px;}

ul li ul li ul li {}

/* Spans
-------------------------------------------------------------- */
blockquote {}
hr {height: 1px; width: 100%; color: #4D4D4D; background-color: #4D4D4D;text-align: center;}

iframe {width: 100%; clear: both;}
iframe.useCss {width: 690px; height: 1500px; }


/* Default Module Box
-------------------------------------------------------------- */
.module {}
.module h2 {}

.module p {}
.module .description {}
.module .artist {}

.module .thumb {float: left;}

.module .details {width: auto; float: none;}
.module .details-image {width: 350px; float: right;}

.module object {}
.module object embed {width: 415px; height: 255px; margin: 0 0 15px 0;}


img {max-height: 300px;}

.imgCenterDiv {width: auto; text-align: center;}
.imgCenter {}

/* Image Slideshow (jquery.cycle.all.min.js )
-------------------------------------------------------------- */
#slides {
	height: 200px;
	overflow: hidden;
	position: relative; z-index: 0;
	margin: 0 0 15px 0;
	background: #e5f7fd;
	border: 4px solid #e5f7fd;
	line-height: 1.2em; 
}
.slide {width: 100%;}
.slide-thumbnail {float: left;}
.slide-thumbnail img {max-width:162px; }
.slide .details {font-family: 'New York', Times, 'Times New Roman', serif; width: 273px; padding: 10px; float: right;}

.slide .title {}
.slide .caption {margin: 0 0 5px 0;}
.slide .description {color: #00AEEF; padding: 5px 0 0 0; font-style: italic;}

#slide-nav {
	list-style: none;
	position: relative; top: 0;
	text-align: center;
}
.slide-nav {}
.slide-nav a {padding: 0 5px;}
.slide-nav a.activeSlide {}
.slide-nav-prev {float:left;}
.slide-nav-next {float:right;}

/* Image Gallery (jquery.cycle.all.min.js ) maxwidth set in image_display.cfc
-------------------------------------------------------------- */
#gallery {
	clear:both;
	z-index: 0;
	height: 300px;
	text-align: center;
	margin-top:5px;
}

.gallery {width: 100%;}
.gallery img {height: auto; width: auto;}
.gallery .details  {}
#gallery + p  {display: block; margin: 15px 0 0 0; clear: both;}

#gallery-thumbs {margin: 15px auto; width: 500px;}
#content_right #gallery-thumbs {width: 230px;}

#gallery-thumbs li {overflow: hidden; margin: 5px; float: left; width: 52px; height: 52px; border: 1px solid #fff;}
#gallery-thumbs li.activeSlide {border: 1px solid #4D4D4D;}
#gallery-thumbs a {display: block; width: 52px; height: 52px; position: absolute: top: 0; left: 0;}
#gallery-thumbs a img {position: relative;  margin: -15px 0 0 0; height: 100px; }

/* Single Image
-------------------------------------------------------------- */
#image-container {float: left;  max-width: 210px;  margin: 0 10px 10px 0; padding:10px 0 0 0; text-align: center; background: #F37421 url(../../_graphics/image_top.png) top center no-repeat;}
#image-container #image-middle {padding:0 10px 15px 10px; text-align: center; width: 190px; background: url(../../_graphics/image_bottom.png) bottom center no-repeat;}
#image-container #image-middle #image {width: 190px; text-align: center; overflow: hidden; position:relative; margin: auto;}
#image-container #image-middle #image img {min-height: 300px; margin: 0 -50%; position:relative;}

#image-container + .details {display: none;}
#image-container .details h2 {display: none;}
#image-container .details .caption {display: none;}
#image-container .details .description {display: none;}


/* Documents
-------------------------------------------------------------- */
.document {margin: 15px 0;}

.document h2 {float: left; width: 65px; margin-right: 5px; color: #4D4D4D; font-size: 1em;}
.document .details a {float: right;  width: 380px;}
.document .description {}
.document .thumb {}

.movie {background: url(../../_graphics/videobg.png) top center no-repeat; margin: 0 0 15px 0; padding: 10px 0 0 0;}
.movie object {z-index:0; clear: both; margin-left:17px; width: 415px; height: 255px;}
.movie object embed {z-index:0; width: 380px; height: 255px;}
.movie .description {margin: 10px auto; text-align: center;}
.movie .artistname {}

.movie iframe.vimeo {padding-left:20px; width: 415px; height: 255px;}

#homeiframe{ 
	background: url(../../_graphics/videobg.png) top center no-repeat;
	width: 415px; 
	height: 325px;	
	margin-left:17px;
	}
#homeiframe iframe{
	width: 380px; 
	height: 255px;
	margin-top: 15px;
	margin-left:17px;
	}

/* Audio
-------------------------------------------------------------- */
.media-container {padding: 0; position: relative; background: #4D4D4D;}
.media-container .layers {display: none;}
.media-container div {border: 0; padding: 0; margin: 0; font-size: .9em; color: #fff; text-align: center;}

.media-container .controls {position: absolute; bottom: 0; left: 0; height: 30px; width: 100%;}
.media-container .controls  div {float: left;}
.media-container .controls .button span {background: transparent url(audio-controls/controls.png) 0 0 no-repeat; margin: 7px 5px; height: 16px; width: 16px; cursor: pointer; display: block; }

.media-container .controls .time {display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; padding: auto 4px;}

.media-container .controls .play span {background-position:0 0;}
.media-container .controls .pause span {background-position:0 -16px;}
.media-container .controls .mute span {background-position:-16px -16px;}
.media-container .controls .unmute span {background-position:-16px 0;}

.media-container .controls div.time-rail {width: 180px;}
.media-container .controls .time-rail span {float: left; position: relative; top: 5px; width: 160px; height: 10px; cursor: pointer; display: block;}
.media-container .controls .time-rail .time-total {background: #00AEEF; margin: 5px; }
.media-container .controls .time-rail .time-loaded {background: #fff; width: 0; top: 0; }
.media-container .controls .time-rail .time-current {background: #AFBD22; width: 0; top: -10px; }
.media-container .controls .time-rail .time-handle {background: #00AEEF; width: 10px; top: -2px; display: none; cursor: pointer; position: absolute; }

.media-container .controls .time-rail .time-float {visibility: hidden; }
.media-container .controls .time-rail:hover .time-float {visibility: visible; position: absolute; background: #AFBD22; width: 36px; height: 17px; top: -26px; margin-left: -14px; }
.media-container .controls .time-rail .time-float-current {width: 36px; height: 17px; top: 0; display: block;}

.media-container .controls .volume-button {position: relative; float: right;}
.media-container .controls .volume-button .volume-slider {display: none; height: 100px; width: 25px; top: -100px; left: 0; z-index: 1; position: absolute;}
.media-container .controls .volume-button:hover {}
.media-container .controls .volume-button:hover .volume-slider {display: block;}
.media-container .controls .volume-button .volume-slider .volume-total {background: #00AEEF; position: absolute; left: 11px; top: 8px; width: 2px; height: 100px;}
.media-container .controls .volume-button .volume-slider .volume-current {background: #00AEEF; position: absolute; left: 11px; top: 8px; width: 2px; height: 100px;}
.media-container .controls .volume-button .volume-slider .volume-handle {background: #00AEEF; position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; cursor: N-resize;}

/* Sets header container width, background and home logo link
-------------------------------------------------------------- */
#header {
	height:200px;
	margin: 0 auto;
	background: #fff  url(../../_graphics/header.jpg) top left no-repeat;
	}
#header a {}
#logo {
	display: block;
	float:left;
	width: 150px;
	height: 140px;
	margin-left:25px;
	}

#logo a{
	display:block;
	width:100%;
	height:100%;
	}
	
/*menu-2  is the social media navigation 
-------------------------------------------------------------- */
#global-nav{
	width: 50%;
	text-align: right;
	float:right;
	margin-top: 85px;
	margin-right:15px;
	}

.menu-2 {float: right;}	
.menu-3 {float: right;}

#global-nav ul li{
	display:inline;
	margin-left:15px;
	}

#global-nav ul li a:link {color:#4D4D4D; text-decoration: none;}
#global-nav ul li a:visited {color:#4D4D4D; text-decoration: none;}
#global-nav ul li a:hover {color:#00AEEF; text-decoration: none;}
#global-nav ul li a:active {color:#00AEEF; text-decortation: none;}

/* Drop Down Menu
-------------------------------------------------------------- */
#menu li a:link {color:#fff; text-decoration: none;}
#menu li a:visited {color:#fff; text-decoration: none;}
#menu li a:hover {color:#fff; text-decoration: none;}
#menu li a:active {color:#fff;}

#menu li ul li a {margin: 0 0 8px 0;}
#menu li ul li a span {color: #4D4D4D;}
#menu li ul li a span:hover {color:#fff;}

#nav_main {
	margin: 0 0 0 145px;
	height:40px;
	clear:both;
	padding: 5px 0 0 0;
	}

#menu {
	position:relative;
	z-index:100;
	}

#menu li {
	padding: 8px 0 0 0; 
	text-align: center; 
	font-size: 1.8em; 
	text-transform: uppercase;
	font-weight: lighter;
	float: left;
	}


#menu li ul {
	z-index:1;
	background-color: #e5f7fd;
	position:absolute;
	top: 35px;
	display: none;
	}


	
#menu li ul li {
	text-align: left;
	font-size:.55em; 
	font-weight:normal; 
	padding: 5px;
	width: 125px; 
	float: none;
	}
	
#menu li ul li:hover {
	background-color: #00AEEF;
	color:#fff;
	}

	
#menu li.item_2 {height: 40px; width: 135px; background: url(../../_graphics/actbg.png) top center no-repeat;}
#menu li.item_2:hover {background: url(../../_graphics/actbg_hover.png) top center no-repeat;}

#menu li.item_3 {margin: 0 0 0 10px; height: 40px; width: 135px; background: url(../../_graphics/joinbg.png) top center no-repeat;}
#menu li.item_3:hover {background: url(../../_graphics/joinbg_hover.png) top center no-repeat;}

#menu li.item_4 {margin: 0 0 0 10px; height: 40px; width: 140px; background: url(../../_graphics/connectbg.png) top center no-repeat;}
#menu li.item_4:hover {background: url(../../_graphics/connectbg_hover.png) top center no-repeat;}
#menu li.item_4 ul {margin: 0 0 0 5px;}

#menu li.item_5 {margin: 0 0 0 140px;padding: 6px 0 0 0; font-size: 1.15em; height: 30px; width: 120px; background: url(../../_graphics/donatenow.png) top center no-repeat;}
#menu li.item_5:hover {background: url(../../_graphics/donatenow_hover.png) top center no-repeat;}

/* submenu
-------------------------------------------------------------- */
#nav_sub {width:125px; background: url(../../_graphics/submenu.png) top center no-repeat;}
#nav_sub ul {width: 100px; padding-left: 15px; padding-top: 25px;}
#nav_sub ul li { padding-bottom: 15px;}
#nav_sub ul li a {color:#4D4D4D; text-transform: uppercase;}
#nav_sub ul li a:hover {color:#00AEEF; text-transform: uppercase;}

#nav_sub ul.submenu li.selected a.clickpath span {color:#00AEEF; margin:0; padding:0; font-weight:bold;}
#nav_sub ul.submenu li.selected {color:#00AEEF;}

#nav_sub ul.submenu li ul.submenu {padding-top:10px; padding-left:0; }
#nav_sub ul.submenu li ul.submenu li {width: 80px; padding-bottom: 5px; font-size: .9em;}
#nav_sub ul.submenu li ul.submenu li a span{text-transform: none; }

#nav_sub ul li a.pre {text-transform: none;}

/* Twitter Feed
-------------------------------------------------------------- */
.feeds h2 {}
.feeds ul {}
.feeds ul li {margin: 0 0 10px 0; font-size: .95em; line-height: 1.2em;}
.feeds a.twitter_link {display: block;  padding: 0 0 15px 0;}


/* Social Media
-------------------------------------------------------------- */



/* Calendar Grid
-------------------------------------------------------------- */
#calendar {border-right: 1px solid #00AEEF; border-top: 1px solid #00AEEF;}
#calendarView {float: right;}
td {border-left: 1px solid #00AEEF; border-bottom: 1px solid #00AEEF;padding: 3px;}
td.header {background: #e5f7fd; width: 10px;}
td p {margin: 0 0 10px 0;}

.weekday {}
.dayMonth {font-weight: bold;}
.daynumber {font-weight: bold;}
.other {background: #e5f7fd; }
.today {background: #F6ED5F; }


/* event homepage
-------------------------------------------------------------- */
#content_right .event {font-size: .95em; }
#content_right .event p {}
#content_right .event h2 {margin: 0; font-size: .95em; }

/* layout event
-------------------------------------------------------------- */
div.event{margin-bottom:10px;}
p.date-time {margin-bottom: 0;}
h2 {}
	.date-time {}
	.date-time .time {display: block;}
	.type {display: inline;}
	.category {}
	.location {}
	

.home .news {}
.home .news h2 {}
.home .news-item {}
.home .news-item h2 {font-size: .95em;}

.home .news-item .details {}
.home .news-item .details h2 {}
.home .news-item .details .description {}
.home .news-item .details .more {}


.partner-item {margin: 15px 0;}

.partner-item .thumb {float: left;}
.partner-item .thumb img {max-width: 90px; height: auto;}

.partner-item .details-image {width: 340px; }
.partner-item .details-image h2 {margin-bottom: 0;}
.partner-item .details-image .description {margin-bottom: 5px;}

.partner-item .details {float: right; width: 340px; }
.partner-item .details h2 {margin-bottom: 0;}
.partner-item .details .description {margin-bottom: 5px;}


.staff-listing {margin: 0 0 15px 0;}
.staff .thumb {width: 90px; float: left;}
.staff .thumb img {max-width: 90px;}

.staff .details-image {float: right; width: 340px; }
.staff .details-image .name {font-size: 1.2em; margin-bottom: 0;}
.staff .details-image .title {margin-bottom: 5px;}

.staff .details {float: right; width: 340px; }
.staff .details .name {font-size: 1.2em; margin-bottom: 0;}
.staff .details .title {margin-bottom: 5px;}

.phone, .cell, .fax, .email {margin: 0; }
.email {font-size: .95em;}

#content_right_staff {min-height:400px; float:right; padding-right:10px; width: 210px;}
#content_right_staff .thumb {width: 210px; margin: 0 0 15px 0;}
#content_right_staff .thumb img {max-width: 130px; height: auto;}


form {}
div.form {float: right; width: 400px;}
div.form h3 { font-size: 1em; color: #00AEEF; text-transform: uppercase; }

div.buy_now_buttons form {background: #fff;}

fieldset {border: 0; width: 370px;}
fieldset.submit {text-align: right; padding:6px;}
legend {}

form ol {padding: 15px 0 0 0; margin: 0; }
form ol li {padding: 5px 0; }

form ol li strong {
float: right;
display: block;
font-weight: normal;
color:#00AEEF;
padding-bottom: 10px;
border: 1px solid #E6E6E6;
}

label {    
float: left;    
width: 120px;    
text-align: right;   
margin-right: 1em;
}   

label.required:after {
content: "*";
}

input[type=image] {   
padding:6px;
}   


input[type=text] {   
height: 14px; 
width: 220px;    
padding:6px;
border: solid 1px #4D4D4D; 
color:#4D4D4D;
}   

input.submit {
height:26px;
line-height:26px;
width:auto;
}

textarea {
width: 220px;    
height: 150px;
border: solid 1px #4D4D4D; 
color:#4D4D4D;
padding:6px;
overflow:hidden; 
}          
	
button {}
input.ban_signup{margin-top: 5px; width: 150px; padding:3px; }

#ACTION_SUBMIT_SURVEY_RESPONSE {
height:22px;
margin-top:5px;
background-color: #97337d;
color:#fff; 
border:1px solid; 
border-color: #97337d;}

#ACTION_SUBMIT_SURVEY_RESPONSE:hover{background-color:#00AEEF;border-color: #00AEEF;}

.movie {background: url(../../_graphics/videobg.png) top center no-repeat; margin: 0 0 15px 0; padding: 10px 0 0 0;}
.movie object {z-index:0; clear: both; margin-left:17px; width: 415px; height: 255px;}
.movie object embed {z-index:0; width: 380px; height: 255px;}
.movie .description {margin: 10px auto; text-align: center;}
.movie .artistname {}

.movie iframe.vimeo {padding-left:20px; width: 415px; height: 255px;}

#homeiframe{ 
	background: url(../../_graphics/videobg.png) top center no-repeat;
	width: 415px; 
	height: 325px;	
	margin-left:17px;
	}
#homeiframe iframe{
	width: 380px; 
	height: 255px;
	margin-top: 15px;
	margin-left:17px;
	}

.project {margin: 15px 0;}
.project .thumb {float: left; width: 90px; }
.project .thumb img {max-width: 90px;}
.project h2 {text-align:center;}
.project .details-image h2 {text-align:left;}
.project p.siblings {margin-bottom:0px;}

 
 #project-container {min-height: 300px;margin-bottom:25px;}

/* Page Footer
-------------------------------------------------------------- */
#footer {width: 95%; background: #fff ; border-top: 1px solid #E6E6E6; margin: 0 auto; padding: 10px 0; line-height: 1.5em; font-size: .9em; text-align: center;}
#footer p {padding: 10px 0;}

#footer ul li {text-transform: lowercase; display: inline; text-align: center; padding: 0 10px; }
#footer ul li a:link {color:#97337d; text-decoration: none;}
#footer ul li a:visited {color:#97337d; text-decoration: none;}
#footer ul li a:hover {color:#00AEEF; text-decoration: underline;}
#footer ul li a:active {color:#00AEEF; text-decoration: underline;}