/* CSS Document */

/*Genaral Styles*/
/* BEGIN PRELOADED IMAGES DIV */
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

<!-- END PRELOADED IMAGES DIV-->

#content_pane {width: 495px;}
#content_pane p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #222222;
}
#content_pane p a {
	color: #DA027f;
	text-decoration: none;
}
#content_pane p a:hover {
	text-decoration: underline;
}
.float_right {
	float: right;
	clear: none;
}
h1 {
	text-align: left;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	margin-bottom: 10px;
	font-weight: 550;
}  
h2 { 
	text-align: left;
	font-size: 14px;
}  
h3 {
	text-align: left;
	font-size: 11px;
}  
h1.pink, h2.pink, h3.pink {
	background: #fff;
	color: #DA027f;
}  
h1.green, h2.green, h3.green {
	background: #fff;
	color: #88C005;
}  
h1.blue, h2.blue, h3.blue  {
	background: #fff;
	color: #34B4D1;
}  
h1.orange, h2.orange, h3.orange {
	background: #fff;
	color: #FFA32A;
} 
.pinkfg {
	color: #DA027f;
	font: tahoma 20px;
}  
.greenfg {
	color: #88C005;
	font: tahoma 20px;
}  
.bluefg {
	color: #34B4D1;
	font: tahoma 20px;
}  
.orangefg {
	color: #FFA32A;
	font: tahoma 20px;
}  

/* Pagination links  .pagination_current swaps with .pagination_color when selected and link is disabled*/

.pagination_text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #333333; 
	margin-right:12px;
}
.pagination_current {
	color: #333333;
	background-color: #FFFFFF;
	text-decoration: none;
}
.pagination_pink {
	color: #DA027f;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	float: right;
	top: 0;
	right: 0;
	margin-right: 0px;
	margin-top: 10px;
	display: block;
	clear: none;
}
.pagination_pink a {
	padding-left: 2px;
	text-decoration: none;
	color: #DA027f;
}
.pagination_pink a:hover {
	font-weight: bold;
	background-color: #ffccff;
	padding-left: 0px;
}
.pagination_green {
	color: #88C005;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	float: right;
	top: 0;
	right: 0;
	margin-right: 0px;
	margin-top: 10px;
	display: block;
	clear: none;
}
.pagination_green a {
	padding-left: 2px;
	text-decoration: none;
	color: #88C005;
}
.pagination_green a:hover {
	font-weight: bold;
	background-color: #cbe492;
	padding-left: 0px;
}
.pagination_blue {
	color: #34B4D1;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	float: right;
	top: 0;
	right: 0;
	margin-right: 0px;
	margin-top: 10px;
	display: block;
	clear: none;
}
.pagination_blue a {
	padding-left: 2px;
	text-decoration: none;
	color: #34B4D1;
}
.pagination_blue a:hover {
	font-weight: bold;
	background-color: #92d5e2;
	padding-left: 0px;
}
.pagination_orange {
	color: #FFA32A;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	float: right;
	top: 0;
	right: 0;
	margin-right: 0px;
	margin-top: 10px;
	display: block;
	clear: none;
}
.pagination_orange a {
	padding-left: 2px;
	text-decoration: none;
	color: #FFA32A;
}
.pagination_orange a:hover {
	font-weight: bold;
	background-color: #f7cb90;
	padding-left: 0px;
}

/*Tell A Friend box*/

.tell_a_friend {
	width: 440px;
	height: 448px;
	background-image: url(../images/tell_a_friend_bg.png);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	
}
.tell_a_friend_desc {
	width: 142px;
	height: 210px;
	float: left;
	line-height: 22px;
	font-size: 13px;
}
.tell_a_friend_input {
	width: 250px;
	height: 210px;
	float: right;
	margin-right: 28px;
}
.input_elements {
	width: 250px;
	float: right;
	margin-top: 0px;
	border: #e6e6e6 2px ridge;
}
.disclaimer_text {
	font-size: 9px;
	line-height: 11px;
	font-weight: bolder;
	clear: both;
	font-family: Tahoma, Arial, Helvetica, sans-serif
}
.tell_a_friend_submit {
	background-color: #DA027f;
	color: #FFFFFF;
	font-weight: bold;
}

/*Pop Up box for general tables with use of lightbox*/

.pop_up_title {
	width: 411px;
	float: left;
	display: block;
}
.pop_up_box {
	width: 440px;
	height: 100%;
	background-image: url(../images/tell_a_friend_bg.png);
	background-repeat: repeat-x;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
.location_tab {
	width: 410px;
	height: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.coursestable {
	float: left;
}
.location_tab a {
	color: #666666;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;	
}
.location_tab a:hover {
	color: #88C005;
}

/*General Table Styles*/

.table_header_pink {
	background-image: url(../images/table_header_background-pink.png);
	background-repeat: no-repeat;
	width: 495px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
}
.table_header_green {
	background-image: url(../images/table_header_background-green.png);
	background-repeat: no-repeat;
	width: 495px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
}
.table_header_blue {
	background-image: url(../images/table_header_background-blue.png);
	background-repeat: no-repeat;
	width: 495px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
}
.table_header_orange {
	background-image: url(../images/table_header_background-orange.png);
	background-repeat: no-repeat;
	width: 495px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
}



table {
	margin-bottom: 20px;
}
.date_col {
	width: 112px;
	border-left: 0px solid #ffffff;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.time_col {
	width: 80px;
	border-left: 0px solid #ffffff;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.course_col {
	width: auto;
	border-left: 0px solid #ffffff;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.teacher_col {
	width: auto;
	border-left: 0px solid #ffffff;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.sign_up_col {
	width: 44px;
	border-left: 0px solid #ffffff;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}
.pink_row {
	background-color: #e9a7ce;
}
.green_row {
	background-color: #cbe492;
}
.blue_row {
	background-color: #92d5e2;
}
.orange_row {
	background-color: #f7cb90;
}
/*individual stories generic*/

.pic_left_story {
	width: 495px;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.pic_left_story img {
	margin-right: 12px;
	margin-bottom: 0px;
	float: left;
}
.pic_right_story {
	width: 495px;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.pic_right_story img {
	margin-left: 12px;
	margin-bottom: 0px;
	float: right;
}
.double_pic_right_story {
	width: 495px;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.double_pic_right_story img {
	margin-left: 10px;
	margin-bottom: 0px;
	float: right;
}
.teacher_profile {
	width: 495px;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.teacher_profile img {
	margin-left: 12px;
	margin-bottom: 0px;
	float: right;
}

<!--BEGIN Search Results display-->

.search_result_story {
	width: 495px;
	height: auto;
}
.search_result_title_box {
	border-bottom: #DA027f 1px solid;
	width: 495px;
}
.search_result_title {
	color: #DA027f;
	font-size: 14px;
	padding: 0px;
	padding-right: 5px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.search_arrow {
	float: none;
	margin-right: 5px;
}
<!--END Search Results display-->

<!--BEGIN press page display-->

.press_page_story {
	width: 495px;
	height: auto;
}
.press_page_title_box {
	border-bottom: #DA027f 1px solid;
	width: 495px;
}
.press_page_title {
	color: #DA027f;
	font-size: 14px;
	padding: 0px;
	margin-right: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.press_arrow {
	float: none;
	margin-left: 5px;
}
.returntotop{
  float: right;
  display: block;
background-image: url(../images/pink_arrow_up.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 15px;
}


.main_pink a{
  color: #DA027f;
}
.main_pink img{
  border: 2px solid #DA027f;
}
.main_pink table{
  margin-bottom:20px;
  width: 495px;
}
.main_pink table .header{
background-image:url(../images/table_header_background-pink.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
}
.main_pink table .odd{
background-color:#E9A7CE;
}
.main_pink table .even{
background-color:#ffffff;
}
.main_pink table td{
border-left:0 solid #FFFFFF;
padding-bottom:2px;
padding-left:5px;
padding-top:2px;
}
.main_pink .returntotop{
background-image: url(../images/pink_arrow_up.png);
}

.main_green a{
  color: #88C005;
  text-decoration: none;
  text-align: center;
}
.main_green a:hover {
	color: #222222;
}
.main_green img{
  border: 2px solid #88C005;
}
.main_green table{
  margin-bottom:20px;
  width: 495px;
  border: none;
}
.main_green table .header{
background-image:url(../images/table_header_background-green.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
}
.main_green table .odd{
background-color:#CBE492;
}
.main_green table .even{
background-color:#ffffff;
}
.main_green table td{
border-left:0 solid #FFFFFF;
padding-bottom:2px;
padding-left:5px;
padding-top:2px;
}
.main_green .returntotop{
background-image: url(../images/green_arrow_up.png);
}


.main_orange a{
  color: #FFA32A;
}
.main_orange img{
  border: 2px solid #FFA32A;
}
.main_orange table{
  margin-bottom:20px;
  width: 495px;
  border: none;
}
.main_orange table .header{
background-image:url(../images/table_header_background-orange.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
}
.main_orange table .odd{
background-color:#F7CB90;
}

.main_orange table .even{
background-color:#ffffff;
}

.main_orange table td{
border-left:0 solid #FFFFFF;
padding-bottom:2px;
padding-left:5px;
padding-top:2px;
}
.main_orange .returntotop{
background-image: url(../images/orange_arrow_up.png);
}

.main_blue a{
  color: #34B4D1;
}

.main_blue img{
  border: 2px solid #34B4D1;
}
.main_blue h1, .main_blue h2, .main_blue h3{
  color: #34B4D1;
}
.event_date{
  color: #666666;
  font-weight: bold;
}


.main_blue .with_bg{
  background-color: #34B4D1;
  color: #ffffff;
  padding: 2px;
}


.main_blue table{
  margin-bottom:20px;
  width: 495px;
  border: none;
}
.main_blue table .header{
background-image:url(../images/table_header_background-blue.png);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
}
.main_blue table .odd{
background-color:#F7CB90;
}
.main_blue table .even{
background-color:#ffffff;
}
.main_blue table td{
border-left:0 solid #FFFFFF;
padding-bottom:2px;
padding-left:5px;
padding-top:2px;
}
.main_blue .returntotop{
background-image: url(../images/blue_arrow_up.png);
}

.teaser{
  text-decoration: none;
  width: 189px;
  height: 79px;
	background-image: url(../images/nav_images/teaser_link.png);
}
.teaser img {
  border: 0px;
}


.teaser a{
  font-family: tahoma;
  text-decoration: none;
  padding: 10px;
  display: block;
  color: #ffffff;
  font-size: 17px;
  font-weight: normal;
}
      .teaser a:hover{
  text-decoration: none;
}

.location_tab span{
  background-image: url(../images/grey_arrow_down.png);
      background-repeat: no-repeat;
          background-position: 0px 7px;
          padding-left: 17px;
      	font-size: 18px;
	color: #666666;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bolder;
}
.location_tab a {
    background-image: url(../images/green_arrow_right.png);
      background-repeat: no-repeat;
          background-position: 0px 7px;
          padding-left: 17px;
	font-size: 18px;
	color: #88C005;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: bolder;
}

#downloads_content span{

  display: inline;
  margin: 5px;
  padding: 0px;
}


#downloads_content a {
	color: #DA027f;
    	font-size: 12px;
    	text-decoration: none;
    background-image: url(../images/filetypes/bullet_pink.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;

}
#downloads_content .gif, #downloads_content .jpg, #downloads_content .jpeg, #downloads_content .png, #downloads_content .bmp {
    background-image: url(../images/filetypes/image.png);
}
#downloads_content .avi, #downloads_content .mpeg, #downloads_content .mpg, #downloads_content .qt, #downloads_content .flv {
    background-image: url(../images/filetypes/film.png);
}
#downloads_content .mp3, #downloads_content .wav{
    background-image: url(../images/filetypes/music.png);
}
#downloads_content .doc{
    background-image: url(../images/filetypes/word.png);
}
#downloads_content .xls{
    background-image: url(../images/filetypes/excel.png);
}
#downloads_content .pdf{
    background-image: url(../images/filetypes/pdf.png);
}
#downloads_content .zip, #downloads_content .rar{
    background-image: url(../images/filetypes/compressed.png);
}

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

.tablerow-event{
	color: #DA027f;
    	font-size: 12px;
    	text-decoration: none;
    background-image: url(../images/filetypes/bullet_pink.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;

}
/*Schedule Styles*/

#weekSelect .selected{
 color: #222222;
 text-decoration: none;
 text-align: center;
}
.weekpick_span {
	color: #222222;
	font-weight: bold;
	font-size: 14px;
	background-image: url(../images/grey_arrow_down.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#this {
	background-image: url(../images/green_arrow_right.png);
	font-weight: bold;
	background-repeat: no-repeat;
	font-size: 14px;
	padding-left: 15px;
}

#next {
	background-image: url(../images/green_arrow_right.png);
	font-weight: bold;
	font-size: 14px;
	background-repeat: no-repeat;
	padding-left: 15px;
}
.img_float_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;

	height: auto;
}

.img_float_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;

	height: auto;
}

.slideshow {

    width:   488px;
    padding: 0px;
    margin:  0px;
       text-align: center;
       height: 350px;
       overflow: hidden;
}
.slideshowholder {

    width:   488px;
height: 350px;
    padding: 0px;
    margin:  0px;
    text-align: center;
    overflow: hidden;
}

.slideshow img {
    padding: 0px;
    top:  0px;
    left: 0px;
    margin: 0px;
    max-width:488px;
    height: 338px;
}
/*substituted an d cancelled teachers styles:*/
.daysched .odd .substituted{
  background-image: url(../images/group_go.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 17px;
}
.daysched .even .substituted, #SecNavGreen_mitte  li li .substituted, #SecNavGreen_west  li li .substituted{
  background-image: url(../images/group_go.png);
  padding-left: 17px;
  background-repeat: no-repeat;
  background-position: left;
}
.daysched .cancelled, #SecNavGreen_mitte  li .cancelled, #SecNavGreen_west  li .cancelled{
  background-repeat: no-repeat;
  background-position: left;
  color: #888888;
  text-decoration: line-through;

}
.daysched .cancelled a, #SecNavGreen_mitte  li .cancelled a, #SecNavGreen_west  li .cancelled a{
  color: #888888;
  text-decoration: line-through;

}
.daysched .cancelled img, #SecNavGreen_mitte  li .cancelled img, #SecNavGreen_west  li .cancelled img{
border:none 0px;
padding:0px;
margin: 0px;
}

#facebooklink{
margin-top: 10px;
text-align: center;
width: 189px;
}