@charset "utf-8";
/* CSS Document */



/* Main Elements */
body {
	background: #f1e4fc url("images/bg.gif") repeat-x;	
}
* {
	margin: 0; padding: 0;
}
.clear {
	clear: both; 
}
#container {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
/* End Main Elements */

/* Header Elements */
	#header {
	width:800px;
	height:113px;
	margin-right: auto;
	margin-left: auto;
	}
		#header h1 {
			background: url("images/logo.gif") no-repeat;
			width:399px;
			height:113px;
			float:left;
		}
			#header h1 a {
				width: 451px;
				height: 113px;
				display: block;
				text-indent: -10000px;
				outline: none;
			}
		#header #right {
			float:right;
			margin-top:28px;
			
		}
		#header h2 {
			text-align:right;
			font-family: Georgia;
			font-size: 16px;
			color: #666666;
			margin-top: 46px;
			margin-right: 8px;					
		}
		#header ul {
			text-align:left;
			list-style:none;
			font-family: Georgia;
			font-size: 11px;
			color: #4E0080;
			padding-right:0px;
			padding-top:13px;
			padding-bottom:10px;
		}
			#header ul li {
				padding-left:5px;
				ppadding-right:6px;
				float:right;
				font-family: Georgia;
				font-size: 11px;
				color: #4E0080;
				ffont-weight:bolder;
			}
				#right ul li a {			
					float:left;
					color: white;
					text-decoration:none;
					background:#D2B0E9;
					padding:3px 7px 2px 7px;
					
				}
					#right ul li a:hover {
					text-decoration:underline;
					background:#A47BC0;					
					}
/* End Header Elements */
#nav {
	list-style: none;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 735px;
	height: 31px;
	color: #ffffff;
	font-family: Georgia;
	font-size: 16px;
	z-index:600;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
  float: left;
  position: relative;
  text-align: left;
  padding-top:7px;
  z-index:600;  
}
#nav li.school { 
	background: url("images/navigation_01.gif") no-repeat; 
	width: 61px;
	height: 31px;
    z-index:600;  	
}
#nav li.school:hover { background: url("images/nav_hover_01.gif") no-repeat; }
#nav li.workshops { 
	background: url("images/navigation_02.gif") no-repeat;
	width: 98px;
	height: 31px;
}
#nav li.workshops:hover { background: url("images/nav_hover_02.gif") no-repeat; }
#nav li.certification { 
	background: url("images/navigation_03.gif") no-repeat;
	width: 104px;
	height: 31px;
}
#nav li.certification:hover { background: url("images/nav_hover_03.gif") no-repeat; }
#nav li.legacy { 
	background: url("images/navigation_04.gif") no-repeat;
	width: 136px;
	height: 31px;
}
#nav li.legacy:hover { background: url("images/nav_hover_04.gif") no-repeat; }
#nav li.dance { 
	background: url("images/navigation_05.gif") no-repeat;
	width: 124px;
	height: 31px;
}
#nav li.dance:hover { background: url("images/nav_hover_05.gif") no-repeat; }
#nav li.articles { 
	background: url("images/navigation_06.gif") no-repeat;
	width: 90px;
	height: 31px;
}
#nav li.articles:hover { background: url("images/nav_hover_06.gif") no-repeat; }
#nav li.olclasses { 
	background: url("images/navigation_09.gif") no-repeat;
	width: 105px;
	height: 31px;
}
#nav li.olclasses:hover { background: url("images/nav_hover_09.gif") no-repeat; }


#nav li.store { 
	background: url("images/navigation_07.gif") no-repeat;
	width: 46px;
	height: 31px;
}
#nav li.store:hover { background: url("images/nav_hover_07.gif") no-repeat; }

#nav li.blog { 
	background: url("images/navigation_08.gif") no-repeat;
	width: 55px;
	height: 31px;
}
#nav li.blog:hover { background: url("images/nav_hover_08.gif") no-repeat; }

#nav li ul { margin-top:15px; }
#nav li ul li {
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-top:0;
	font-size: 11px;
}
#nav a {
	text-decoration: none;
	display: block;
	color: #ffffff;
}
#nav a:hover {
	text-decoration: none;
	display: block;
	color: #440d62;
}
#nav li:hover,#nav li.jshover { background-color: #f1e4fc; }
#nav li ul {
	display: none;
	position: absolute;
	top: 15px;
	left: 0;
	background-color: #bd97d6;
	border-bottom: 1px solid #fff;
	width: 159px;}
#nav li li a {
  text-align: left;
  width: 147px;
  line-height: 15px;
  background: none;
  padding: 3px 5px;
}
#nav li:hover ul,#nav li.jshover ul { display: block; }
#nav li:hover li ul,#nav li.jshover li ul {
  display: none;
  left: 158px;
  top: -18px;
}
#nav li:hover li:hover ul,#nav li.jshover li.jshover ul { display: block; }
         
/* End Navigation Elements */

/* Content Elements */
	#content {
		width:799px;
		margin-right:auto;
		margin-left:auto;
	}

	#slideshow {
		width:560px;
		height:400px;
		float:left;
		margin-right:1px;
	}
	#preview {
		z-index:-500;
		z-index:1;
	}

	#content #right1 {
		font-family: Georgia;
		font-size:11px;
		color:#113852;
		float:right;
	}
	#content #right1 a{
		font-family: Georgia;
		font-size:11px;
		font-weight:bold;
		color:#113852;

	}
	#content #right1 a:hover{
		font-family: Georgia;
		font-size:11px;
		font-weight:bold;
		color:#7c42a4;
		text-decoration:underline;

	}
		#content #right1 #one {
			background-color:#a47bc0;
			width:220px;
			height:53px;
			padding-left:18px;
			padding-top:10px;
		}
		#two {
			width:151px;
			height:73px;
			padding-left:87px;
			padding-top:12px;
		}
		#three, #four, #five {
			width:151px;
			height:72px;
			padding-left:87px;
			padding-top:12px;
		}
		#two {background: url("images/two.gif") no-repeat;}
		#three {background: url("images/three.gif") no-repeat;}
		#four {background: url("images/four.gif") no-repeat;}
		#five {background: url("images/five.gif") no-repeat;}
	#break {
		background: url("images/break.gif") no-repeat;
		margin-left: auto; 
		margin-right: auto;
		width: 799px;
		height: 26px;
	}
/* End Content Elements */

/* Subpage Elements */
	#subpage {
		width:758px;
		background: #d8cee2;
		margin-left:auto;
		margin-right:auto;
		padding-left:21px;
		padding-right:21px;
		padding-top:16px;
		padding-bottom:16px;
	}
	#space {
		height:5px;
	}
		#content #suhaila {
			padding-left:14px;
			float:left;
			width:238px;
			height:365px;
			background: url("images/pages/workshops_visitors.jpg") no-repeat;
		}
		#content #suhaila2 {
			float:left;
			padding-left:0px;
			padding-right:10px;
			text-align:left;
		}
		#content #suhaila2 img{

		}
		#content #right_subpage {
			float:left;
			width:450px;
			padding-left:28px;
			padding-right:28px;
			padding-top:23px;
			padding-bottom:23px;
			background: #ffffff;
		}
		#content #just_subpage {
			float:left;
			width:688px;
			padding-left:28px;
			padding-right:28px;
			padding-top:23px;
			padding-bottom:23px;
			background: #ffffff;
		}
		#content #just_subpage img{
		padding-left: 10px;
			
		}
		#content #just_subpage h3{
		color:#993399;
		font-size:22px;
		font-weight:bold;
			
		}
			#content a {
                color: #62727d;
                }
			#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	color:#8576b7;
			}
			#content h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-weight:normal;
	color:#8576b7;
	padding-bottom:4px;
			}
			#subpage p {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
				color:#5b5b5b;
				padding-bottom:18px;
				text-align:justify;
			}
			#content ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#5b5b5b;
	padding-bottom:18px;
	padding-left:18px;
	padding-top: 0px;
			}
			#content dd {
				padding-left: 20px;
			}
			#content #classch{
				border: 0px;
                border-spacing: 3px;
                text-align: center;
                padding: 0px;
                vertical-align: center;
				font-family:Georgia, "Times New Roman", Times, serif;
			}
			#content #classch th {
				font-size:12px;
				color:#ffffff;
                width: 123px;
                height: 21px;
                background: #a27bb8;
			}
			#content #classch td {
				font-size:11px;
				color:#5b5b5b;
                width: 123px;
                height: 70px;
                background: #d8cee2;
			}
			#content .worksch {
				border: 0px;
                border-spacing: 0px;
                padding: 10px;
				color:#5b5b5b;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
                background: transparent;
			}
			#content .worksch td {
                vertical-align: middle;
			}
			#content .certif {
				border: 0px;
                border-spacing: 0px;

                padding: 10px;
                vertical-align: top;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:12px;
                background: transparent;
			}
			#content .certif td {
                vertical-align: top;
			}
			#content .col1 {
                width: 200px;
			}
			#content .col2 {
                width: 300px;
			}
			#content .col3 {
                width: 180px;
			}
			#content .col4 {
                width: 480px;
			}
			#content .col5 {
                width: 100px;
			}
			#content .col6 {
                width: 340px;
			}
			#content .col7 {
                width: 140px;
			}
			#content .worksch .row1st {
				color:#ffffff;
                background: #666666;
                font-weight: bold;
			}
			#content td{
                padding: 5px;
			}
			.ftrt {
				float: right;
                margin-left: 10px;
			}
			.ftlt {
				float: left;
                margin-right: 10px;
			}
			.cutin {
				width: 175px;
                height: 75px;
			}
            
/* End Subpage Elements */

/* Banner Elements */
	#banners {
		width:799px;
		height:124px;
		margin-left:auto;
		margin-right:auto;
	}
		#banners a {
			float:left;
		}

/* End Banner Elements */

/* Footer Elements */
	#footer {
		background: url("images/footer.gif") repeat-x;
		height:81px;
		text-align: center;
	}

				#footer a {
					font-weight:bold;
					color: #62727d;
					text-decoration:none;
					padding-left:2px;
					padding-right:2px;
				}
					#footer a:hover {
					text-decoration:underline;
					}
		#footer p {
				clear:both;
				font-family:Georgia;
				font-size: 11px;
				color: #62727d;
				padding-top:13px;
				text-align:center;
		}
/* End Footer Elements */
.style1 {
	color: #8576b7;
	font-weight:normal;
	font-size: 20px;
	font:Georgia, "Times New Roman", Times, serif;
}

.style2 {
	color: #993366;
	font-size:18px;
}

.style3{color:#807BB3; font-weight:normal; font-size:20px;}
.p-normal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #5b5b5b;
	text-align: justify;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}
.sub-heading-a {font-family:'Georgia','serif'; 
font-size:17pt; 
color:#8279B5; 
maring-bottom:52px;
font-style:italic;
font-weight:bold;
}
.right-side-box-container {
	float: right;
	width: 178px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-top: 6px;
}

.right-side-box-a {
	height: 60px;
	width: 150px;
	border: 5px solid #8576B7;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #5b5b5b;
	text-decoration: none;
	float: right;
	padding: 8px;
	text-align: center;
	margin-bottom: 6px;
}
.right-side-box-a a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #5b5b5b;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.right-side-box-a a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #2E1510;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}