/*-----------------------------------------------------------------------------
Global StyleSheet (Color Communications, Inc.)

version:	1.0
author:		Rebecca Kemnitz
email:		rebecca@bytestudios.com
date:		8/24/2009
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* { margin: 0; padding: 0; z-index: 1; }

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6 { margin: 0 0; font-weight: normal; }

/* Class for clearing floats */
.clear { clear: both; }

/* Remove border around linked images */
img { border: 0; margin: 0; }

ul, ol { list-style: none; }

/* Tables
-----------------------------------------------------------------------------*/
table { border-spacing: 0; border-collapse: collapse; }

td { font-weight: normal; }

/* Links
-----------------------------------------------------------------------------*/
a { outline: none; color: #29292b; text-decoration: none; }

a:hover { outline: none;}

a:active { outline: none; }

a.pdf, span.pdf a, a span.pdf,  #centerCol #mainContent a.pdf, #centerCol #mainContent span.pdf a, #centerCol #mainContent a span.pdf { 
	padding-left:23px;
	background:url(/assets/img/icon_pdf.gif) no-repeat center left; 
	display:inline-block;
	padding-top:6px;
}
a.button { 	 
	color: white;
	background-repeat: no-repeat;
    background-position: center right;
    background-image: url(/assets/img/arrow_white.gif);
    font-weight: bold;
    font-size: 12pt;
    padding: 3px 17px 3px 11px;
}
a.pdf {
	padding-left:23px;
	background:url(/assets/img/icon_pdf.gif) no-repeat center left; 
	display:inline-block;
	padding-top:6px;
}
a.rss, #centerCol #mainContent a.rss  { 
	background:url(/assets/img/rss.gif) no-repeat center left; 
	display: inline-block;
	padding-left: 23px;
	color:#e46516; 
	text-decoration:underline; 
	line-height:18px
}

body > #container a.button { background-image: url(/assets/img/arrow_white.png);  }

a.blue { background-color: #5ecaf2; border: 1px solid #bcf313; }

a.purple { background-color: #7687c6; border: 1px solid #6edbda; }

a.seafoam { background-color: #32b49a; border: 1px solid #bcf313; }

#centerCol #mainContent a.blue, #centerCol #mainContent a.purple, #centerCol #mainContent a.seafoam { color: white }

#centerCol #mainContent a.blue:hover, #centerCol #mainContent a.purple:hover, #centerCol #mainContent a.seafoam:hover { text-decoration:none; }

/* Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset { border: 1px solid transparent; }

input.text, textarea, select { }

.errorText { }

.errorText ul { }
/* Classes
-----------------------------------------------------------------------------*/
/* Typography
-----------------------------------------------------------------------------*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	color: #29292b;
	text-align: center; 
	background: #eae16a url(/assets/img/body_bg.jpg) repeat-x;
}
/* Branding
-----------------------------------------------------------------------------*/
#header h1 { float: left; margin-left: 33px; }

body > #container #header h1 { margin-left: 67px; }

#header h1 a {  
	width: 168px; 
	height: 155px; 
	background: url(/assets/img/mhsa_logo.gif) no-repeat;
	display: block;
}

body > #container #header h1 a { background: url(/assets/img/mhsa_logo.png) no-repeat; }

#container {
	margin: 0 auto;
	background: url(/assets/img/main_bg.jpg) no-repeat;
	width: 1150px;
	min-height: 935px;
}
/* Header
-----------------------------------------------------------------------------*/
#header { float: left; width: 1148px; margin-bottom: 16px; position: relative; }

#search_form {
	float: right;
	background: url(/assets/img/search_bg.png) repeat-x;
	margin: 10px 55px 0 0;
	height: 21px;
	width: 185px;
	position:relative;
}
body > #container #search_form { margin-right: 109px; }

#search_form input#search {
	background: url(/assets/img/search_bgL.gif) no-repeat top left; 
	/* margin:0 0 0 -10px; */ 
	border: none;
	height: 21px;
	float: left;
	width: 152px;
	padding: 4px 11px;
	color: #494949;
	position: absolute;
	left: -10px;
	top: 0;
}
body > #container #search_form input#search { background: url(/assets/img/search_bgL.png) no-repeat top left; }
	
#search_form input#submit { 
	background: url(/assets/img/search_button.gif) no-repeat top right; 	
	width: 26px; 
	height: 21px; 
	cursor: pointer;
	border: none;
	float: right;
	/* margin-right: -10px; */ 
	/* margin-left:5px; */
	position: absolute;
	left: 185px;
	top: 0;
} 
body > #container #search_form input#submit { background: url(/assets/img/search_button.png) no-repeat top right;  }

/* Footer
-----------------------------------------------------------------------------*/
#footer { 
	float: left; 
	font-size: 6pt; 
	width: 709px; 
	height: 92px; 
	margin: 3px 0 0 93px; 
	background: url(/assets/img/flor.gif) repeat-x center; 
}
body > #container #footer { background: url(/assets/img/flor.png) repeat-x center; }

#footer ul { float: right; width: 559px; text-transform: uppercase; margin: 14px 0 27px 0; }

#footer ul li { display: inline; }

#footer ul a { padding: 0 14px; }

#footer p { float: right; width: 559px; }

#footer p a { padding-left: 28px; text-decoration: underline; }

#footer img { float: left; }

/* Top Navigation
-----------------------------------------------------------------------------*/
#topNav {
	float: right;
	background: url(/assets/img/topNav_bg.gif) repeat-x;
	height: 21px;
	margin-right: 54px;
	margin-top: 10px;
	position:relative;
	z-index: 1;
}
#topNav li { float: left; clear: none; z-index: 1; }

#topNav li.active a { background: #00ada3; color: white; text-decoration: none;  }

#topNav a { color: #494949; padding: 0 20px; line-height:21px; padding:5px 20px 4px 20px; }

#topNav li.first { background: url(/assets/img/topNav_bgL.gif) no-repeat top left; margin-left: -10px; padding-left: 10px;  }

#topNav li.first a { padding-left: 10px; }

#topNav li.first.active { background: url(/assets/img/topNav_bgL_active.gif) no-repeat top left; }

body > #container #topNav li.first { background: url(/assets/img/topNav_bgL.png) no-repeat top left; }

body > #container #topNav li.first.active { background: url(/assets/img/topNav_bgL_active.png) no-repeat top left; }

body > #container #topNav li.last { background: url(/assets/img/topNav_bgR.png)  no-repeat top right; }

#topNav li.last { background: url(/assets/img/topNav_bgR.gif)  no-repeat top right; margin-right: -10px; padding-right: 10px; }

#topNav li.last a { padding-right: 10px; }

#topNav li.last.active { background: url(/assets/img/topNav_bgR_active.gif) no-repeat top right; }

body > #container #topNav li.last { background: url(/assets/img/topNav_bgR.png) no-repeat top right; }

body > #container #topNav li.last.active { background: url(/assets/img/topNav_bgR_active.png) no-repeat top right; }

#topNav ul { 
	display:none; 
	position:absolute; 
	width: 479px; 
	padding:10px;
	left:0; 
	top:20px;
	margin:0; 
	z-index: 0;
	color: white;
	text-align: left;
	background: #359f8c;
}

body > #container #topNav ul { background: transparent url(/assets/img/topNav_sub_bg.png); width:95%; }

#topNav li.active ul { 
	display: block;
	
}

#topNav li ul li, #topNav li.active ul li, #topNav li.first ul li, #topNav li.first.active ul li, #topNav li.last ul li, #topNav li.last.active ul li 
	{ background: none; padding: 0; margin: 0; width: 100px; margin-right: 10px; text-align: }

#topNav li ul a, #topNav li.active ul a, #topNav li.first ul a, #topNav li.first.active ul a, #topNav li.last ul a, #topNav li.last.active ul a
	{ background: none; padding: 0; margin: 0; color: white; padding-left:10px; }

/* Main Navigation
-----------------------------------------------------------------------------*/
#mainNav {
	width: 751px;
	height: 48px;
	background: url(/assets/img/mainNav_bg.gif) no-repeat;
/* 	float: right; */	
/* 	margin: 74px 84px 0 0; */
	padding:0 0 0 70px;
	position:absolute;
	left:243px;
	top:105px;
}
#mainNav a { color:#272727; }

body > #container #mainNav { background: url(/assets/img/mainNav_bg.png) no-repeat; }

#mainNav li { float: left; position:relative; }

#mainNav li img { margin:9px 22px 0 22px; clear:both; float:left; }

#mainNav li.active { background-color: #b9ebec; }

#mainNav li ul { 
	display: none;
	position: absolute; 
	width: 100%; 
	text-transform: uppercase;
	font-size: 7pt;
	line-height: 2em; 
	top:33px;
	left:0;
}
#mainNav li.active ul { display: block; }

#mainNav li ul li { 
	background-color: #b9ebec; 
	border-top: 1px solid white; 
	float:left;
	width:160px;
	text-align:center;
	clear:both;
	margin:0;
}

body > #container #mainNav li ul li { width:100%; }

#mainNav li ul li:first-child { border: none; }

#mainNav li ul li.active { background-color: #4cc1c3; }

#mainNav a:hover { text-decoration: none; }

/* Left Navigation
-----------------------------------------------------------------------------*/
#leftCol {
	float: left;
	width: 157px;
	margin: 0 7px 0 37px;
}
body > #container #leftCol { margin-left:72px; }

body.home #leftCol { padding-bottom: 23px; }

#leftCol img.style { display: none; float: left; margin-left: -14px; }

body.home > #container #leftCol img.style { display: block; }

/*
body.home #leftCol img.gif.style { display:block }

body.home #leftCol img.png.style { display:none }

body.home > #container #leftCol img.gif.style { display:none }

body.home > #container #leftCol img.png.style { display:block }
*/

#leftNav {
	text-align: left;
	float: left;
	width: 157px;
	background: white url(/assets/img/leftNav_bg.gif) repeat-y;
	margin-bottom: 105px;
}
#leftNav li {
	background: url(/assets/img/leftNav_arrow.gif) no-repeat center left;
	padding-left: 13px;
	border-top: 1px solid #a7caca;
	width: 112px;
	float:left;
	clear:both;
	margin-left: 4px;
	padding-top: 7px;
	overflow:hidden;
}
body > #container #leftNav li { margin-left: 8px; width:125px }

#leftNav li.active { background: url(/assets/img/leftNav_arrow_active.gif) no-repeat left 13px; }

#leftNav li:first-child { border: none; }

#leftNav ul { padding-bottom:3px; }

#leftNav ul li {
	background: none;
	border:none;
	width:105px;
	clear:both;
	margin:0;
	padding:0 5px 0 15px;
	line-height:16pt;
	float:left;
}
#leftNav ul li.active { background:#f9ddcc; }

#leftNav ul li a { color:#e46516; }

/*
#leftNav li:hover { background: url(/assets/img/leftNav_arrow_active.gif) no-repeat center left; }
*/


/* Center Column
-----------------------------------------------------------------------------*/
#centerCol {
	float: left;
	width: 577px;
	margin-right: 11px;
	line-height: 14pt;
}
#centerCol.wide { width: 828px }

#centerCol h5 {
	color: #e46516;
	text-transform: capitalize;
	font-size: 13pt;
}

#centerCol .aqua {
	float: left;
	width: 577px;
	background: url(/assets/img/centerCol_bg.gif) repeat-y;
	margin-bottom:42px;
	text-align:left;
	margin-top:8px;
}
body > #container #centerCol .aqua { background: url(/assets/img/centerCol_bg.png) repeat-y; }

#centerCol.wide .aqua { width: 828px; background: url(/assets/img/centerCol_bg_wide.gif) repeat-y; }

body > #container #centerCol.wide .aqua { background: url(/assets/img/centerCol_bg_wide.png) repeat-y; }

body.home #centerCol .aqua { background: url(/assets/img/centerCol_bg_home.gif) repeat-y; }

body.home > #container #centerCol .aqua { background: url(/assets/img/centerCol_bg_home.png) repeat-y; }

#centerCol .aqua .top { 
	float: left; 
	width: 100%; 
	height: 22px; 
	margin-top: -22px;
	background: url(/assets/img/centerCol_bg_top.gif) no-repeat;
}
body > #container #centerCol .aqua .top { background: url(/assets/img/centerCol_bg_top.png) no-repeat; }

body > #container #centerCol.wide .aqua .top { background: url(/assets/img/centerCol_bg_top_wide.gif) no-repeat; }

body > #container #centerCol.wide .aqua .top { background: url(/assets/img/centerCol_bg_top_wide.png) no-repeat; }

body.main #container #centerCol .aqua .top {  background: url(/assets/img/centerCol_bg_main_top.gif) no-repeat; }

body.main > #container #centerCol .aqua .top { background: url(/assets/img/centerCol_bg_main_top.png) no-repeat; }

body.home #container #centerCol .aqua .top {  background: url(/assets/img/centerCol_bg_home_top.gif) no-repeat; }

body.home > #container #centerCol .aqua .top { background: url(/assets/img/centerCol_bg_home_top.png) no-repeat; }

#container #centerCol .aqua .bot { 
	float: left; 
	width: 100%; 
	height: 23px;
	margin-bottom: -23px;
	background: url(/assets/img/centerCol_bg_bot.gif) no-repeat;
}
body > #container #centerCol .aqua .bot { background: url(/assets/img/centerCol_bg_bot.png) no-repeat; }

#container #centerCol.wide .aqua .bot { background: url(/assets/img/centerCol_bg_bot_wide.gif) no-repeat; }

body > #container #centerCol.wide .aqua .bot { background: url(/assets/img/centerCol_bg_bot_wide.png) no-repeat; }

body.home #container #centerCol .aqua .bot { background: url(/assets/img/centerCol_bg_home_bot.gif) no-repeat; }

body.home > #container #centerCol .aqua .bot { background: url(/assets/img/centerCol_bg_home_bot.png) no-repeat; }

#centerCol .aqua h1 { 
	background-color: #6ed4d6; 
	margin-left:7px; 
	width:527px; 
	padding: 0 16px;
	margin-top: -5px;
}
#centerCol.wide .aqua h1 { background-color: #00ada2; width:783px; }

body.main #centerCol .aqua h1 { background-color: #f07a09; }

#breadcrumbs {  
	float: left;
	border-bottom: 1px solid #66cccc;
	width: 527px;
	color: #767676;
	margin: 2px 0 14px 23px;
}
#centerCol.wide #breadcrumbs { width:785px; }

#breadcrumbs li { float: left; margin-right: 3px; }

#breadcrumbs a { color: #767676; margin-right: 3px; display: inline-block; }

#breadcrumbs a:hover { text-decoration: underline; }

#centerCol #mainContent { float: left; width: 527px; margin:0 0 15px 12px; }

body > #container #centerCol #mainContent { margin-left: 23px; }

#centerCol #mainContent ul { list-style:disc; margin:0 13px; }

#centerCol #mainContent ul ul { list-style:circle; }

#centerCol #mainContent ul ul ul { list-style:square; }

#centerCol #mainContent ol { list-style: decimal; margin:0 13px; }

#centerCol.wide #mainContent { width:785px; }

#centerCol #mainContent h5 { float: left; font-size: 12pt; display: inline; }

#centerCol #mainContent a { color:#159f91; }

#centerCol #mainContent a:hover { text-decoration:underline; } 

#centerCol #mainContent span.title { display:inline-block; font-weight: bold; float: left;  }

#centerCol #mainContent .orange { color:#e46516; }

#centerCol #mainContent .subhead { font-size:10pt; }

#centerCol #mainContent .sm_subhead { font-size: 9pt; }

#centerCol #mainContent .text { font-size: 7pt; }

.shadow_bot {
	float:right; 	
	background:white url(/assets/img/shadow_bot.gif) repeat-x bottom; 
	margin: -6px -6px 20px 20px;
}
.shadow_l {
	float:left; 
	background: url(/assets/img/shadow_mid_r.gif) repeat-y top right;
}
.shadow_r {
	float:left; 
	background: url(/assets/img/shadow_mid_l.gif) repeat-y;
	position: relative;
}
.shadow_top {
	float:left; 
	background: url(/assets/img/shadow_top.gif) repeat-x; 
	padding: 12px 12px 12px 12px;
}
img.shadow { float: left; /* margin:0 -18px -18px -19px;  */} 

/* rightCol
-----------------------------------------------------------------------------*/
#rightCol {
	float: left;
	width: 245px;
	color: white;
	margin-top: 17px;
}
#rightCol img.style { display: none; float: left; float:left; margin:-22px 0 0 -12px; }

body.home > #container #rightCol img.style { display: block; }

/*
body.home #rightCol img.gif.style { display: block }

body.home > #container #rightCol img.gif.style { display: none }

body.home > #container #rightCol img.png.style { display: block }
*/








#rightCol .bkt { float: left; width: 240px; margin-bottom: 9px; margin-bottom: 33px; }

#rightCol .bkt .top { float: left; margin-top: -9px; width: 100%; height: 9px; }

#rightCol .bkt .bot { float:  left; margin-bottom: -9px; width: 100%; height: 9px; }

#rightCol .bkt a, #rightCol .bkt a:hover { color: white; text-decoration: none; }

#rightCol .bkt a.dark, #rightCol .bkt a.dark:hover { 
	font-weight: bold; 
	background-repeat: no-repeat;
    background-position: center right;
    padding-right: 11px;
    text-transform: capitalize;
    display: inline-block;
    float: right;
    margin-right: 15px;
    text-decoration: none;
    font-size: 10pt;
    padding-top:3px;
}
#rightCol .bkt a.pdf { margin-right: 32px; float: right; }

#rightCol .bkt span.title {
	clear: both;
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-size: 10pt;
}

#rightCol .bkt.salmon a.dark { color: #a54141; background-image: url(/assets/img/bkt_bg_salmon_arrow.gif); }

#rightCol .bkt.salmon { background: url(/assets/img/bkt_bg_salmon.png) repeat-y; } 

#rightCol .bkt.salmon .top { background: url(/assets/img/bkt_bg_salmon_top.gif) no-repeat; }

body > #container #rightCol .bkt.salmon .top { background: url(/assets/img/bkt_bg_salmon_top.png) no-repeat; }  

#rightCol .bkt.salmon .bot { background: url(/assets/img/bkt_bg_salmon_bot.gif) no-repeat; } 

body > #container #rightCol .bkt.salmon .bot { background: url(/assets/img/bkt_bg_salmon_bot.png) no-repeat; } 

#rightCol .bkt.white a { color: #29292b; } 

#rightCol .bkt.white a.dark { color: #797980; background-image: url(/assets/img/bkt_bg_white_arrow.gif); }

#rightCol .bkt.white { background: url(/assets/img/bkt_bg_white.png) repeat-y; color: #29292b; } 

#rightCol .bkt.white .top { background: url(/assets/img/bkt_bg_white_top.gif) no-repeat; }

body > #container #rightCol .bkt.white .top { background: url(/assets/img/bkt_bg_white_top.png) no-repeat; }  

#rightCol .bkt.white .bot { background: url(/assets/img/bkt_bg_white_bot.gif) no-repeat; } 

body > #container #rightCol .bkt.white .bot { background: url(/assets/img/bkt_bg_white_bot.png) no-repeat; } 


#rightCol .bkt.teal a.dark { color: #005944; background-image: url(/assets/img/bkt_bg_teal_arrow.gif); }

#rightCol .bkt.teal { background: url(/assets/img/bkt_bg_teal.png) repeat-y; } 

#rightCol .bkt.teal .top { background: url(/assets/img/bkt_bg_teal_top.gif) no-repeat; }

body > #container #rightCol .bkt.teal .top { background: url(/assets/img/bkt_bg_teal_top.png) no-repeat; }  

#rightCol .bkt.teal .bot { background: url(/assets/img/bkt_bg_teal_bot.gif) no-repeat; } 

body > #container #rightCol .bkt.teal .bot { background: url(/assets/img/bkt_bg_teal_bot.png) no-repeat; }

#rightCol .bkt ul#calendar { float: left; width: 245px; line-height: 16pt; font-size: 9pt; margin: 0 0 9px 0; }

#rightCol .bkt ul#calendar li { width:25px; float:left; clear:none; margin:4px 5px; color:#838383; }

#rightCol .bkt ul#calendar li.day { color:#29292b; font-weight: bold; }

#rightCol .bkt ul#calendar li.pink { background-color: #ff73c2; color:#29292b; }

#rightCol .bkt ul#calendar li.seafoam { background-color: #51ff82; color:#29292b; }

#rightCol .bkt ul#calendar li.yellow { background-color: #ffef41; color:#29292b; }

#rightCol .bkt ul#calendar li.blue { background-color: #48ffeb; color:#29292b; }

#rightCol .bkt a.rss, #rightCol .bkt a.button { float:right; }

#rightCol .bkt a.rss { color:#e46516; text-decoration:underline; margin:5px 10px 0 0; }

#rightCol .bkt a.button { color:white; margin:0 14px 9px 0; }

#rightCol .bkt ul.calendar_cat {  }

/* Home Page Specific Content
-----------------------------------------------------------------------------*/

ul#news_events {
	float: left;
	width: 207px;
	text-align: left;
	margin-left:12px;
	padding-right: 20px;
	border-right: 1px solid #e46516;
	margin-right: 14px;
}
body > #container ul#news_events { margin-left:23px; }

ul#news_events a.rss, ul#news_events a.button { float: right; }

ul#news_events a.rss { margin:5px 10px 0 0; }

ul#news_events a.button { margin-top: 2px; }

#news_events span.title { display:inline-block;line-height:12pt;float:left;width:207px;font-weight:bold }

#news_events li {
	float: left;
	clear:both;
	background: url(/assets/img/dash.gif) repeat-x;
	padding:16px 0 7px 0;
	width:100%;
}
#news_events li:first-child { background: none; }

ul#home_gallery {
	float: left;
	width: 294px;
	text-align: left;
	line-height:16pt;
}
ul#home_gallery li {
	float:left;
	clear:none;
	margin:0 10px 12px 0;
	
}
ul#home_gallery a.button { float: right; margin-right: 10px;  }

#home_gallery li { width: 88px; height: 88px; position: relative; }

#home_gallery li a.photo_overlay { 
	width: 88px; 
	height: 88px; 
	display: block; 
	position: absolute;
	top: 0;
	left: 0; 
	background: url(/assets/img/clear.gif);
}/* xxx */
#home_gallery li a.photo_overlay:hover { 
	width: 78px; 
	height: 78px; 
	border: 5px solid #69d7d4; 
	display: block; 
}
#home_gallery li img { 
	position: relative;
	width: 88px; 
	height: 88px; 
}

/* Staff Pages
-----------------------------------------------------------------------------*/
#staff_bio { float:left;width:100%; margin-bottom: 16px; border-bottom: 1px dashed #c1c1ca; padding: 0 0 15px 0 } 

#staff_bio #bio_content { float:left;width:429px; }

#staff_bio #bio_content span.contact { color:#59595d; font-size:7pt; }

#staff_bio #bio_content span.contact a { color:#59595d; text-decoration: none; }

#staff_bio #bio_content span.underline { }

#staff_notes { width: 100%; margin-bottom: 21px; }

#mainContent #staff_notes a, #mainContent #staff_notes a:hover { color:black;text-decoration:none;cursor:pointer; }

#staff_notes .header { float:left; height:37px; background-color:#e46516; width:100%; color:white; margin-bottom:4px; }

#staff_notes .header h5 { float:left; margin:10px 0 0 11px; color:white; }

#staff_notes .header form { float:right; margin:11px 9px 0 0; }

#staff_notes .header form span { font-size:10pt; }

#staff_notes .header form select { width:315px; }

#staff_notes .header form select option { padding-left:7px; }

#staff_notes ul li { float: left; padding:5px 0 10px 0; border-top: 1px dashed #c1c1ca; display: block; width: 100%; clear:both }

#staff_notes ul li:hover { background-color: #e6e6e6; }

#staff_notes.listing_page ul li:hover { background-color:none; }

#staff_notes ul li:first-child { border:none; }

#staff_notes div.date { display: block; float:left; width:60px; margin:0 0 0 12px; }

#staff_notes div.entry { float:right; width:705px; }

#staff_notes div.post { float:left; width:480px; }

#staff_notes div.media { 
	float:right; 
	width:205px; 
	border-left:1px solid #79797f;
	font-size:7pt; 
	height:66px;
}
#staff_notes div.media span.icon {
	background-repeat: no-repeat;
    background-position: top left;
    padding-left:24px;
    opacity:.3;
    display:block;
    float:left;
    text-transform: uppercase;
    width:61px;
   	margin:12px 0 0 17px;
   	cursor: pointer;
}
#staff_notes div.media span.active { opacity:1 }

#staff_notes div.media span.paper { background-image:url(/assets/img/icon_paper.gif); }

#staff_notes div.media span.books { background-image:url(/assets/img/icon_books.gif); }

#staff_notes div.media span.homework { background-image:url(/assets/img/icon_paper.gif); }

#staff_notes div.media span.vid { background-image:url(/assets/img/icon_vid.gif); }

#staff_notes div.media span.pic { background-image:url(/assets/img/icon_pic.gif); }

#staff_notes a.view_all {
	border-top: 1px solid #e46516;
	display: inline-block;
	width: 100%;
	line-height:14pt;	
}
#centerCol #mainContent #staff_notes a.view_all:hover { text-decoration: none; }

#staff_notes a.view_all span { 
	background:url(/assets/img/arrow_orange.gif) no-repeat right center; 
	padding:2px 7px 0 11px;	
	text-transform:uppercase;
	font-size:7pt;
	color:#e46516;
}
#centerCol #mainContent #staff_notes a.read_more {
	display: block;
	float: right;
	text-transform: uppercase;
	background-color: #90e5e8;
	color: #29292b;
	line-height:8pt;
	padding:3px 6px 1px 6px;
	font-size:7pt;
	font-weight:bold;
}
.staff_section { float: left; width:249px; margin-right:19px;}

.staff_section span.header { 
	background-color:#f8d8c5; 
	border-top:1px solid #e46516; 
	border-bottom: 1px solid #e46516; 
	color: #e46516;
	font-weight: bold;
	padding: 0 9px;
	width: 231px;
	display: inline-block;
	font-size:10pt;
	line-height:17pt;
} 
#centerCol #mainContent .staff_section ul { list-style:none;margin:0; }

.staff_section li { border-top: 1px dashed #c1c1ca; padding:5px 0 4px 9px; }

.staff_section li:first-child { border:none; }

#centerCol #mainContent .staff_section a.pdf { color:#29292b; font-style:italic; margin-top: -5px; }

.staff_section a.view_all {
	border-top: 1px solid #e46516;
	display: inline-block;
	width: 100%;
	line-height:14pt;	
}
#centerCol #mainContent .staff_section a.view_all:hover { text-decoration: none; }

.staff_section a.view_all span { 
	background:url(/assets/img/arrow_orange.gif) no-repeat right center; 
	padding:2px 7px 0 11px;	
	text-transform:uppercase;
	font-size:7pt;
	color:#e46516;
}

/* Art Area Specific
-----------------------------------------------------------------------------*/
#centerCol #mainContent ul#faculty { list-style:none; }

#faculty li { background:url(/assets/img/dash.gif) repeat-x; padding:13px 0 9px 0; }

#mainContent #faculty a { color:#59595d; text-decoration:none; }

#mainContent #faculty span.contact_info { color: #59595d;display:inline-block;padding-bottom:3px; }

#faculty li div.info { float:right; width:390px; }

#mainContent #faculty li a.orange_button, #mainContent #faculty li a.orange_button:hover { 
	display:inline-block; 	
	background-color:#e46516; 
	color:white; 
	padding:3px 6px 0 6px; 
	text-transform:uppercase;
	text-decoration:none;
	margin-top:6px;
}
#centerCol #mainContent ul#courses { list-style:none; }

#courses li { background:url(/assets/img/dash.gif) repeat-x; padding:13px 0 9px 0; }

#mainContent #courses li a.teal_button, #mainContent #courses li a.teal_button:hover { 
	display:inline-block; 	
	background:#66cbcb url(/assets/img/arrow_white_on_teal.gif) no-repeat center right; 
	color:white; 
	padding:3px 17px 0 6px; 
	text-transform:uppercase;
	text-decoration:none;
	margin-top:6px;
}
/* Gallery Album Listing Pages
-----------------------------------------------------------------------------*/
#centerCol #mainContent ul#albums { 
	margin:0; 
	padding:0; 
	list-style:none; 
}
#albums li { 
	border-bottom: 1px dashed gray; 
	padding: 5px 0 10px 0; 
	margin: 5px 0 5px 0; 
}
#albums li h3 { float: left; font-weight: bold; font-size: 14px; }

#albums li p { float: left; width: 380px; }

#albums li img { 
	float: left; 
	height: 90px; 
	width: 90px; 
	margin-right: 12px; 
}
#albums li a { 
	display: block; 
	float: left; 
	padding: 4px; 
	text-transform: uppercase; 
	color: white !important; 
	background-color: #ef7a09; 
}
/* Gallery Album Pages
-----------------------------------------------------------------------------*/
.description { 
	padding: 4px 0 4px 0; 
	border-top: 1px dotted #e1e1e1; 
	border-bottom: 1px dotted #e1e1e1; 																		
}
.description p { 
	padding: 7px; 
	margin: 4px 0 4px 0; 
	background-color: #e1e1e1; 
	color: #5f5f5f;																					
}
.photo_holder { 
	width: 93px; 
	height: 83px; 
	padding: 6px; 
	float: left; 
	position: relative;	
	z-index: 10;																		
}
.photo_holder a { 
	display: block; 
	position: absolute; 
	width: 93px; 
	height: 80px; 
	top: 6px; 
	left: 6px;
	background: url(/assets/img/clear.gif); 													
}
.photo_holder a:hover {  
	width: 83px; 
	height: 70px; 
	border: 5px solid #69d7d4; 
	display: block; 							
}
.photo_holder img { width: 93px; height: 80px; }

#pagination	{ text-align: center;  }

#centerCol #mainContent #pagination a { color:#ccc; display:inline-block; padding:1px 3px 0 3px; line-height:13px; }

#centerCol #mainContent #pagination a.active { color:white; background:#E46516; text-decoration:none; }

#centerCol #mainContent #pagination a.active:hover { color:white; text-decoration:none; }

/* Staff CMS
-----------------------------------------------------------------------------*/
/* jQuery UI */

/* Main Flora Style Sheet for jQuery UI ui-datepicker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #EBEFF2;
	width: 185px;
}
#ui-datepicker-div { display: none; border: 1px solid #3C5068; z-index: 10; }

.ui-datepicker-inline { float: left; display: block; border: 0; }

.ui-datepicker-rtl { direction: rtl; }

.ui-datepicker-dialog { padding: 5px !important; border: 4px ridge #94A2B3 !important; }

button.ui-datepicker-trigger { width: 25px; }

img.ui-datepicker-trigger { margin: 2px; vertical-align: middle; }

.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #A5B2BF;
	color: #000;
}
*html .ui-datepicker-prompt { width: 185px; }

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control { background: #3C5068; padding: 2px 0px; }

.ui-datepicker-links { background: #A5B2BF; padding: 2px 0px; }

.ui-datepicker-control, .ui-datepicker-links { font-weight: bold; font-size: 80%; letter-spacing: 1px; }

.ui-datepicker-links label { padding: 2px 5px; color: #888; }

.ui-datepicker-clear, .ui-datepicker-prev { float: left; width: 34%; }

.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev { float: right; text-align: right; }

.ui-datepicker-current { float: left; width: 30%; text-align: center; }

.ui-datepicker-close, .ui-datepicker-next { float: right; width: 34%; text-align: right; }

.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next { float: left; text-align: left; }

.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #94A2B3;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #94A2B3;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker { background: #CCC; text-align: center; font-size: 100%; }

.ui-datepicker a { display: block; width: 100%; }

.ui-datepicker-title-row { background: #fff; color: #000; }

.ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #fff; }

.ui-datepicker-days-row { background: #FFF; color: #666; }

.ui-datepicker-week-col { background: #B1DB87; color: #000; }

.ui-datepicker-days-cell { color: #000; border: 1px solid #DDD; }

.ui-datepicker-days-cell a { display: block; }

.ui-datepicker-week-end-cell { background: #EBEFF2; }

.ui-datepicker-unselectable { color: #888; }

.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell { background: #B1DB87 !important; }

.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell { background: #FFF !important; border: 1px solid #777; }

* html .ui-datepicker-title-row .ui-datepicker-week-end-cell { background: #B1DB87 !important; }

* html .ui-datepicker-week-end-cell { background: #EBEFF2 !important; border: 1px solid #DDD !important; }

* html .ui-datepicker-days-cell-over { background: #FFF !important; border: 1px solid #777 !important; }

* html .ui-datepicker-current-day { background: #A5B2BF !important; }

.ui-datepicker-today { background: #B1DB87 !important; }

.ui-datepicker-current-day { background: #A5B2BF !important; }

.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a { padding: 0 5px !important; }

.ui-datepicker-control a, .ui-datepicker-links a { padding: 2px 5px !important; color: #000 !important; }

.ui-datepicker-title-row a { color: #000 !important; }

.ui-datepicker-control a:hover { background: #FDD !important; color: #333 !important; }

.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover { background: #FFF !important; color: #333 !important; }

.ui-datepicker-multi .ui-datepicker { border: 1px solid #A5B2BF; }

.ui-datepicker-one-month { float: left; width: 185px; }

.ui-datepicker-new-row { clear: left; }

.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

/* Calendar bucket */
#date_select span { cursor: pointer; }

.calendarBucket { width: 94%; background-color: white; margin: 6px; }

.calendarBucket tr th { padding: 3px 0; border: 8px solid white; }

.calendarBucket tr td { font-weight: normal; padding: 3px 0; color: #acacac; font-weight: bold; text-transform: none; border:8px solid white; }

.calendarBucket tr td.disabled { cursor: default; }

.calendarBucket tr td.containsevents { cursor: pointer; color: #5a5a5a; }

.calendarBucket tr td.containsevents.pink { background-color: #fea3da; }
.calendarBucket tr td.containsevents.yellow { background-color: #fdf257; }
.calendarBucket tr td.containsevents.teal { background-color: #3af9f4; }
.calendarBucket tr td.containsevents.mint { background-color: #53faa4; }

.calendarBucket tr td.today, .calendarBucket tr td.containsevents.today {  }


.calendarBucket tr td.containsevents .eventsdiv { display: none; position: absolute; text-align: left; background-color: white; border: 1px solid gray; padding: 7px; top: -3px; left: -5px; width: 180px; }

.calendarBucket tr td.containsevents .eventsdiv ul { list-style: none; }

.calendarBucket tr td.containsevents .eventsdiv ul li { padding: 5px 0; color: #222222; line-height: 150%; font-size: 11px; }

.calendarBucket span.close { float: right; cursor: pointer; }