/*
THEME NAME: Glow Foundation
THEME URI: 
DESCRIPTION: A highly customized theme specifically for GlowFoundation.org
VERSION: 1a
AUTHOR: Michael Hanttula
AUTHOR URI: http://www.spark3.com
*/

/********** CSS RESET **********/
@import url('reset.css');

/********** BASIC STYLES **********/

html { height: 100%; }
body { min-height: 100%; height: 100%; }
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #222;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #eee8e0 url(images/bg.gif) repeat-x; }
a, a:visited { color: #3a72ab;	text-decoration: none; }
a:hover, a:active {	color: #205c9a; text-decoration: underline; }
/* External Links */
a.extlink { padding-right:12px; background:url(images/icon-extlink.gif) right 0 repeat-y; }
a:visited:hover.extlink {background-position:right 100px; }
a:hover.extlink { background-position:right 200px; }
/* End External Links */

/********** CONTENT STYLES **********/
#content { width: 750px; float: right; font-size: 1.2em; padding: 0 5px 0 0; }
#page {	text-align: left; margin: 0 auto; padding: 0; width: 960px; background: #fff; height: 100%; min-height: 100%; }
#wrapper  { background: #fff url(images/bg-wrapper.gif) repeat-y; }
.navigation { display: block; text-align: center; margin-top: 10px;	margin-bottom: 60px; }
/********** HEADER STYLES **********/

#header { padding: 0; margin: 0 auto; width: 960px; height: 151px;	}
#header h2 { width: 162px; height: 90px; overflow: hidden; float: left;	}
#header h2 span { background: url(images/logo-glow.gif) no-repeat 0 0; position: absolute; width: 162px; height: 82px; margin-left: 5px; }
#header h2 a { font-size: 0px; }
#header h2 strong { text-indent: -9999em; }
#header h3 { float: left; text-indent: -9999em; background: url(images/tagline.gif) no-repeat; width: 382px; height: 32px; position: relative; top: 25px; left: 20px; }
#supernav { background: url(images/bg-supernav.gif) no-repeat; width: 960px; height: 24px; text-align: right; padding-top: 5px; }
#supernavlist li { display: inline; border-right: 1px solid #fff; line-height: 1.4em; }
#supernavlist li.last { border: none; }
#supernavlist a { color: #fff; padding: 5px 10px;}

#ms-cta { position: relative; left: 220px; top: 20px; }

ul#nav { margin: 0; padding: 0; list-style: none; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000; float: left; text-align: center; white-space: nowrap; width: auto; background: url(images/bg-nav.gif) no-repeat; width: 960px; }
#nav li { float: left; line-height: 32px; }
#nav li a {	display: block;	color: #302e23; font-weight: bold; text-decoration: none; padding: 0 1px 0 10px; margin:0 10px; border-bottom: 0;	}
#nav li.first a { }
#nav li.last { float: right; }
#nav li.last a { color: #900; } 
#nav li a:hover { text-decoration: underline; color: #000; }
#nav li.current a { color: #000; }
 /* Background Highlighting */
#nav li.current { background: url(images/current.gif) no-repeat right -30px; z-index: 8; }
#nav li.current a { background: url(images/current.gif) no-repeat left 1px; margin-right: 9px; }

#login { float: right; font-size: 13px; }
#login a, #login a:visited { color: #999; background: url(images/icon-lock.png) 0 0 no-repeat; padding-left: 20px; margin-right: 5px; }
#login a:hover, #login a:active { color: #d24431; }

/********** HEADING STYLES **********/

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 4em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em;	}
h4 { font-size: 1.2em; }
h5 {font-size: 1.1em; }
h6 { font-size: 1em; }

h3.comments { padding: 0; margin: 40px auto 20px;	}

/********** SIDEBAR and SEARCH STYLES **********/

#sidebar { width: 200px; float: left;  }
#sidebar h4 {  padding: 15px 20px; color: #ff9000; font-weight: bold; font-size: 20px;  }
#sidebar h4.long { font-size: 18px; }
#sidebar form {	margin: 0;	}
#sidebar #searchform {	margin: 0 auto;	padding: 5px 3px; text-align: center;	}
#sidebar #searchform #s { width: 115px;	padding: 2px;	}
#sidebar #searchsubmit { padding: 1px;	}
.entry form { /* Makes password protected posts look better. */	text-align:center;	}
select { width: 130px;	}
#sidebar ul, #sidebar ul ol { margin: 0 5px 0 15px; padding: 0; }
#sidebar ul li { list-style-type: none;	list-style-image: none; padding: 10px 20px 10px 6px; border-bottom: 1px solid #e8e0d5; font-size: 11px; line-height: 14px; }
#sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;	}
#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 5px; }
#sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;	}
#sidebar ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0;	padding: 0;	color: #777; border: none; }

#sidebar ul li a, #sidebar ul li a:visited { color: #828282; font-weight: bold; display: block; padding-right: 15px; }
#sidebar ul li a:hover, #sidebar ul li a:active { color: #205c9a; background: url(images/sidebar-arrow.gif) no-repeat center right; }
#sidebar ul li a.standardlink, #sidebar ul li a.standardlink:visited { color: #3a72ab; font-weight: normal; display: block; }
#sidebar ul li a.standardlink:hover, #sidebar ul li a.standardlink:active { color: #205c9a; background: none; }
#sidebar ul ul li a, #sidebar ul ul li a:visited, #sidebar ul ul li a:active, #sidebar ul ul li a:hover { font-weight: normal; }

#sidebar #past-scholars { margin-right: 0; padding: 0; }
#sidebar #past-scholars li { font-size: 9px; color: #aaa; padding-right: 0; line-height: 16px; }
#sidebar #past-scholars li a { font-size: 10px; display: inline; }
#sidebar #past-scholars li a:hover, #sidebar #past-scholars li a:active { background: none; }

/********** COMMENT STYLES **********/

#comments { margin: 25px 0; padding-bottom: 25px; }

.commentlist { padding: 0; text-align: justify;	}
.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li { font-weight: bold; margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal;	font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none;	margin: 10px 5px 10px 0; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0; }
#commentform input { width: 170px;	padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea {	width: 100%; padding: 2px;	}
#commentform #submit { margin: 0; float: right;	}
.commentmetadata { font-weight: normal;	margin: 0; display: block;	}
.alt { margin: 0; padding: 10px; }
.nocomments { text-align: center; margin: 0; padding: 0; color: #777; }

/********** FOOTER STYLES **********/
#footer { padding: 0; margin: 0 auto; width: 960px; clear: both; background: #fff; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }
.copyright { color: #b0b0b0; }
#footernav { text-align: center; width: 960px; margin: 0 auto; }
#footernav li {display: inline; border-right: 1px dotted #909090; line-height: 1.6em; }
#footernav li.last { border: none; }
#footernav a, #footernav a:visited { color: #4e4e4e; padding: 0 10px; }
#footernav a:hover, #footernav a:active { color: #111; }
#connect { background: url(images/bg-connect.gif) repeat-x; height: 40px; border: 3px solid #d4c8b7; border-left: none; border-right: none; margin: 0 0 15px 0; padding-left: 5px; }
#connect h4 { text-indent: -9999em; background: url(images/connect-with-glow.gif) no-repeat; height: 40px; width: 178px; float: left; }
#connect a { color: #fff; }
#connect ul { padding-top: 15px; }
#connect ul li { display: inline; font-size: 12px; padding: 5px 10px 5px 0; }
#connect ul li.enews { background: url(images/icon-news.png) no-repeat 0 5px; padding-left: 22px; margin-left: 15px; }
#connect ul li.feed { background: url(images/icon-feed.png) no-repeat 0 5px; padding-left: 22px; }
#connect ul li.facebook { background: url(images/icon-facebook.png) no-repeat 0 5px; padding-left: 22px; }
#connect ul li.blog { background: url(images/icon-blog.gif) no-repeat 0 5px; padding-left: 22px; }
#connect ul li.contact { background: url(images/icon-contact.png) no-repeat 0 5px; padding-left: 25px; }

/********** IMAGE STYLES **********/
/* These styles apply to general image usage; specific style handle their own images. */
p img {	padding: 0;	max-width: 100%; }
a img {	border: none; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright, .alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right;	}
.alignleft { float: left; }

/********** MAIN PAGE STYLES **********/

#main-features { width: 960px; margin: 0 auto; padding: 0;  }
#feature-graphics { height: 300px; width: 960px; background-color: #fff;   }
#feature-graphics a { border: none; }

#pager { background: #fb9714; font-size: 12px; text-align: left;  width: 960px; }
#pager ul { z-index:99; font-size: 12px; height: 77px; }
#pager ul li { float: left; width: 320px;  }
#pager a, #pager a:hover, #pager a:active { color: #fff; text-decoration: none; }
#panel1, #panel2, #panel3 { float: left; width: 319px; height: 77px; background: #f78c03; color: #fff; }
#panel1 h3, #panel2 h3, #panel3 h3 { padding-top: 10px; padding-left: 58px; margin-bottom: 3px; }
#panel1 p, #panel2 p, #panel3 p { padding-left: 58px; line-height: 1.25em; font-size: 11px; }
#panel1, #panel2 { border-right: 1px dotted #fff; }
#panel3 { border-right: 1px solid #f78c03; }
#pager div.activeSlide { background: #fb9714 url(images/icon-activepanel.gif) no-repeat 12px 12px; }

#sub-features { width: 960px; background: #fff; }
#sub-features #mission { height: 75px; width: 960px; background: url(images/main-mission.gif) no-repeat; text-indent: -9999em; clear: both; border-top: 3px solid #d4c8b7; }
#sub-left, #cta { float: left; }
#sub-left { width: 530px; }
#newsbox { background: url(images/main-news-bg.jpg) repeat-y; width: 290px; height: 290px; padding-top: 10px; float: left; }
#newsbox h4 { background: url(images/icon-news_events.gif) 0 1px no-repeat; padding-left: 20px; margin: 10px 0 0 15px; font-size: 13px; color: #7b7b7b; line-height: 20px; }
#newsbox ul { padding: 5px 15px 5px 20px; }
#newsbox li { line-height: 16px; color: #a9a8a7; border-bottom: 1px dotted #d7d7d7; padding: 5px 0; }
#newsbox a { font-size: 11px; font-weight: bold; }

#mini-ctas { width: 240px; float: left; }
#mini-ctas img { margin: 20px 0 0 8px; }

/*** set the width and height to match your images **/

#slideshow { position:relative; height:355px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }


/********** SEARCH STYLES **********/
#searchform { float: left; padding: 10px 0 0 10px; }
#searchform #s { width: 115px;	padding: 2px;	}

/********** POST/PAGE STYLES **********/

#content { /*content styles above*/ }
#content .post { padding: 15px; }
#content .post h1 { font-size: 22px; font-weight: normal; color: #111; margin: 5px 0 10px 15px; }
#content h1.archivetitle { font-size: 30px; font-weight: normal; margin: 40px 0 0 15px; }
#content .post h1 a { text-decoration: none; }
#content .post h2 { font-size: 22px; font-weight: normal; color: #ff9000; margin: 20px 0 20px 15px; }
#content .post h2 a { text-decoration: none; }
#content .post h2 a:hover { text-decoration: underline; }
#content .post h3, #content .post h4, #content .post h5, #content .post h6 { font-weight: bold; color: #777; margin: 10px 0 10px 15px; }
#content p { padding: 5px 0 10px 0; line-height: 1.5em; margin-left: 17px; }

#content .post ul, #content .post ol { margin: 10px 55px; }
#content .post ol li { list-style-type: decimal; margin-bottom: 5px; line-height: 1.4em; }
#content .post ul li { list-style-type: disc; margin-bottom: 5px; line-height: 1.4em; }
#content .post ul ul, #content .post ol ol, #content .post ol ul, #content .post ul ol { margin: 10px 25px; }
#content .post ul ul li { list-style-type: circle; line-height: 1em; }
#content .post ol ol li { list-style-type: lower-alpha; line-height: 1em; }

h1.pagetitle { font-size: 1.6em; margin-top: 30px; width: 100%; border-bottom: 1px dotted #777; color: #777; }

#content .post .more-link { margin-top: 10px; font-size: 10px; }
#content .entry { margin-top: 20px; }

#content .aligncenter { display: block; margin-left: auto; margin-right: auto;}
.safari #content .aligncenter { margin-left: 10px; }
#content .wp-caption { font-size: 11px; color: #777; text-align: center; }
#content .wp-caption p { margin-left: 0; }

#content .inset { width: 200px; float: right; margin-left: 10px; margin-bottom: 100px; padding: 10px; border: 1px solid #d4c8b7; background: #f9f5e8; }
#content .inset h4 { margin: 10px 0; padding: 0; font-size: 12px; color: #169F27; line-height: 1.4em; }
#content .inset img { border: 1px solid #ede3d5; padding: 2px; margin-bottom: 5px; }
#content .inset img.clean { border: none; padding: 0; }
#content .inset p { font-size: 11px; margin: 0 0 10px 0; padding: 0; }
#content .inset .quote-author { text-align: right; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ede3d5; }
#content .inset .border-top { border-top: 1px solid #ede3d5; padding-top: 15px; }
#content .inset .quote-large, #content .inset .inset-large { font-size: 14px; line-height: 20px; }
#content .inset .quote-single { border-bottom: none; }
#content .inset-video { width: 310px; float: right; margin-left: 10px; margin-bottom: 100px; padding: 10px; border: 1px solid #d4c8b7; background: #f9f5e8; }
#content .inset-video h4 { margin: 10px 0; padding: 0; font-size: 12px; color: #169F27; }
#content .inset-video p { font-size: 11px; margin: 0 0 10px 0; padding: 0; }
#content .ddet_div {  margin: 8px 0 0 12px; padding: 8px; background: #F4F4F4; border: 1px solid #d4c8b7; }
#content .ddetshowhide:after { /*content: url(images/icon-showhide.png); padding-left: 5px;*/ }

#content .content-highlight { padding: 15px 15px 5px; border: 1px solid #fdf2cf; background: #fff7e0; margin-bottom: 20px; }

.postmetadata { background: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 10px;  padding: 4px 0; line-height: 1.3em; margin-left: 17px; padding-left: 3px; }
.postmetadata .permalink { background: url(images/icon-link.gif) no-repeat 0 3px;  padding: 3px 0 3px 18px;  }
.postmetadata .comment { background: url(images/icon-comment.gif) no-repeat 0 3px; padding: 3px 0 3px 18px; }
.postmetadata .postrss { background: url(images/icon-postrss.gif) no-repeat 0 3px;  padding: 3px 0 3px 18px; }

/********** PAGE-SPECIFIC STYLES **********/

.post ul#waystodonate li { list-style-type: none; line-height: 1.3em; font-size: 1.2em; font-weight: bold; background: url(images/icon-tickcircle.png) no-repeat 0 2px; padding-left: 25px; margin-bottom: 15px; border-bottom: 1px solid #f5f0e2; padding-bottom: 10px; width: 400px; }
.post ul#waystodonate li.last { border-bottom: none; }
.post ul#waystodonate ul li { font-size: 1em; line-height: 1em; list-style-type: none; background-image: none; font-weight: normal; border-bottom: none;  }

.sponsor-tier1 { border: 1px solid #eee; padding: 30px 10px; text-align: center; font-size: 1.4em; margin-left: 17px; margin-right: 20px; }
.sponsor-tier2 { border: 1px solid #eee; padding: 50px 10px 0; text-align: center; font-size: 1.4em; width: 200px; float: left; height: 75px; }
#post-72 h3.clear { padding-top: 20px; }
#post-72 img, #post-346 img { border: 1px solid #eee; }
#post-72 .sponsor-tier1 img { border: none; }

#content .post .board-table td { padding: 5px; vertical-align: middle; font-size: 13px; line-height: 16px; }
#content .post .liaison-list { margin: 0 0 0 20px; padding: 0; }
#content .post .liaison-list li { list-style-type: none; font-size: 13px; color: #444; }
#content .post .liaison-list li em { font-weight: bold; }

#content .post .newsletter-list { border-bottom: 1px solid #F8F5F2; padding-bottom: 10px; margin-bottom: 10px; }
#content .post .newsletter-list li { font-size: 1.3em; font-weight: bold; list-style-type: none; background: url(images/icon-newsletter.png) no-repeat 0 3px; padding-left: 20px; }
#content .post .newsletter-list ul li { font-size: 12px; font-weight: normal; line-height: 1.3em; background: none; padding-left: 0; }
#content .post .newsletter-list ul { margin-left: 10px; }
#content .post .newsletter-list ul li.issueitems-title { font-style: italic; color: #777; }

.stories-mainbox{  }

.stories-mainbox { width: 710px; height: 294px; background: #fdd6a4 url(images/stories-main-topbox-bg.jpg); border: 3px solid #eee6d9; } 
.stories-mainbox img { float: left; margin-right: 10px; border-right: 1px solid #E9D2B3; }
#content .post .stories-mainbox p { margin: 5px 10px 0 0; padding: 0; font-size: 12px; line-height: 16px; }
#content .post .stories-mainbox p.quote, #content .post .stories-mainbox p.quote-author { font-size: 11px; }
.stories-mainbox .quote { font-style: italic; }
#content .post .stories-mainbox p.quote-author { text-align: right; margin: 0 10px 0 0; }
#content .post .stories-mainbox .boxttl { font-weight: bold; font-size: 14px; color: #42ad2a; margin-top: 10px; }
.stories-mainbox a { margin-left: 15px; font-weight: bold; }

.stories-subbox { width: 214px; height: 260px; font-size: 11px; margin: 25px 28px 0 0; float: left; background: #f9f6ec; border: 3px solid #eee6d9; }
.subbox-last { margin-right: 0; }
#content .stories-subbox h4 { background: #ff9000; color: #fff; font-size: 12px; margin: 0; padding: 10px; }
#content .stories-subbox h4 a { color: #fff; }
#content .stories-subbox p { padding-right: 10px; }
/*Our Stories*/
#content #post-22 h1 { margin-left: 0; }
#content #post-22 p { margin-left: 0; }
#content #post-22 .stories-subbox p { margin-left: 17px; }

#wrapper-tickets  { background-image: none; background: #fff; width: 1020px; }
#wrapper-tickets #content { width: 100%; float: none; }

#storiesTable { margin-left: 15px; }
#storiesTable td { padding: 10px; vertical-align: top; line-height: 18px; }
#content .post #storiesTable h2, #content .post #storiesTable h3 { margin: 5px 0 0 0; padding: 0; }
#content .post #storiesTable h2 { margin-top: 25px; }
#storiesTable .download-link { color: #aaa; font-size: 11px; }
#storiesTable .download-link a { font-size: 18px; margin-right: 15px; }

#content .post .articlelist li { list-style-type: none; font-size: 16px; font-weight: bold; }
#content .post .articlelist ul li { font-size: 12px; font-weight: normal; line-height: 1.3em; }
#content .post .articlelist ul li.date {color: #777; }

/* The Problem */
#content #post-12 ol { margin-left: 35px; }
#content #post-12 ol .ddet_div { width: 425px; margin-left: 5px; }
#content #post-12 .inset { margin-bottom: 15px; }

/*History + Leadership and Team */
#content #post-17 .inset, #content #post-19 .inset { width: 310px; }

/* Program */
#content #post-28 .inset { margin-bottom: 10px; }

/* Volunteer */
#content #post-47 .inset { margin-bottom: 250px; }

#content #post-344 h3 { color: #ff9000; margin-top: 35px; }

/* Photo Galleries */
#kpg-album-description { margin: 0 0 20px 15px; line-height: 1.3em; }
#kpg-title { color: #ff9000; font-size: 1.3em; font-weight: bold; }
#kpg-pictures { margin: 0 15px; width: 700px; }
#kpg-pictures td { padding: 10px; /*border: 1px solid #e6e6e6;*/ margin: 0 10px 10px 0; text-align: center; vertical-align: middle; }
#kpg-pictures td img { border: 1px solid #d7d7d7; padding: 4px; }
#kpg-pictures td img:hover { border: 1px solid #205c9a; }

/********** MISC STYLES **********/
.clear { clear: both; }
.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
small {	font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; color: #777; }
strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em;	cursor: help; }
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color: #777; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }


/********** GLOW CALENDAR STYLES **********/

.calnk a, .calnk a:visited { text-decoration:none; color:#000; line-height: 1.5em; padding: 2px; display: block; margin-right: 7px; }
.calnk a:hover { background-position:0 0; border-bottom-style: solid; }
.calnk a span { display:none; }
.calnk a:hover span { color:#333333; background:#F6F79B; display:block; position:absolute; margin-top:1px; padding:5px; width:150px; z-index:100; }
.calendar-table { border:none; width:100%; }
.calendar-heading { height:25px; text-align:center; border:1px solid #dedcd5; background-color:#ebe9e3; padding-top: 5px; }
.calendar-next { width:25%; text-align:center; }
.calendar-prev { width:25%; text-align:center; }
.calendar-month { width:50%; text-align:center; font-weight:bold; }
.normal-day-heading { text-align:center; vertical-align: middle; width:25px; height:25px; font-size:0.8em; border:1px solid #e6e5de; background-color:#f2f0ea; }
.weekend-heading { text-align:center; vertical-align: middle; width:25px; height:25px; font-size:0.8em; border:1px solid #e6e5de; background-color:#f2f0ea; color:#8b0000; }
.day-with-date { vertical-align:text-top; text-align:left; width:60px; height:60px; border:1px solid #e6e5de; }
.no-events { }
.day-without-date { width:60px; height:60px; border:1px solid #E9F0E8; }
span.weekend { color:#8b0000; }
.current-day { vertical-align:text-top; text-align:left; width:60px; height:60px; background-color:#fef8e9; }
span.event { font-size:0.75em; position: relative; top: 2px; left: 4px; }
.kjo-link { font-size:0.75em; text-align:center; }
.event-title { text-align:center; font-weight:bold; font-size:1.2em; }
.event-title-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000; }
.event-content-break { width:96%; margin-left:2%; margin-right:2%; margin-top:5px; margin-bottom:5px; text-align:center; height:1px; background-color:#000; }
.calendar-date-switcher { height:25px; text-align:center; border:1px solid #dedcd5; background-color:#ebe9e3; }
.calendar-date-switcher form { margin:2px 0 0; padding:0; }
.calendar-date-switcher input { border:1px solid #dedcd5; }
.calendar-date-switcher select { border:1px solid #dedcd5; }
.cat-key { width:720px; margin-top:10px; padding:5px; border:1px solid #dedcd5; }
.cat-key td { vertical-align: middle; padding: 4px; }
.cat-color { width:20px; height:20px; margin-right: 5px; }
.cat-name { margin-right: 30px; padding-top: 5px; }
.cat-color, .cat-name, .cat-key p { float: left; }
#content .cat-key p { font-weight: bold; margin-right: 15px; padding: 4px 0 0; line-height: 12px; }