@charset "utf-8";
/*------------------------------------------------------------------ 
[Site Stylesheet] 
  
Project:    SkillSense 
Author:	    Nicholas Castillo  (nc)
Date:		09/29/09 
---------------------------------------------------------------------*/

/* ---------- [Style Reset/Default Styles] ---------- */

body, div, h1, h2, h3, h4, h5, p, ul, li, blockquote, cite, a{padding: 0; margin: 0; outline: none;}

img {border: none;}

/* ---------- [Structure/Layout] ---------*/

body{margin: 0px auto; width: 1050px; background: url(../graphics/thatch_bg.png) repeat;}

#wrapper{position: absolute; width: 875px; margin: 0; height: auto; padding: 0; }

#header{position: relative; margin: 0 45px 0 35px; padding: 0; height: 140px; width: 970px;}

#menu_wrap{position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; height: 34px;}

#content_wrap{position: relative; margin: 0 auto; padding: 30px 0 0 0; width: 1050px; height: auto; background: url(../graphics/top_content_bg.png) no-repeat;}

#main_content{margin: 0; padding: 0 60px; position: relative; width: 930px; height: auto; overflow: auto; background: url(../graphics/middle_content_bg.png) repeat-y; overflow: hidden;}

#hero{ list-style-type: none; position: relative; height: 290px; width: 900px; margin: 0 0 15px 0; padding: 15px; background: url(../graphics/hero_bg.png) no-repeat;}

#middle_content{ position: relative; height: 270px; width: 930px; margin: 0 0 10px 0;}

	#left_audience{ position: relative; float: left; height: 238px; width: 260px; margin: 0; padding: 12px 30px 20px 20px; background: url(../graphics/audience_bg.png) no-repeat top left;}
	#center_audience{ position: relative; float: left; height: 238px; width: 260px; margin: 0; padding: 12px 25px 20px 25px; background: url(../graphics/audience_bg.png) no-repeat top center;}
	#right_audience{ position: relative; float: left; height: 238px; width: 260px; margin: 0; padding: 12px 20px 20px 30px; background: url(../graphics/audience_bg.png) no-repeat top right;}

#bottom_content{ position: relative; height: auto; width: 930px; overflow: auto;}
	
	#home_about{ position: relative; float: left; height: auto; width: 610px; margin: 0; padding: 0 0 0 10px;}
	
	#home_testimonial{ position: relative; float: right; height: auto; width: 290px; margin: 0; padding: 0 0 0 20px; background: url(../graphics/top_quote.png) 20px 40px no-repeat;}
	
#left_content{ position: relative; float: left; height: auto; width: 605px; margin: 0 0 0 10px; }
#right_content{ position: relative; float: right; height: auto; width: 290px; margin: 40px 0 0 0; overflow: auto;}

.right_top{ position: relative; float: right; height: auto; width: 280px; margin: 0; background: url(../graphics/right_top_bg.png) bottom center no-repeat; padding: 20px 0 20px 10px;}

#testimonial{ position: relative; float: right; height: auto; width: 290px; margin: 0; background: url(../graphics/top_quote.png) 5px 60px no-repeat; padding: 20px 0;}

#forparents #testimonial{background: url(../graphics/top_quote_green.png) 5px 60px no-repeat; padding: 20px 0;}
#forschools #testimonial{background: url(../graphics/top_quote_red.png) 5px 60px no-repeat; padding: 20px 0;}

.right_middle{ position: relative; float: right; height: auto; width: 280px; margin: 0; padding: 20px 0 20px 10px;}

.right_bottom{ position: relative; float: right; height: auto; width: 280px; margin: 0; background: url(../graphics/right_col_divide.png) top center no-repeat; padding: 20px 0 20px 10px;}

.workshops{ position: relative; float: left; width: 605px; padding: 0 0 19px 0;}
#girls_overview{ background:url(../graphics/girls_overview_bg.png) bottom left no-repeat;}
#parents_overview{ background:url(../graphics/parents_overview_bg.png) bottom left no-repeat; }
#school_overview{ background:url(../graphics/school_overview_bg.png) bottom left no-repeat; }
#retreat{ background:url(../graphics/retreat_overview_bg.png) bottom left no-repeat; }

#footer{margin: 0; padding: 40px 35px 0 35px; position: relative; width: 980px; height: 110px; background: url(../graphics/footer_bg.png) no-repeat;}

#footer_contact{ position: relative; float: left; padding: 0 0 0 80px; height: 70px; background: url(../graphics/footer_logo.png) top left no-repeat;}

#dropdown{ z-index: 50; position: relative; display: block; right: 0; font-size: 16px; text-align: right; margin: -12px 0 0 0;}

#dropdown dt {margin: 0; background: transparent url(../graphics/arrow_down.png) center right no-repeat;}
#dropdown dt span{ padding: 0 20px 0 0; cursor: pointer;}
#results{ border-top: 1px solid #E6C8BF; padding:5px 0 0 0; position: relative; float: left;}

.details{ display: none; position: relative; float: left; clear: both; padding: 0 15px 20px 15px; width: 575px; background:url(../graphics/group_bg.png) bottom center no-repeat;}

/* ---------- [Typography/Font Styles] ----------*/

body{font: normal 14px Georgia, "Times New Roman", Times, serif; line-height: 22px; color: #3D1604;}

p{padding: 0 0 13px 0;}

h1{display: block; height: 119px; width: 261px; margin: 10px 0 0 10px; background: url(../graphics/skillsense_logo.png);}

	h1 a{display: block; height: 119px; width: 261px; text-indent: -5000px;}

h2{font: italic 30px "Minion Pro", Georgia, "Times New Roman", Times, serif; color: #527AA9; font-weight: normal;}

h2 a{text-decoration: none;}
h2 a:hover{text-decoration: none;}

.right_top h2{ margin: -20px 0 0 -10px; padding: 10px 0 0 20px; background: url(../graphics/right_top_h2_bg.png) left top no-repeat;}
#testimonial h2{ padding: 0 0 0 10px;}

h3{font: 22px Georgia, "Times New Roman", Times, serif; color: #3d1604; font-weight: normal; line-height: 26px; margin: 15px 0 15px 0;}

h4{font: italic 21px "Minion Pro", Georgia, "Times New Roman", Times, serif; color: #527AA9; font-weight: normal;}

h5{font: italic 20px Georgia, "Times New Roman", Times, serif; font-weight: normal; text-align: center; width: 100%; position: relative; float: left;}

h6{font: 14px Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 10px 0 0 0; padding: 0; position: relative; float: left; width: 100%;}

#left_audience h2, #forgirls h2, #forgirls h4, #forgirls a, h5.girls_group{color: #936FB1;}
#center_audience h2, #forparents h2, #forparents h4, #forparents a, h5.parents_group{color: #75966B;}
#right_audience h2, #forschools h2, #forschools h4, #forschools a{color: #BF3019;}

.workshops h4{color: #FCF7F5; padding: 12px 17px 0 17px;}

.workshops a.calendar {line-height: 18px; float: right; color: #3d1604; font-size: 14px; display: block; padding: 0 25px 0 0; margin: 0 17px 0 0; text-decoration: none;background: transparent url(../graphics/cal_icon.png) top right no-repeat;}

.workshops a.expand{ color: #3d1604; text-decoration: none; cursor: pointer; display: block; line-height: 18px; margin: 0; float: left; padding: 0 20px 0 17px;}
#girls_overview.workshops a.expand{ background: transparent url(../graphics/overview_arrow.png) right -3px no-repeat;}
#parents_overview.workshops a.expand{ background: transparent url(../graphics/overview_arrow.png) right -53px no-repeat;}
#school_overview.workshops a.expand{ background: transparent url(../graphics/overview_arrow.png) right -103px no-repeat;}
#retreat.workshops a.expand{ background: transparent url(../graphics/overview_arrow.png) right -153px no-repeat;}


.workshops a.contract{color: #3d1604; text-decoration: none; cursor: pointer; display: block; line-height: 18px; margin: 0; float: left; padding: 0 20px 0 17px; }
#girls_overview.workshops a.contract {background: transparent url(../graphics/overview_arrow.png) right -26px no-repeat;}
#parents_overview.workshops a.contract {background: transparent url(../graphics/overview_arrow.png) right -76px no-repeat;}
#school_overview.workshops a.contract {background: transparent url(../graphics/overview_arrow.png) right -126px no-repeat;}
#retreat.workshops a.contract {background: transparent url(../graphics/overview_arrow.png) right -176px no-repeat;}

#girls_overview h4{ background:url(../graphics/girls_overview_bg.png) top left no-repeat;}
#parents_overview h4{ background:url(../graphics/parents_overview_bg.png) top left no-repeat;}
#school_overview h4{ background:url(../graphics/school_overview_bg.png) top left no-repeat;}
#retreat h4{ background:url(../graphics/retreat_overview_bg.png) top left no-repeat;}
.workshops p{font-size: 16px; line-height: 20px; padding: 0 12px 10px 17px;}

a{ text-decoration: underline; color: #527AA9;}
a:hover{text-decoration: none;}

#right_content ul a{color: #3d1604;}

a#facebook{display: block; height: 90px; width: 290px; margin: 0 0 0 -10px; background: url(../graphics/facebook.png); text-indent: -5000px;} 

a#girls_learn{ float: right; display: block; height: 36px; width: 104px; text-indent: -5000px; background: url(../graphics/learn_button.png)  0px -36px;}
a#parents_learn{ float: right; display: block; height: 36px; width: 104px; text-indent: -5000px; background: url(../graphics/learn_button.png) 0px -72px;}
a#schools_learn{ float: right; display: block; height: 36px; width: 104px; text-indent: -5000px; background: url(../graphics/learn_button.png) 0px -108px;}
a#about_learn{ float: right; display: block; height: 36px; width: 104px; text-indent: -5000px; background: url(../graphics/learn_button.png) 0px 0px;}

a#girls_signup{display: block; height: 40px; width: 120px; text-indent: -5000px; background: url(../graphics/sign_up_button.png)  0px -40px;}
a#parents_signup{display: block; height: 40px; width: 120px; text-indent: -5000px; background: url(../graphics/sign_up_button.png) 0px -80px;}
a#schools_signup{display: block; height: 40px; width: 120px; text-indent: -5000px; background: url(../graphics/sign_up_button.png) 0px -120px;}
a#signup{display: block; height: 40px; width: 120px; text-indent: -5000px; background: url(../graphics/sign_up_button.png) 0px 0px;}

a#more_info{display: block; height: 42px; width: 122px; text-indent: -5000px; margin: 0 0 0 5px; background: url(../graphics/more_info_button.png) 0px 0px no-repeat; position: relative; float: left;}

.workshop a#girls_signup, .workshop a#parents_signup{float: right;}
.workshop p{position: relative; font-size: 12px; line-height: 20px; float: left; width: 485px;}
.workshop ul{position: relative; float: left; font-size: 12px; width: 460px;}
.workshop ul li{line-height: 20px;}

blockquote {font-size: 16px; display: block; padding: 5px 20px 30px 20px; background:url(../graphics/group_bg.png) bottom center no-repeat;}
cite {display: block; margin: 10px 0 0 0; font-size: 12px;}

#home_testimonial blockquote, #testimonial blockquote { padding: 5px 20px 10px 20px; background: url(../graphics/botton_quote.png) 225px bottom no-repeat;}
#home_testimonial cite, #testimonial cite {margin: 0 0 0 20px;}
#home_testimonial a, #testimonial a{font-size: 11px; margin-left: 20px;}
#forparents #testimonial blockquote { background: url(../graphics/botton_quote_green.png) 225px bottom no-repeat;}
#forschools #testimonial blockquote { background: url(../graphics/botton_quote_red.png) 225px bottom no-repeat;}

#right_contact p{padding: 0 0 0 5px; text-align: justify;}

.right_top h2{ margin: -20px 0 0 -10px; padding: 10px 0 0 20px; background: url(../graphics/right_top_h2_bg.png) left top no-repeat;}

.right_top h2.box{ width: 250px; margin: 10px 0 0 10px; padding: 5px 0 0 0px; background: none; border-top: solid 1px #E6C8BF; position: relative; float: left;}

.right_top p{padding: 5px 20px 5px 10px; line-height: 18px; width: 250px; position: relative; float: left;}

p.right_contact{margin: 0; padding: 0 0 0 5px;}
span.right{width: 145px; float: right; text-align:left;}

*+html span.right{width: 145px; float: right; text-align:left; margin: -22px 0 0 0;}


#footer_contact{ font-size: 12px; line-height: 14px;}
#footer_contact h3{font: italic 16px  Georgia, "Times New Roman", Times, serif; color: #527AA9; font-weight: normal; padding: 0 0 5px 0;margin: 0;}
#footer_contact a{color: #527AA9;}
#footer_menu { position: relative; float: right; height: 70px; padding: 0 5px 0 0;}

/* ---------- [Main Navigation] ----------*/

ul#main_menu{position: relative; height: 34px; margin: 0; padding: 0;}

ul#main_menu li{ list-style: none; float: left; padding: 0 12px; margin: 0; height: 34px; text-align: center;}
ul#main_menu li.active{background: url(../graphics/menu_highlight_bg.png) no-repeat bottom center; }

ul#main_menu li a{ display: block; height: 34px; padding: 0; position: relative; font: normal 22px "Minion Pro", Georgia, "Times New Roman", Times, serif; line-height: 28px; color: #3D1604; text-decoration: none; font-variant: small-caps;}

ul#main_menu li a:hover{color: #527AA9;}
ul#main_menu li a.girls:hover{color: #936FB1;}
ul#main_menu li a.parents:hover{color: #75966B;}
ul#main_menu li a.schools:hover{color: #BF3019;}

/* CMS Styles */

body#about_tammy ul#main_menu li#nav_about {background: url(../graphics/menu_highlight_bg.png) no-repeat bottom center; }
body#forgirls ul#main_menu li#nav_girls {background: url(../graphics/menu_highlight_bg.png) no-repeat bottom center; }
body#forparents ul#main_menu li#nav_parents {background: url(../graphics/menu_highlight_bg.png) no-repeat bottom center; }
body#forschools ul#main_menu li#nav_schools {background: url(../graphics/menu_highlight_bg.png) no-repeat bottom center; }
body#services ul#main_menu li#nav_services {background: url(../graphics/menu_highlight_bg.png) no-repeat bottom center; }

/* ---------- [Footer Navigation] ----------*/

#footer_menu {text-align: right; font-size: 12px;}

	#footer_menu ul{ position: relative; float: right; margin: 0; list-style-type: none;}

	#footer_menu ul li{ display: inline; padding: 0 0 0 3px; margin: 0; height: 30px;}

	#footer_menu ul li a{ height: 20px; font: normal 12px Georgia, "Times New Roman", Times, serif; line-height: 14px; text-decoration: none; color: #3D1604;}
	
		#footer_menu ul li a:hover{ text-decoration: underline;}

/* --------- [Other list styles] ----------*/

#left_content ul{ list-style-image: url(../graphics/bullet.png); margin: 0; padding: 0 0 13px 25px; line-height: 26px; list-style-position:outside;} 

#middle_content ul{ list-style-image: url(../graphics/bullet.png); margin: 0; padding: 0 0 0 25px; line-height: 26px; list-style-position:outside;} 

#right_content ul{ list-style-image: url(../graphics/bullet.png); margin: 0; padding: 0 0 0 30px; line-height: 26px; list-style-position:outside;} 

.float{width: 275px; float: left;}

ul#filter { z-index: 1000; position: absolute; right: 0; display: none; list-style-type: none; list-style-image: none; text-align: right; border: solid 1px #E6C8BF; background-color: #FCF7F5; padding: 0; margin:0;}
ul#filter li {border-bottom: 1px solid #F2E3DF; line-height: 22px; font-size: 14px; text-align: right; padding: 0 5px;}
ul#filter li:last-child { border-bottom: none; }
ul#filter li.current a, ul#filter a:hover { color: #3D1604; text-decoration: none; }
ul#filter li a { display: block; height: 100%; width: 100%; text-decoration: none;}


/* ---------- [Image Styles] ---------- */ 

#home_about p img {position: relative; display: block; float: left; height: 90px; width: 90px; padding: 15px; margin: -5px 10px 10px -10px; background:url(../graphics/90px_pic_bg.png) top left;}

#left_content p img {position: relative; display: block; float: left; height: 190px; width: 190px; padding: 15px; margin: -5px 10px 0px -10px; background:url(../graphics/190px_pic_bg.png) top left;}

#right_content p img {position: relative; display: block; float: right; height: 70px; width: 70px; padding: 10px; margin: -5px 0px 0px 5px; background:url(../graphics/70px_pic_bg.png) top left;}


/* ---------- [Contact Form] ---------- */
#contact label, legend { font: 14px Georgia,"Times New Roman",Times,serif; color: #3D1604; }
#contact p {margin: 15px 0 0 30px;}

#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #E6C8BF; border-style: none none solid; }

#contact, #event_details { display: block; width: 650px; margin: 30px auto; padding: 20px 35px 25px 35px; border: 1px solid #E6C8BF; background-color: #FCF7F5; }

/* Form style */

#contact label { display: inline-block; float: left; height: 20px; line-height: 20px; width: 130px; font-size: 16px; padding: 6px 0; margin: 0 0 0 12px;}
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #ffffff; border: 1px solid #E6C8BF; margin: 5px 0; font:14px Georgia,"Times New Roman",Times,serif;}   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #3D1604; background-color: #ffffff; color:#333; }
#contact input.submit { width: 85px; margin: 0 0 0 20px; cursor: pointer; border: 1px solid #E6C8BF; background: #3D1604; color:#fff; }
/* #contact input.submit:hover { background:#E6C8BF; } */
/* #contact input[type="submit"][disabled] { background:#E6C8BF; } */
#contact fieldset { padding: 10px 20px 20px 20px; border:1px solid #E6C8BF; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #E6C8BF; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact h6.expand {padding: 0px 20px 0 12px; margin: 0;}

#contact legend { padding:7px 10px; color:#ffffff; border: 1px solid #E6C8BF;  -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#studentform legend { background-color: #936FB1;}
#parentform legend { background-color: #75966B;}
#schoolform legend {background-color: #BF3019;}

/* #contact #program_info legend { display: block; height: 36px; width: 124px; text-indent: -5000px; background: url(../graphics/program_info_button.png)0px -40px no-repeat; padding: 12px 62px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact #studentform #parent_info legend { display: block; height: 36px; width: 124px; text-indent: -5000px; background: url(../graphics/parent_info_button.png)0px -40px no-repeat; padding: 12px 55px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact #parentform #student_info legend { display: block; height: 36px; width: 120px; text-indent: -5000px; background: url(../graphics/student_info_button.png) 0px -80px no-repeat; padding: 12px 59px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact #parentform #program_info legend { display: block; height: 36px; width: 124px; text-indent: -5000px; background: url(../graphics/program_info_button.png)0px -80px no-repeat; padding: 12px 62px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact #parentform #parent_info legend { display: block; height: 36px; width: 124px; text-indent: -5000px; background: url(../graphics/parent_info_button.png)0px -80px no-repeat; padding: 12px 55px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact #schoolform #program_info legend { display: block; height: 36px; width: 124px; text-indent: -5000px; background: url(../graphics/program_info_button.png)0px -120px no-repeat; padding: 12px 62px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
#contact #schoolform #school_info legend { display: block; height: 36px; width: 124px; text-indent: -5000px; background: url(../graphics/school_info_button.png)0px 0px no-repeat; padding: 12px 55px; border: none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }
 */

#contact span.required{ font-size: 13px; margin: 0 0 0 -12px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#contact span.small {font-size: 10px;}

.error_message { margin: 10px 0; padding: 0;  display: block; height: 22px; line-height: 22px; background: #FBE3E4 url(../graphics/error.gif) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h3 { background: url(../graphics/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/* ---------- [Mean Girls Quiz] ---------- */

#quiz hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #E6C8BF; border-style: none none solid; }

#quiz { display: block; width: 650px; margin: 30px auto; padding: 20px 35px 25px 35px; border: 1px solid #E6C8BF; background-color: #FCF7F5; -webkit-border-radius:5px;}
#quiz p {margin: 15px 0 0 10px;}
#quiz ol{margin: 0 15px; padding: 0; list-style-position: outside;}
#quiz ol li{margin: 0 0 10px 5px;}
#quiz ul {list-style: none; padding: 0 0 15px 0; margin: 0; border-bottom: solid 1px #FBc2c4;}
#quiz ul li {margin: 0 0 0 20px;}
#quiz label {font-size: 14px; font-weight: bold; padding: 0 0 5px 0; margin: 0;}
#quiz input {margin: 0 5px 0 -20px; padding: 5px; color: #666;}   
#quiz input.submit { width: 85px; margin: 0 0 0 20px; cursor: pointer; border: 1px solid #E6C8BF; background: #3D1604; color:#fff; }
/* #contact input.submit:hover { background:#E6C8BF; } */
/* #contact input[type="submit"][disabled] { background:#E6C8BF; } */
#quiz fieldset { padding: 20px 20px 5px 20px; border:1px solid #E6C8BF; -webkit-border-radius:5px; -moz-border-radius:5px; }

.incorrect1, .incorrect2, .incorrect3, .incorrect4, .incorrect5 {margin: 0; background:url(../graphics/error_icon.gif) no-repeat left center; padding: 0px 0px 2px 20px; color:#8a1f11;}
.correct1, .correct2, .correct3, .correct4, .correct5 {margin: 0; background:url(../graphics/correct_icon.gif) no-repeat left center; padding: 0px 0px 2px 20px; color:#3d6611;}
.correct1, .correct2, .correct3, .correct4, .correct5, .incorrect1, .incorrect2, .incorrect3, .incorrect4, .incorrect5, .answer, .error {display: none;}

/* ---------- [Calendar Page Styles ---------- */

.calMonEvent { width:100%; margin-bottom:3px; padding:2px; font-size: 6.5pt; background-color: #EAF2FD;}

.calMonTask { width:100%; margin-bottom:3px; padding:2px; font-size: 6.5pt; background-color: #FFE1E1;}

.calMonProject { width:100%; margin-bottom:3px; padding:2px; font-size: 6.5pt; background-color: #D2FFD2;}

.calMonTicket { width:100%; margin-bottom:3px; padding:2px; font-size: 6.5pt; background-color: #FFE2C6;}

.calMonImage {display: none;}

.calMonTitle { font-size: 11px; color: #3D1604;}
.calMonTitle a{ font-size: 11px; color: #3D1604;}

.calEventCount { position:relative; text-align:right; padding:2px; font-size: 6.5pt; float:none; clear:both;}

.calDayTable { border: 3px solid #C3D9FF; background-color: #F4F8FB;}

.calDayTableLeft { width:70%; border-right-width: 2px; border-right-style: solid; border-right-color: #C3D9FF;}

.calDayTableRight { width:30%; padding:5px;}

.calHourDisplay { text-align:right; background-color:#E8EEF7; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #DDDDDD; border-bottom-color: #DDDDDD; font-size:6.5pt; padding-left:5px; padding-right:5px; height:20px; width:55px;}

.calHourSpacer { background-color:#FFF; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #DDDDDD; border-bottom-color: #DDDDDD; width:5px; height:20px;}

.calHourEventCell { background-color:#FFF; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #DDDDDD; padding-left:5px; padding-right:5px; height:20px;	}

.calLight { color:#797979;}

.dayHourCell { position:relative; width:100%;}

.hourEventDisplay { position:absolute; float:left; width:150px; background-color: #EAF2FD; border: 2px solid #9FC5F7; font-size:6.5pt; top:-10px; padding-top: 2px; padding-right: 5px;padding-bottom: 2px; padding-left: 5px; overflow:hidden;}

#dayCalView { position:relative; height:1440px; overflow:hidden;}

.weekContainer { position:relative;}

.weekDayDisplay { position:relative; color:#7BA0DF; font-weight: bold; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #7BA0DF;}

.calendarDayDisplay { position:relative; margin-bottom:10px; padding:10px;}

.dayWeekHeaders { color: #003399; background-color: #DFEBFF; padding: 3px; font-weight: bold;}

.weekDayContainer { position:relative; padding:10px;}

#calendar_navigation { position:relative; margin-bottom:10px;}

.calendarBorder { border-top: 2px solid #E6C8BF; border-right: 1px solid #E6C8BF; border-left: 2px solid #E6C8BF; border-bottom: 2px solid #E6C8BF;}

.dayHeaders { color: #527AA9; background-color: #B9C9DD; text-align: center; padding: 3px; font-size: 18px;}

.dayCells { border-right-width: 1px; border-right-style: solid; border-right-color: #E6C8BF; vertical-align: top; background-color: #ffffff; width: 14%; border-top-width: 1px; border-top-style: solid; border-top-color: #E6C8BF; height:100px;}

.dayNum { position:relative; background-color: #E6EBF2; text-align: right; padding: 2px;}

.dayContainer { padding: 3px; font-size: 9px;}

.dayContainerOver { padding: 3px; /*background-color: #F4F8FB;*/ font-size: 9px;}

.dayContainerToday { background-color: #FFFFFF; border-right-width: 1px; border-right-style: solid; border-right-color: #E6C8BF; border-top-width: 1px; border-top-style: solid; border-top-color: #E6C8BF;}

.dayEmptyCell { border-right-width: 1px; border-right-style: solid; border-right-color: #E6C8BF; vertical-align: top; width: 14%;border-top-width: 1px; border-top-style: solid; border-top-color: #E6C8BF;}

.dayCellOver { border-right-width: 1px; border-right-style: solid; border-right-color: #CCDDEE; vertical-align: top; background-color: #C9DBED; width: 14%; border-top-width: 1px; border-top-style: solid; border-top-color: #CCDDEE;}

.weekplaceholder { background-color: #C3D9FF;}

.hourcell { background-color: #E8EEF7; border-right-width: 1px; border-right-style: solid; border-right-color: #CCDDEE; vertical-align: top; border-top-width: 1px; border-top-style: solid;border-top-color: #CCDDEE;}

#calendarWrapper {padding: 10px 0 0 0;}

#calendarLeftCol {width: 100%;}

#calendarRightCol {display: none;}

#calendarTitle, #calendarTitle h2 { font: italic 30px "Minion Pro", Georgia, "Times New Roman", Times, serif; color: #527AA9; font-weight: normal;}

#calendarDate {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; text-align: center;}

#eventDetail td { padding-top: 3px; padding-right: 3px; padding-bottom: 3px;	}

#eventDetail { }

.eventDetail_label { font-weight:bold;}

.eventDetail_text {	}

#eventDescription {position:relative;}

#eventDescription ul{ list-style-image: url(../graphics/bullet.png); margin: 0; padding: 0 0 13px 25px; line-height: 26px; list-style-position:outside;}

.calendar_addthis {	 }

#calendarHeader { position:relative;}

#calPortlet { position:relative; margin-left:10px;}

#form2, .v5formbutton {display: none;}

#next_month {display: block; height: 19px; width: 40px; background: url(../graphics/btn_next.gif) top left; text-indent: -5000px;}
#prev_month {display: block; height: 19px; width: 40px; background: url(../graphics/btn_prev.gif) top left; text-indent: -5000px;}

#workshop_key{ margin: 0 !important; padding: 5px 0 0 0 !important; float: right;}
#workshop_key li{ margin: 0 10px 0 0; padding: 0; display: block; float: left; list-style-type: none; line-height: 22px;}
#workshop_key li a{ display: block; width: 57px; height: 22px; line-height: 22px; font-size: 12px; text-align: center; color: #3D1604; text-decoration: none;}

#all_ws {background: url(../graphics/cal_key_all.gif) top left no-repeat; }
#girls_ws {background: url(../graphics/cal_key_girls.gif) top left no-repeat; }
#parents_ws {background: url(../graphics/cal_key_parents.gif) top left no-repeat; }
#schools_ws {background: url(../graphics/cal_key_schools.gif) top left no-repeat; }