/* Front End Skin for SchoolWorks - 10/05/2006                       */
/* Created by BlackLeaf, LLC (C) Copyright 2006 All Rights Reserved  */
/* You may not modify this file without exclusive written permission */
/* from BlackLeaf, LLC. http://www.blackleafstudios.com              */

/************ Begin Main Classes ************/
img {border: none;}
a {text-decoration: none;}
p {margin-top: 0;}

body {font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; font-size: 12px;}

.bl_wrapper { /* Main Wrapper used to center the site */
     position: absolute;
     width: 757px;
     height: 442px;
     margin-left: -378.5px;
     left: 50%;
     top: 50%;
     margin-top: -221px;
}

.bl_main { /* Main Holder of Content / background image */
     width: 802px;
     height: 426px;
     background: url(images/bg_main2.png) no-repeat;
}

.bl_menu {
     position: absolute;
     width: 545px;
     height: 18px;
     left: 105px;
     top: 22px;
}

.bl_column {
     position: absolute;
     width: 220px;
     height: 280px;
     top: 72px;
     left: 5px;
}

.bl_body { 
     position: absolute;
     width: 498px;
     height: 330px;
     left: 243px;
     top: 51px;
}
.bl_design {
	position: absolute;
	left: 672px;
	top: 12px;
}

.bl_logo {
     position: absolute;
     width: 332px;
     height: 40px;
     top: 388px;
     left: 60px;
}

.bl_logo img {border: none;}

.bl_footer {
     position: relative;
     top: 15px;
     text-align: center;
     left: 400px;
     width: 350px;
}

.copyright {
     font-size: 10px;
     color: #000000;
}

.transparent { /* Internet Explorer PNG Transparency Fix */
     behavior: url("pngbehavior.htc");
     border: none;
}

.bl_body_title {
	position: relative;
     font-size: 15pt;
     font-family: Arial;
     color: #FF6500;
     left: 20px;
     top: 10px;
}

.bl_intro_text {
	position: absolute;
	top: 35px;
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 15px;
	width: 195px;
}

#header_img { padding-left: 20px; }
.list_selected { list-style-image: url(images/list_bullet_selected.png); padding-bottom: 5px; }

.list_indent {
	list-style-type: none;
	font-size: 11px;
	padding-left: 10px;
	padding-bottom: 5px;
}

.list_normal { list-style-image: url(images/list_bullet.png); padding-bottom: 5px; }

.click_photos {
	position: absolute;
	font-weight: normal; 
	font-size: 10px; 
	left: 32px;
	top: -2px; 
	color: #808284;
	
}
/********* End Main Classes ************/

/********* Begin HomePage **************/

#bl_home_intro {
	position: absolute;
	top: 61px;
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 15px;
	width: 195px;
	height: 258px;
	overflow: hidden;
}

.bl_body_hdr {
	position: absolute;
	top: 35px;
	left: 20px;
}

.bl_body_element_title {
	font-weight: bold;
	font-size: 14px;
}

#home_table {
	position: absolute;
	left: 20px;
	top: 62px;
}
#featured_thumb1 {
	
	left: 1px;
	margin-right: 20px;
	border: solid thin #000000;
}

#featured_thumb2 {border: solid thin #000000;}

.bl_thumb_link:hover { text-decoration:none;}
/*
.bl_featured {
	position: absolute;
	top: 95px;
	left: 60px;
	width: 430px;
	height: 200px;	
}
*/
.bl_featured_text {font-size: 13px; width: 435px;}

/********* End Home Page ***************/

/********* Begin Profile **************/

/********* End Profile ***************/

/********* Begin Contact **************/

#contact_hdr {
	position: absolute;
	top: 45px;
	left: 25px;
}

#contact_body {
	position: absolute;
	top: 83px;
	left: 25px;
	font-size: 13px;
}

#contact_intro {
	position: absolute;
	top: 63px;
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 15px;
	width: 195px;
}

#contact_photo {
	position: absolute;
	top: 83px;
	left: 250px;
	height: 235px;
	width: 170px;
}
/********* End Contact ***************/

/********* Begin Links **************/

#links_hdr {
	position: absolute;
	top: 35px;
	left: 25px;
}

#links_intro {
	position: absolute;
	top: 54px;
	color: #FFFFFF;
	font-size: 13px;
	padding-left: 15px;
	width: 195px;
}
.instructions {font-size: 10px;}

#links_body {
	position: relative;
	left: -15px;
	font-size: 13px;
}

#description {
	position: absolute;
	height: 250px;
	width: 195px;
}
/********* End Links ***************/

/********* Begin Menu Layout **********/

.bl_menu_table {padding-left: 15px;}

.bl_menu_button_img {
     height: 18px;
     padding-right: 18px;
     border: none;
}

#bl_menu_button1 {
     width: 51px;
}

#bl_menu_button2 {
     width: 40px;
}

#bl_menu_button3 {
     width: 64px;
}

#bl_menu_button4 {
     width: 121px;
}

#bl_menu_button5 {
     width: 40px;
}

#bl_menu_button6 {
     width: 62px;
}
/********* End Menu Layout ************/

/********* Begin Link Styles ************/
.greylink {color: #808284;}

.greylink:hover {color: #ED7C24;}

.blacklink {color: #000000;}

.blacklink:hover {color: #ED7C24;}

.orangelink {color: #000000; text-decoration: none;}

.orangelink_selected {color: #FFF8EA;; text-decoration: none;}

.orangelink:hover {color: #FFF8EA;;}
/********* End Link Styles **************/

/********* Begin Setup Scroll Bars ************/
#up1 { position: absolute; left: 0; top: 0; z-index: 2; }  
#down1 { position: absolute; left: 0; bottom: 0; z-index: 3; }

.content {
	position:absolute; visibility:visible;
	left:0; top:0; z-index:1
}

#content1_holder { /* Control the height & width + position of the content here */
	position: absolute;
	top: 40px;
	width: 430px;
	height: 280px;
	overflow:hidden; z-index:101;
}
#content1_window {
	position:relative;
	width:430px; height:280px; /* Should be approx equal to size of content_holder */
	clip:rect(0px, 300px, 52px, 0px);
	overflow:hidden; z-index:1;
}
#content1_layer {
	width: 400px; /* Should be equal to content_window */
}

#scrollbar1 {
	position: absolute; visibility: hidden;
	left: 95%; top: 0;
	width: 11px; height: 100%;
	font-size: 1px; z-index: 2;
}

#track1 {
	position:absolute; left:0; top:12px;
	width:11px;
	height:94%;
	z-index:1;
}

#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  z-index:1;
}

/********* End Setup Scroll Bars *************/

/********* Begin content within Scrolling Section ***********/
.bl_body_text {
	font-size: 13px;
}

.bl_thumbs {
	border: solid thin #000000;
	margin-top: 5px;
}

.thumbs {
	position: relative;
	left: 10px;
}

.bl_caption {
	font-size: 11px;
	text-align: left;
	overflow: hidden;
	height: 28px;
	padding-top: 5px;
	margin-bottom: 20px;
	position: relative;
	left: 10px;
	width: 100px;
}
/********* End content within Scrolling Section *************/

/********* Begin Setup Scroll Bars Mini ************/
#up2 { position: absolute; left: 0; top: 0; z-index: 2; }  
#down2 { position: absolute; left: 0; bottom: 0; z-index: 3; }

.content {
	position:absolute; visibility:visible;
	left:0; top:0; z-index:1
}

#content2_holder { /* Control the height & width + position of the content here */
	position: absolute;
	width: 220px;
	height: 280px;
	overflow:hidden; z-index:101;
}
#content2_window {
	position:relative;
	width:220px; height:280px; /* Should be approx equal to size of content_holder */
	clip:rect(0px, 200px, 52px, 0px);
	overflow:hidden; z-index:1;
}
#content2_layer {
	width: 200px; /* Should be equal to content_window */
}

#scrollbar2 {
	position: absolute; visibility: hidden;
	left: 93%; top: 0;
	width: 11px; height: 100%;
	font-size: 1px; z-index: 2;
}

#track2 {
	position:absolute; left:0; top:12px;
	width:11px;
	height:94%;
	z-index:1;
}

#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  z-index:1;
}

/********* End Setup Scroll Bars Mini *************/