/* CSS Stylesheet for sf10 */

/* DEFAULT TAG STYLES -----------------------------------------------------------------*/

BODY {
	background-color: #dbdbc9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin-top: 10px;
	vertical-align: top;
	margin-left: 0px;
     }
     
P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	word-spacing: normal;
	line-height: 17px;
	border: solid 0px blue;
	color: #333333;
    }

.highlight {
	background-color: #ffcc66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	word-spacing: normal;
	line-height: 17px;
	border: solid 0px blue;
	color: #000000;
    }
	
UL {
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;      
    margin-top: 0;
    vertical-align: top;
     }

.class_description {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
	line-height: 17px;      
    margin-top: 0;
    vertical-align: top;
     }

.class_notes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;      
    margin-top: 0;
    vertical-align: top;
     }
	
.class_title	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:	bold;
	color: 0095a7;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing: normal;
	line-height: 26px;
	text-transform:	none;
	}	
	
.class_title_sp	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight:	bold;
	color: #ef7f15;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing: normal;
	line-height: 17px;
	text-transform:	none;
	}
	
.class_time          { font-size: 12px; font-weight: normal; line-height: 17px;}
.class_session       { font-size: 12px; font-weight: bold; line-height: 17px;}
.class_what_to_bring {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}
.class_addtn_description       {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.class_full       {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #990000;
}

.class_level       {
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
}

.class_instructor          
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	margin-top: 0;
}
.class_instructor A:link		{
	text-decoration: none;
	color:	#025360;
	font-weight: bold;
}	
.class_instructor A:visited	{
	text-decoration: none;
	color:	#025360;
	font-weight: bold;
}	
.class_instructor A:hover	{
	text-decoration: underline;
	color:	#0077a3;
	font-weight: bold;
}

.class_instructor A:active	{
	text-decoration: none;
	color:	#025360;
	font-weight: bold;
}

.class_instructor_quick          { font-size: 12px; font-weight: normal; }
A.class_instructor_quick:link		{ text-decoration: none;	color:	#025360;}	
A.class_instructor_quick:visited	{ text-decoration: none;	color:	#025360;}	
A.class_instructor_quick:hover	{ text-decoration:underline;	color:	#0077a3;}
A.class_instructor_quick:active	{ text-decoration: none;	color:	#025360;}
		
H2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:	18px;
	font-weight: bold;
	color: #0095a7;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border: solid 0px green;
	margin-bottom: 0px;
}	
		
H3	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	14px;
	color: #333333;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
	

IMG, A IMG {border: none;} /* was z-index: 1 */

TABLE td { vertical-align: top; }

HR {margin-top: 0px; margin-bottom: 10px;}
.hrule {color: #1B2878; height: 1px;}

/* div {margin-left:auto ; margin-right:auto }   These 2 statement cause the site to be */
/* table {margin-left:auto ; margin-right:auto}  centered in all browsers */


/* HYPERLINK STYLES -----------------------------------------------------------------*/

/* default link 458dc3 */
A:link			{ text-decoration: none; color:#025360;}
A:visited		{ text-decoration: none; color:#025360;}
A:hover			{ text-decoration: underline; color:#0077a3;}
A:active		{ text-decoration: none; color:#025360;}


.home           { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }
A.home:link		{ text-decoration: none;	color:	#cccccc;}	
A.home:visited	{ text-decoration: none;	color:	#cccccc;}	
A.home:hover	{ text-decoration: none;	color:	#358ccc;}
A.home:active	{ text-decoration: none;	color:	#cccccc;}	


A.rev:link			{ text-decoration: none;	color:	#333333;}	
A.rev:visited		{ text-decoration: none;	color:	#333333;}	
A.rev:hover			{ text-decoration: none;	color:	#1B2878;}
A.rev:active		{ text-decoration: none;	color:	#333333;}	

A.revlt:link		{ text-decoration: none;	color:	#666666;}	
A.revlt:visited		{ text-decoration: none;	color:	#666666;}	
A.revlt:hover		{ text-decoration: none;	color:	#358ccc;}
A.revlt:active		{ text-decoration: none;	color:	#666666;}	


.homehdr            {font-size:	18px; font-family: Arial, Helvetica, sans-serif;  font-weight: bold;   color: #ffffff; display: block;  line-height:15px;}
.homehdr a:link		{ text-decoration: none;	color:	#ffffff;}	
.homehdr a:visited	{ text-decoration: none;	color:	#ffffff;}	
.homehdr a:hover	    { text-decoration: none;	color:	#ffffff;}
.homehdr a:active	{ text-decoration: none;	color:	#ffffff;}	

/* #pgmiddle A:link		{ text-decoration: none; font-weight: normal; color:	#9e54a3;}	
#pgmiddle A:visited		{ text-decoration: none; font-weight: normal; color:	#9e54a3;}	
#pgmiddle A:hover		{ text-decoration: underline; font-weight: normal; color:	#458dc3;}
#pgmiddle A:active		{ text-decoration: none; font-weight: normal; color:	#9e54a33;}	

#pgmiddle td A:link			{ text-decoration: none; font-weight: bold; color:	#9e54a3;}	
#pgmiddle td A:visited		{ text-decoration: none; font-weight: bold; color:	#9e54a3;}	
#pgmiddle td A:hover		{ text-decoration: underline; font-weight: bold; color:	#458dc3;}
#pgmiddle td A:active		{ text-decoration: none; font-weight: bold; color:	#9e54a3;}	*/

A.red:link			{ text-decoration: none; font-weight: bold; color:	#ff0000;}	
A.red:visited		{ text-decoration: none; font-weight: bold; color:	#ff0000;}	
A.red:hover		{ text-decoration: underline; font-weight: bold; color:	#ff0000;}
A.red:active		{ text-decoration: none; font-weight: bold; color:	#ff0000;}	


/* MASTER PAGE Section ID Styles ----------------------------------------------------*/

#pagetbl {padding: 0px; border: solid 0px purple;
    margin-left:auto ; margin-right:auto;  /* centers the site on the page for all browswers */}
         

#siteheader {
     background-color: #ffffff; width: 960px;
     border: solid 0px yellow;
     padding-bottom: 0px;
     }

#sitefooter {
	background-color: #dbdbc9;
	width: 960px;
	padding-bottom: 0px;
	border-top-color: #1896a7;
	border-top-style: solid;
	border-top-width: thick;
     }

#sitefooter table { border: solid 0px green; padding-left: 10px; }
                    
#sitefooter table td { font-family: Arial; font-size: 10px; font-weight: normal;}

#pagecore {
	background-color: #ffffff;
	border: solid 0px yellow;
	width: 960px;
	margin: 0px;
	padding: 0px;
}

#sectionheader { height: 130px;
     padding: 0px;
      background-color: #ffffff; 
      border: solid 0px red;          }

.sectiontitle { position: relative; bottom: 40px; left: 20px;
                font-family: Arial, Helvetica, Sans-Serif; font-size: 28px; color: White; border: solid 0px red;
                 z-index: 0; }
                
#pgmain { border: solid 0px blue; 
        padding-top: 0px; }

/* LEFT SIDE STYLES ----------------------------------------------------------------- */

#pgleft {
	width: 173px;
	background-color: #1896a7;
	background-image: url(http://www.yjevents.com/florida/images/fl10_background_left.gif);
	text-align: left;
	border: solid 0px blue;
	background-repeat: no-repeat;
	padding: 0px;
	top: 0px;
	background-position: top;
	text-indent: 0px;
	margin: 0px;
         }

#pgteacher {
	width: 173px;
	background-color: #1896a7;
	background-image: url(http://www.yjevents.com/florida/images/fl10_background_left.gif);
	text-align: left;
	border: solid 0px blue;
	background-repeat: no-repeat;
	padding: 0px;
	top: 0px;
	background-position: top;
	text-indent: 0px;
	margin: 0px;
         }
		 
.pgteacher {
	background-position: top;
	text-indent: 0px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 20px;
	text-transform: none;
	word-spacing: normal;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 100px;
         }

		 
#pgleft_homepage {
	width: 173px;
	background-color: #1896a7;
	background-image: url(http://www.yjevents.com/florida/images/fl10_background_left.gif);
	text-align: left;
	border: solid 0px blue;
	background-repeat: no-repeat;
	padding: 0px;
	top: 0px;
	background-position: top;
	text-indent: 0px;
	margin: 0px;
         }
		 
.pgleft_text {
	background-position: top;
	text-indent: 0px;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 20px;
	text-transform: none;
	word-spacing: normal;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 100px;
         }

a.pgleft_text:link {color: #FFFFFF; text-decoration: none;}
a.pgleft_text:visited {color: #FFFFFF; text-decoration: none;}
a.pgleft_text:hover {color: #96cad4; text-decoration: none;}
a.pgleft_text:active {color: #FFFFFF; text-decoration: none;}

#pgmiddle {
	width: 787px;
	text-align: left;
	border: solid 0px red;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#pgmiddle_home {
	width: 787px;
	text-align: left;
	border: solid 0px red;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#special_events {
	width: 720px;
	text-align: left;
	border: 1px dashed #01824a;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #ececec;
}

#pgmiddle_teacher {
	width: 787px;
	text-align: left;
	border: solid 0px red;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#pgmiddle table {width: 443px;}

      
#pgrighthdr {padding-bottom: 10px;}


/* TOP NAVIGATION STYLES ----------------------------------------------------------------- */

#menubar{ background-color: #818176; width:960px; height: 28px;  }
		  
#nxnav { border: solid 0px green; height: 28px; width: 960px;}

#nxnav ul li { list-style-image: none;}

div#nxnav div { float: left; left: 0px; top: 0px; position: relative; z-index: 5; }

.navcell {
	background-color: #818176;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	height: 27px;
	background-image: none;
	border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #dbdbc9;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	}

.navcell_left {
	background-color: #818176;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	height: 27px;
	background-image: none;
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
	text-align: center;
	}

a.navcel:link {color: #ffffff; text-decoration: none;}
a.navcel:visited {color: #ffffff; text-decoration: none;}
a.navcel:hover {color: #ececec; text-decoration: underline;}
a.navcel:active {color: #ffffff; text-decoration: none;}


#listnav ul {border: solid 0px red; margin: 0px; width: 218px; padding: 0px; }

#listnav ul li {list-style-image: none;}