/* CSS Document */
html {
	margin: 0px auto;
	height: 100%;
	}

body {
	text-align: center ;
	background-color: #262737;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 100%;
	}

img { border-style: none ; }

#site_content {
	margin: auto ;
	text-align: left ;
	background-color: #262737;
	width: 892px;
	height: 100%;
	position: relative;
	}

#top {
	background-image: url(images/top.jpg);
	width: 892px;
	height: 79px;
	top: 0px;
	left: 0px;
	position: absolute;
	}

#join {
	background-image: url(images/join.jpg);
	width: 163px;
	height: 39px;
	top: 8px;
	left: 715px;
	position: absolute;
	}
	
#bg_2 {
	background-color: #303346;
	width: 892px;
	height: 457px;
	top: 215px;
	left: 0px;
	position: absolute;
	}

#lg_image {
	width: 408px;
	height: 408px;
	top: 24px;
	left: 38px;
	position: absolute;
	}

#thumb_1 {
	border-width: 1px;
  	border-color: #96BD3A;
  	border-style: solid;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 51px;
	position: absolute;
	}

#thumb_2 {
	border-width: 1px;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 107px;
	position: absolute;
	}

#thumb_3 {
	border-width: 1px;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 163px;
	position: absolute;
	}

#thumb_4 {
	border-width: 1px;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 219px;
	position: absolute;
	}

#thumb_5 {
	border-width: 1px;
	width: 40px;
	height: 40px;
	top: 0px;
	left: 275px;
	position: absolute;
	}
	
#bottom {
	background-image: url(images/bottom2.jpg);
	width: 100%;
	height: 36px;
	top: 672px;
	left: 0px;
	position: absolute;
	}

#bottom_buttons {
	width: 814px;
	height: 11px;
	top: 683px;
	left: 38px;
	position: absolute;
	}

#cal_btm_container
{
	width: 892px;
	position: absolute;
}

#cal_bottom {
	background-image: url(images/bottom2.jpg);
	width: 892px;
	height: 36px;
	top: 0px;
	left: 0px;
	position: relative;
	}


/* NAVIGATION BAR */

#logo {
	background-image: url(images/logo.jpg);
	width: 143px;
	height: 120px;
	top: 85px;
	left: 38px;
	position: absolute;
	}

#nav {
	width: 671px;
	height: 30px;
	top: 174px;
	left: 182px;
	position: absolute;
	}

#store {
	background-image: url(images/store_hover.jpg);
	width: 36px;
	height: 24px;
	top: 0px;
	left: 62.8px;
	position: absolute;
	}

#store_on {
	background-image: url(images/store_on.jpg);
	width: 36px;
	height: 24px;
	top: 0px;
	left: 62.8px;
	position: absolute;
	}

#store a {
	background-image: url(images/store.jpg);
	width: 36px;
	height: 24px;
	top: 0px;
	left: 62.8px;
	display: block;
	}

#store a:hover {
	background: none;
	}

#specials {
	background-image: url(images/specials_hover.jpg);
	width: 48px;
	height: 28px;
	top: 0px;
	left: 161.6px;
	position: absolute;
	}

#specials_on {
	background-image: url(images/specials_on.jpg);
	width: 48px;
	height: 28px;
	top: 0px;
	left: 161.6px;
	position: absolute;
	}

#specials a {
	background-image: url(images/specials.jpg);
	width: 48px;
	height: 28px;
	top: 0px;
	left: 161.6px;
	display: block;
}

#specials a:hover {
	background: none ;
}

#new_items {
	background-image: url(images/new_items_hover.jpg);
	width: 73px;
	height: 24px;
	top: 0px;
	left: 272.4px;
	position: absolute;
	}
	
#new_items_on {
	background-image: url(images/new_items_on.jpg);
	width: 73px;
	height: 24px;
	top: 0px;
	left: 272.4px;
	position: absolute;
	}

#new_items a {
	background-image: url(images/new_items.jpg);
	width: 73px;
	height: 24px;
	top: 0px;
	left: 272.4px;
	display: block ;
	}

#new_items a:hover {
	background: none ;
	}

#classes {
	background-image: url(images/classes_hover.jpg);
	width: 42px;
	height: 24px;
	top: 0px;
	left: 408.2px;
	position: absolute;
	}

#classes_on {
	background-image: url(images/classes_on.jpg);
	background-repeat: no-repeat;
	width: 42px;
	height: 24px;
	top: 0px;
	left: 408.2px;
	position: absolute;
	}

#classes_on a {
	background-image: url(images/classes_on.jpg);
	background-repeat: no-repeat;
	width: 42px;
	height: 24px;
	display: block;
	}

#classes a {
	background-image: url(images/classes.jpg);
	width: 42px;
	height: 24px;
	top: 0px;
	left: 408.2px;
	display: block ;
	}

#classes a:hover {
	background: none;
	}

#parties {
	background-image: url(images/parties_hover.jpg);
	width: 43px;
	height: 28px;
	top: 0px;
	left: 513px;
	position: absolute;
	}
	
#parties_on {
	background-image: url(images/parties_on.jpg);
	background-repeat: no-repeat;
	width: 43px;
	height: 28px;
	top: 0px;
	left: 513px;
	position: absolute;
	}

#parties a {
	background-image: url(images/parties.jpg);
	width: 43px;
	height: 28px;
	top: 0px;
	left: 513px;
	display: block;
	}

#parties a:hover {
	background: none;
	}

#contact {
	background-image: url(images/contact_hover.jpg);
	width: 52px;
	height: 24px;
	top: 0px;
	left: 619px;
	position: absolute;
	}
	
#contact_on {
	background-image: url(images/contact_on.jpg);
	width: 52px;
	height: 24px;
	top: 0px;
	left: 619px;
	position: absolute;
	}

#contact a {
	background-image: url(images/contact.jpg);
	width: 52px;
	height: 24px;
	top: 0px;
	left: 619px;
	display: block ;
	}

#contact a:hover {
	background: none;
	}

#calendar_container {
	background-color: #303346;
	width: 892px;
	height: 370px;
	top: 215px;
	left: 0px;
	position: absolute;
	}

#cal_test {
	background-color: #303346;
	width: 892px;
	left: 0px;
	position: absolute;
	}

#calendar {
	background-color: #303346;
	width: 812px;
	top: 0px;
	left: 0px;
	padding-left: 40px ;
	padding-right: 40px ;
	padding-top: 24px ;
	padding-bottom: 14px ;
	position: relative;
}

#class_table {
}

#class_table td {
	width: 14% ;
}

/* ADMINISTRATION NAVIGATION BAR */

#logo {
	background-image: url(images/logo.jpg);
	width: 143px;
	height: 120px;
	top: 87px;
	left: 38px;
	position: absolute;
}


#editstore {
	background-image: url(images/editstore.jpg);
	background-image: no-repeat ;
	width: 64px;
	height: 24px;
	top: 0px;
	left: 48.2px;
	position: absolute;
}

#editspecials {
	background-image: url(images/editannouncements.jpg);
	background-image: no-repeat ;
	width: 76px;
	height: 28px;
	top: 0px;
	left: 160.4px;
	position: absolute;
}

#editnewitems {
	background-image: url(images/editnewitems.jpg);
	background-image: no-repeat ;
	width: 92px;
	height: 24px;
	top: 0px;
	left: 284.6px;
	position: absolute;
}

#editschedule {
	background-image: url(images/editschedule.jpg);
	background-image: no-repeat ;
	width: 116px;
	height: 24px;
	top: 0px;
	left: 424.8px;
	position: absolute;
}

#newclass {
	background-image: url(images/newclass.jpg);
	background-image: no-repeat ;
	width: 82px;
	height: 24px;
	top: 0px;
	left: 589px;
	position: absolute;
}


/* TEXT */


#text_box {
	line-height: 17px;
	width: 367px;
	height: 352px;
	top: 24px;
	left: 485px;
	position: absolute;
	}

#scrollable_content {
	margin-top: 10px ;
	height: 220px ;
	overflow-x: hidden ;
	overflow-y: auto ;
}

#scrollable_content2 {
	margin-top: 20px ;
	#margin-top: 34px ;
	height: 305px ;
	overflow-x: hidden ;
	overflow-y: auto ;
}

#sub_header {
	padding-top: 0x ;
	padding-bottom: 8px ;
}

#paragraph {
	padding-top: 8px ;
	padding-bottom: 8px ;
}

#green_text {
	padding-top: 8px ;
	padding-bottom: 15px ;
}

#class_title {
	margin-bottom: 15px;
}

#description {
	margin-bottom: 12px ;
}

table.supplies {
	margin-top: 20px ;
}

table.supplies td {
	width: 33% ;
	overflow: hidden;
	align: left ;
}

.white {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	}
	
.white2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 12px;
}

.paragraph {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #b7b6db;
	font-size: 12px;
	}

.green {
	color: #96bd3a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

.green_medium {
	color: #96bd3a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}

.green_large {
	color: #96bd3a;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	}

.days {
	font-size: 8pt; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #7382B3; 
	}

.numbers {
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.class {
	font-size: 8pt; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	color: #262737; 
	}

.new {
	font-size: 7.5pt; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold ;
	color: #CC0011; 
	}

#white_link a:link {
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size: 12px;
  	color: #FFFFFF; 
}

#white_link a:visited {
  	font-family: Georgia, "Times New Roman", Times, serif;
  	font-size: 12px;
  	color: #FFFFFF; 
}

#class_link a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	color: #262737; 
}
		 
#class_link a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	color: #262737; 
}


/* PICTURES */

#thumb_nav {
	width: 367px;
	height: 40px;
	top: 392px;
	left: 485px;
	position: absolute;
	}

#l_hand {
	background-image: url(images/l_hand.jpg);
	width: 35px;
	height: 14px;
	top: 14px;
	left: 0px;
	position: absolute;
	}

#r_hand {
	background-image: url(images/r_hand.jpg);
	width: 35px;
	height: 14px;
	top: 14px;
	left: 332px;
	position: absolute;
	}