/* Reset all styles */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-size: 12px; font-style: inherit; vertical-align: baseline;}
  :focus { outline: 0; }
  
  body { margin: 0px; line-height: 1; color: #000000; background: #FFFFFF; behavior:url(/csshover.htc); }
  body, table, tr, td, div, span, input, textarea, a, select, button { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
  
  ol, ul { list-style: none; }
  li { color: #5F5F5F; }
  
  #page_container { width: 100%; }
  /* start of lindsay's styles! */  
  
  .clearfix:after {
  	content: ".";
  	display: block;
  	clear: both;
  	visibility: hidden;
  	line-height: 0;
  	height: 0;
  }
   
  .clearfix {
  	display: inline-block;
  }
   
  html[xmlns] .clearfix {
  	display: block;
  }
   
  * html .clearfix {
  	height: 1%;
  }
  
	a { color: #006699; text-decoration: none;	}
  
  a:hover { color: #006699; text-decoration: underline; }
  a:active { color: #006699; text-decoration: none; }	
	
  blockquote:before, blockquote:after, q:before, q:after { content: ""; }
  blockquote, q { quotes: "" ""; }
  
	.frame2{ vertical-align:top; width: 100%; margin: 0px; }
  
  /* HEADER CSS */
  div#header {
    height: 60px;
    width: 100%;
    margin-bottom: 10px;
  }
  div#header img.headerLogo {
    float: left;
  }
  div#headerRight {
    float: right;
    text-align: right;
  }
  div#headerRight span {
    display: block;
    margin-bottom: 8px;
  }
  
  div#headerRight a {
    padding-left: 0px;
  }
  div#headerRight a:hover {
    color: #9CCF39;
  }
  
  /* forms */
  form label { width: 150px; float: left; }
  button, input, textarea, select{ border-top: 1px solid #c6e28f; border-left: 1px solid #c6e28f; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 2px; }
  /* end forms */
  
  h1 { color: #333333; margin: 20px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 25pt; font-weight:bold; line-height: 100%; letter-spacing: .01em; word-spacing: .05em; vertical-align:top; }
	h2 { color: #7489a0; margin: 10px 0px 4px 0px; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 18pt; font-weight: lighter; letter-spacing: 0.01em; vertical-align:top; }
    h2 a { color: #444444; margin: 15px 0px 0px 0px; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 13pt; font-weight: lighter; letter-spacing: 0.01em; vertical-align:top; }	
	h3 { color: #83ab3c; margin: 7px 0px 0px 0px; line-height: 1.25em; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 11pt; font-weight: normal; letter-spacing: 0.01em; vertical-align:top; }
  .h3 { color: #316dad; margin: 5px 0px 2px 0px; padding: 0px 0px 2px 25px; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 12pt; font-weight: lighter; letter-spacing: 0.01em; vertical-align:top; display: block; border-bottom: 1px #efefef; border-style: solid; text-align: left; background:url(images/icons/sun.gif) left no-repeat; }		  
	h4 { color: #83ab3c; margin: 7px 0px 0px 0px; line-height: 1.25em; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 11pt; font-weight: bold; letter-spacing: 0.01em;	vertical-align:top; }
	h5 { color: #ffffff; margin: 5px 0px 0px 0px; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 14pt; font-weight: normal; display: inline; letter-spacing: 0.01em; vertical-align:top; }	
    h5 a { color: #ffffff; margin: 7px 0px 0px 0px; font-family: Tahoma, Helvica, Arial, sans-serif; font-size: 12pt; font-weight: lighter; letter-spacing: 0.01em; vertical-align:top; }		
  
  .hidden { display: none; }
  
  .notice_box { text-align: left; line-height: 16px; vertical-align: middle; border: 1px solid #E6E573; padding: 5px; background-color: #FFFDBF; margin:10px; }
    .notice_box img{ vertical-align: -20%; }
  .error_box { text-align: left; border: 1px solid #CF0000; padding: 5px; background-color: #FFC4C4; margin:10px; }
    .error_box img { vertical-align: -20%; }
  
    p { font-size: 12px; color: #333333; line-height: 1.5em; letter-spacing: 0em; word-spacing: 0em; font-weight: lighter; text-decoration: none; margin: 8px 0px 12px 0px; }	
    p a{ font-size: 12px; color: #3a5d93; } 	

	.p2 { font-size: 13px; font-family: Tahoma, Helvica, Arial, sans-serif; line-height: 2em; letter-spacing: .05em; word-spacing: .05em; color: #333333; font-weight: lighter; text-decoration: none;	}
	.p3 { font-size: 11px; color: #4a5d6b; line-height: 1.15em; letter-spacing: 0em; word-spacing: 0em; font-weight: lighter; text-decoration: none; margin: 0px 0px; }
    .p3 a { font-size: 11px; color: #4a5d6b;}
    .p3 a:visited { text-decoration: none; color: #316dad; font-size: 11px; }	
    .p3 a:hover { text-decoration: none; color: #7489a0; font-size: 11px; text-decoration:underline; }		 				    
	.p4 { font-size: 12px; color: #333333; line-height: 1.5em; letter-spacing: 0em; word-spacing: 0em; font-weight: lighter; text-decoration: none; margin: 8px 0px; }
    .p4 a{ font-size: 12px; color: #006699; } 
	.p5 { font-size: 11px; color: #444444; line-height: 1.4em; letter-spacing: 0em; word-spacing: 0em; font-weight: lighter; text-decoration: none; margin: 8px 0px; }
    .p5 a{ font-size: 12px; color: #006699; } 
   
  .png { behavior: url('/pngbehavior.htc'); }
   
	.qlinks { text-decoration: none; font-weight: bold; color: #316dad; line-height:20px; font-size: 11px; padding: 0px 0px 0px 15px;	}
    .qlinks:visited { color: #316dad; }	
    .qlinks:hover { text-decoration: none; color: #9ccf39; }
  
  
  sup { vertical-align: top; font-size: .8em; }	
	
	/* tables still need 'cellspacing="0"' in the markup */
  table td{ border-collapse: separate; border-spacing: 0; vertical-align:top; }
  caption, th, td { text-align: left; font-weight: normal; }
  
  
  
  
	/* top icon menu  */ 	
  #icons { float: inherit; margin: 0px 0px 25px 0px; padding: 15px 0px 10px 0px; border-bottom:double 4px #cccccc;}
	/* end top icon menu  */ 
		
	#lcol{ float: left; width: 300px; min-height: 600px; background-color: #fff; padding-top:0px; margin-top:0px; vertical-align:top;	}
    #lcol p{ font-size: 1.1em; color: #7489a0; line-height: 1.35em; font-weight: normal; padding: 5px 40px 25px 0px; border-bottom: 1px solid #CCC; margin-bottom:0px; }	
    #lcol a{ font-size: 1.2em; color: #3a5d93; line-height: 1.30em; display:block; padding: 0px 0px 7px 20px; background-image:url(../images/icons/next.gif); background-repeat:no-repeat;  }	

/* Start of 2nd left column style, no background, large font */ 		
	#lcol2{ float: left; width: 250px; border-top: 0px #efefef; border-bottom: 1px #efefef; border-style: solid; background-color: #ffffff; }	
  	#lcol2 p{ font-size: 12px; color:#999999; line-height: 1.5em; font-weight: lighter; padding: 0px 5px 5px 0px; }	
    #lcol2 a{ font-size: 12px; color: #83ab3c; font-weight: normal; }	
/* Endof 2nd left column style, no background, large font */ 

/* Start of 3rd left column style, no background, large font */ 		
	#lcol3{ float: left; width: 275px; height: 100%; border-top: 0px #efefef; border-bottom: 1px #efefef; border-style: solid; }	
    #lcol3 p{ font-size: 14px; color:#999999; line-height: 2em; font-weight: lighter; padding: 0px 5px 5px 0px; }
    #lcol3 a{ font-size: 14px; color: #666666; font-weight: normal; display:block; }
      #lcol3 a:hover{ color: #83ab3c; }	
		
/* Endof 3rd left column style, no background, large font */ 
		
	#mcol{ width: 500px; margin: 0px 0px 0px 300px; padding: 5px 25px 0px 25px; vertical-align:top; border-left: 1px solid #CCC; }	
	#rcol{ float: left; width: 200px;	border: 1px #efefef; border-style: solid; background-color: #cccccc; }
/* end of sub-page layout styles */ 	

/* LIGHTBOX */

  #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
  #lightbox img{ width: auto; height: auto;}
  #lightbox a img{ border: none; }

  #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
  #imageContainer{ padding: 10px; }

  #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
  #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
  #imageContainer>#hoverNav{ left: 0;}
  #hoverNav a{ outline: none;}

  #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
  #prevLink { left: 0; float: left;}
  #nextLink { right: 0; float: right;}
  #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

  #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

  #imageData{	padding:0 10px; color: #666; }
  #imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
  #imageData #caption{ font-weight: bold;	}
  #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
  #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

  #overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }

	
/* rounded borders */ 		
	.t {background: url(images/borders/pixel.png) 0 0 repeat-x;}
	.b {background: url(images/borders/pixel.png) 0 100% repeat-x}
	.l {background: url(images/borders/pixel.png) 0 0 repeat-y}
	.r {background: url(images/borders/pixel.png) 100% 0 repeat-y}
	.bl {background: url(images/borders/bl.gif) 0 100% no-repeat}
	.br {background: url(images/borders/br.gif) 100% 100% no-repeat}
	.tl {background: url(images/borders/tl.gif) 0 0 no-repeat}
	.tr {background: url(images/borders/tr.gif) 100% 0 no-repeat; padding:0px}
	.t2 {background: url(images/borders/pixel.png) 0 0 repeat-x; width: 100%}
/* end of rounded borders */ 			  
  
  
/* MENU */
  
  .search_box { position: relative; border: 0px; width: 116px; height: 16px; left: 30px; }
  .search_td { vertical-align: middle; }

  #menu{ width: 100%; }
  #menu.td { background-image: url(/images/menu/menu_tile.gif); background-repeat: repeat-x; }
  #menu a{ text-decoration: none; }
  
  div.mnu_index         { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: 0px 0px;   height: 36px; width: 98px; }
  div.mnu_index:hover   { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: 0px 114px; height: 36px; width: 98px; }
  div.mnu_index:active  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: 0px 76px;  height: 36px; width: 98px; }
  
  div.mnu_about         { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -98px 0px;   height: 36px; width: 97px; }
  div.mnu_about:hover   { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -98px 114px; height: 36px; width: 97px; }
  div.mnu_about:active  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -98px 76px;  height: 36px; width: 97px; }
  
  div.mnu_products        { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -195px 0px;   height: 36px; width: 97px; }
  div.mnu_products:hover  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -195px 114px; height: 36px; width: 97px; }
  div.mnu_products:active { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -195px 76px;  height: 36px; width: 97px; }
  
  div.mnu_register        { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -583px 0px;   height: 36px; width: 97px; }
  div.mnu_register:hover  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -583px 114px; height: 36px; width: 97px; }
  div.mnu_register:active { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -583px 76px;  height: 36px; width: 97px; }
  
  div.mnu_principals        { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -389px 0px;   height: 36px; width: 97px; }
  div.mnu_principals:hover  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -389px 114px; height: 36px; width: 97px; }
  div.mnu_principals:active { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -389px 76px;  height: 36px; width: 97px; }
  
  div.mnu_teachers        { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -292px 0px;   height: 36px; width: 97px; }
  div.mnu_teachers:hover  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -292px 114px; height: 36px; width: 97px; }
  div.mnu_teachers:active { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -292px 76px;  height: 36px; width: 97px; }
  
  div.mnu_contact        { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -486px 0px;   height: 36px; width: 97px; }
  div.mnu_contact:hover  { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -486px 114px; height: 36px; width: 97px; }
  div.mnu_contact:active { cursor: pointer; background-image: url(/images/menu/menu_transparent-2.gif); background-position: -486px 76px;  height: 36px; width: 97px; }
  
  td.search_td { background-image: url(/images/menu/menu_transparent-2.gif); background-position: 163px 0px; height: 36px; width: 162px; }
  
  
  
  .textboxfloat { left: 30px; }
  .login-box { padding: 10px; line-height: 15px; }
  .blue-fade { background-image: url(/images/section_fade.gif); background-repeat: repeat-x; border: 1px solid #9eaec1; max-width: 100%; min-width: 770px; }
  .blue-fade-container { background-color: #FFFFFF; border: 1px solid #9eaec1; padding: 10px; margin-right: 230px;}
  .blue-fade-container-right { float: right; border: 1px solid #9eaec1; background-color: #FFFFFF; width: 200px; text-align: left; padding:10px; }
  .blue-fade-tabs { padding: 3px 3px 0px 10px; }
  .blue-fade-tabs .tab { border: 1px solid #9eaec1; border-bottom: 0px; padding: 3px 7px 3px 7px; margin: 0px 3px 0px 0px; background-color: #FFFFFF; float: left;}
  .blue-fade-tabs .tab a { text-decoration: none; }
  .blue-fade-tabs .active { position:relative; top: 1px; }
  
  
  .map { background-image: url(/members/images/map_tile.jpg); background-repeat: repeat-x; background-position: bottom; text-align: center; border: 1px solid #9eaec1; }
  
  #class_availability_cookie_crumb { padding: 3px 0px 3px 15px; background-color: #9eaec1; }
  #section_head { padding: 3px 0px 3px 15px; background-color: #9eaec1; text-align:left; }
  
  .white_link { color: #FFFFFF; font-weight: bold; }

  .new_account_form_table { line-height: 210%; }
  .new_account_form_fieldset { background-color: #FFFFFF; border: 1px solid #9eaec1; padding: 10px; margin: 10px; }
  .fieldset_legend { line-height: 1.3; border: 1px solid #9eaec1; background-color: #7B8CA3; color: #FFFFFF; font-weight: bold; padding: 3px 10px 3px 10px; } 
  
  
  .account_info { border: 3px solid #9bcd36; padding: 5px; width:300px; height:90px; background-color: #ffffff; }
  
  #container2 { position: absolute; padding: 0px; margin: 0px; float: inherit; }
  #overlay2 { padding-top: 5px; }
  
  .calendar{ border: 1px solid #586A75; color: #FFFFFF; text-align: center; background-color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 10px; }
  .calendar_header { border: 1px solid #586A75; color: #FFFFFF; text-align: center; background-color: #7B8CA3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 300px; height: 240px; }
  .calendar_day { color: #FFFFFF; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
  .today{ border-collapse: collapse; font-weight: bold; color:#336600; text-align: center; background-color: #98D9AB; font-size:12px; width: 45px; height: 25px; vertical-align:middle; }
  .days{ border: 1px #666666; color: #FFFFFF; border-collapse: collapse; background: #FFFFFF; text-align: center; background-color: #E8ECF0; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 45px; height: 25px; vertical-align:middle; }
  .nonmonthdays{ color: #333333; border-collapse: collapse; background: #C6C6C6; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 45px; height: 25px; vertical-align: middle; }
  
  #date_selector_box { background-image: url(/images/box_shadow2.png) !important; background-position: bottom right; background-color: transparent !important; background-image: none; background-color: #ffffff; background-repeat: no-repeat; }
 
  .products_list { background: #F5F9FA; padding:2px 5px; border: 1px solid #B9C5D0; border-style: solid; vertical-align:middle; }
  .rooms_table { padding: 3px; }

  /* Report Transactions Start */
  .report_drop{ float:left; background-color: #D8DEE7; line-height:20px; border-bottom: solid white 1px; }
    .report_drop:hover{ background-color: #F8F9FA; cursor:auto; display:block; }

  /* Bulk purchase */
  .student_sub { height: 16px; }
  .student_sub:active { height: 16px; background-color: #e1edf5; }
  .clear { clear: both; }
  
  /* User account */
  .setting_container { width: 500px; margin-bottom: 15px; }
    .setting_container input, button { border: 1px solid #C5C9DD; padding: 2px; font-size: 11px; vertical-align: middle; width: 150px;}
    .setting_container .label { color: #666666; font-weight: bold; text-align: right; padding-right: 10px; padding-top: 3px; float: left; width: 150px;}
    .setting_container .inputs { float: left; }
    .setting_container .save { float: right; margin-top: 10px; }
    .setting_container form .row { margin-bottom: 5px; }
    
  .setting_header { border-bottom: 1px solid #C5C9DD; padding-bottom: 3px; }
  .setting_name { float: left; font-weight: bold; }
  .setting_edit { float: right; }
    .setting_edit a { color: #525F96; }
  .setting_caption { float: left; color: #ABABAB; padding-top: 2px;}
  .setting_value { float: right; color: #ABABAB; padding-top: 2px;}
  .setting_form { display: none; }
  .setting_list { list-style: disc outside; padding-left: 30px; margin-top: 10px;}
  .setting_button { background-color: #3B5998; border-color: #D9DFEA rgb(14,31,91) rgb(14,31,91) rgb(217,223,234); border-style: solid; border-width: 1px; color: #FFFFFF; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; padding: 2px 15px 3px; text-align: center; }
  .sider_line { margin-bottom: 3px;}
  .sider_value { color: #ABABAB; }
  
  .setting_student_header { margin-top: 3px; }
  .setting_student_header a { display: block; background-color: #525F96; padding: 5px; color: #FFFFFF; }
  .setting_student_container { border: solid #525F96; border-width: 0px 1px 1px 1px; padding: 15px;}
  
  .subscription_line { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; }
  .subscription_header { font-weight: bold; border-bottom: 1px solid #C5C9DD; padding: 0px 0px 3px 0px; margin: 0px 0px 3px 0px;}
  .subscription_name { float: left; }
  .subscription_date { float: right;}
  .subscription_software { float: left; }