* {
	scrollbar-face-color: #d4d4d4;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: #d4d4d4;
	scrollbar-darkshadow-color: #d4d4d4;
	scrollbar-track-color: #ebebeb;
	scrollbar-arrow-color: #9c9c9c;
}
body, html {
	font: 11px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	background-color:transparent;
}
#wrapper {
width: 100%; height: 100%; border:0px; cell-padding: 0; margin: 0; padding: 0; border-collapse:collapse;
}
#bgleft {
	background-image: url(../images/bg_left.gif); 
}
#bgright {
	background-image: url(../images/bg_right.gif); 
}
#bgtop {
	width:759px;
	height:15px;
	background-image: url(../images/bg_top.gif);
}
#tdholder {
	background-image: url(../images/bg_btm.gif); 
	vertical-align: top;
	width: 759px;
	text-align: left;
	padding: 0;
}
#tdtop {
	vertical-align: top;
	text-align: left;
	padding: 0px;
}

#holder {
	margin: 0 auto 0 auto;
	padding: 0;
	border-collapse:collapse;
}
/*INDEX MIDDLE DIV HOLDERS*/
#headerM {
	width:759px;
	height:102px;
	border:0px; 
	margin: 0px;
	padding: 0px;
	background-image: url(../images/aradia_logo.jpg);
}
#middleM {
	width:759px;
	height:495px;
	border:0px; 
	margin: 0px;
	padding: 0px;
	background-image: url(../images/aradia_bg.jpg);
}
#bottomM {
	width:759px;
	height:35px;
	border:0px; 
	margin: 0px;
	padding: 0px;
	background-image: url(../images/aradia_bottom.jpg);
}
/*------------------------------------------*/

#middle {
	width:759px;
	height:500px;
	border:0px; 
	margin: 0px;
	padding: 0px;
}
#bottom {
	font: 9px Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; 
	color: #c69cb1;
	width:759px;
	height:35px;
	border:0px; 
	margin: 0px;
	padding: 6px 0px 0px 15px;
	vertical-align: middle;
}
#bottom a:link { 
	color: #c69cb1;
	text-decoration: none;
	font-weight: none;
}
#bottom a:visited { 
	color: #c69cb1;
}
#bottom a:hover, #bottom a:active, #bottom a:focus {  
	color: #704b83;
}

/*INDEX CONTENT DIV HOLDERS*/

#content {
	width:759px;
	text-align: left;
	margin: 0 0 0 20px;
	padding: 0;
}
#calls {
	width:759px;
	height: 105px;
	text-align: left;
	border: 0; 
	margin: 0 0 0 15px;
	padding: 0;
}
#callBox {
	font: 9px Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; 
	color: #3d3d3d;
	line-height: 10px;
	width: 221px;
	height: 68px;
	float: left;
	padding: 5px 7px 0px 8px;
	margin: 0 0 0 5px;
	background-image:url(../images/call_bg.gif);
}
.callImages  {
	border-color:#FFFFFF;
	padding: 0 5px 0 0;
}
.discover a {
	display:block;
	width: 98px;
	height:10px;
	float: right;
	vertical-align: bottom;
	padding:0;
	margin:0;
	background: url("../images/btn_discover.gif") 0 0 no-repeat;
}
.discover a:hover { 
	background-position: 0 -14px;
}

/*------------------------------------------*/

#fran {
	font-family: georgia;	
	font-size:10px;
	color:#dad1d2;
	vertical-align:	text-bottom;
	text-align: right;
	margin: 33px 10px 0 0;
	padding: 0;
	line-height: 15px
}
#fran a:link { 
	font-family: Lucida Sans Unicode;	
	color: #dad1d2;
	text-decoration: none;
}
#fran a:visited { 
	font-family: Lucida Sans Unicode;	
	color: #dad1d2;
}
#fran a:hover, #fran  a:active, #fran a:focus {  
	color: #967175;
}

select {
	color: #781351;
	background: #e1b7ad;
	border: 1px solid #68596b
}


/* NAVIGATION */

#menu { padding:11px 0 0 11px;}
#menu li { float:left; list-style:none;	margin:0; padding:0;}
#menu ul { float:left; list-style:none;	margin:0; padding:0;}

#home a{ height:21px; width:60px; display:block; background:url(../images/nav/home.gif) no-repeat;
}
#home a:hover, #home a:active{
	background-position:bottom;
}
#home{ height:21px;	width:60px;	margin:0 0 0 0; 
}
#about a{ height:21px; width:89px; display:block; background:url(../images/nav/about.gif) no-repeat;
}
#about a:hover, #about a:active{
	background-position:bottom;
}
#about{	height:21px; width:89px; margin:0 0 0 0;
}

#classes a{ height:21px; width:74px; display:block; background:url(../images/nav/classes.gif) no-repeat;
}
#classes a:hover, #classes a:active{
	background-position:bottom;
}
#classes { height:21px; width:74px; margin:0 0 0 0;
}
#schedule a{ height:21px; width:91px; display:block; background:url(../images/nav/schedule.gif) no-repeat;
}
#schedule a:hover, #schedule a:active{
	background-position:bottom;
}
#schedule{	height:21px; width:91px; margin:0 0 0 0;
}
#parties a{ height:21px; width:73px; display:block; background:url(../images/nav/parties.gif) no-repeat;
}
#parties a:hover, #parties a:active{
	background-position:bottom;
}
#parties{	height:21px; width:73px; margin:0 0 0 0;
}
#shop a{ height:21px; width:55px; display:block; background:url(../images/nav/shop.gif) no-repeat;
}
#shop a:hover, #shop a:active {
	background-position:bottom;
}
#shop{	height:21px; width:55px; margin:0 0 0 0;
}
#community a{ height:21px; width:115px; display:block; background:url(../images/nav/community.gif) no-repeat;
}
#community a:hover, #community a:active{
	background-position:bottom;
}
#community{	height:21px; width:115px; margin:0 0 0 0;
}
#media a{ height:21px; width:65px; display:block; background:url(../images/nav/media.gif) no-repeat;
}
#media a:hover, #media a:active{
	background-position:bottom;
}
#media{	height:21px; width:65px; margin:0 0 0 0;
}
#contact a{ height:21px; width:80px; display:block; background:url(../images/nav/contact.gif) no-repeat;
}
#contact a:hover, #contact a:active{
	background-position:bottom;
}
#contact {	height:21px; width:80px; margin:0 0 0 0;
}
/* --------------------------------------------- */

#submenu {  
	text-align: right;
	font: 11px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	color: #8c182b;
	padding:0;
	margin: 26px 28px 0 0px;
}
#submenu a:link { 
	color: #8c182b;
	text-decoration: none;
	font-weight: none;
}
#submenu a:visited { 
	color: #8c182b;
}
#submenu a:hover, #bottom a:active, #bottom a:focus {  
	color: #d17483;
}

#left {
	width: 250px;
	float: left;
	padding: 0 0 0 0;
}
#leftImage {
	width: 245px;
	height: 264px;
	float: left;
	padding: 7px 0 0 7px;
	margin: 0;
	background:url(../images/image_bg.gif) no-repeat;
}
#leftTitle {
	width: 245px;
	height: 15px;
	float: left;
	padding: 0;
	margin: 266px 0 0 -247px;
}
#rightTextScroll2 {
	margin: 0 0 0 10px;
	padding: 0 15px 0 0;
    text-align: justify;
	height: 301px; width: 442px; 
	overflow: auto;
	float: left;
}
#rightTextScroll {
	margin: 0 0 0 10px;
	padding: 0 15px 0 0;
    text-align: justify;
	height: 290px; width: 690px; 
	overflow: auto;
	float: left;
}
#rightText {
	margin: 0 0 0 263px;
	padding: 0 15px 0 0;
    text-align: justify;
}
#rightText a {
	color: #8c182a;
	text-decoration: none;
}
#rightText a:hover {	
	color: #d17483;
}
#rightText a:active {
	color: #000000;
}

#leftImageIns {
	width: 110px;
	height: 135px;
	float: left;
	padding: 7px 0 0 7px;
	margin: 0;
	background:url(../images/instructors_bg.gif) no-repeat;
}
#rightTextIns {
	margin: 0 0 0 125px;
	padding: 0 15px 0 0;
    text-align: justify;
}

/* CLASSES MENU */
#classesMenuH {
	width: 331px;

	float: left;
	padding:2px 0 2px 5px;
	margin: 0;
}
#classesMenu a {
	font: 11px Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	height: 18px;
	color: #FFFFFF;
	display:block;
	padding:1px 0 1px 5px;
	background: url("../images/classes_button.gif") 0 0 no-repeat;
	text-decoration: none;
}
#classesMenu a:hover {	
	background-position: 0 -20px;
	color: #000000;
}
#classesMenu a:active {
	background-position: 0 -40px;
	color: #FFFFFF;
}

#classesText {
	margin: 0 0 0 5px;
	padding: 12px 15px 13px 13px;
    text-align: justify;
	background-image:url(../images/classes_bg.gif);
	height: 256px; 
	width: 350px; 
	overflow: auto;
}
.classesReg a {
	display:block;
	width: 94px;
	height:30px;
	float: left;
	vertical-align: bottom;
	padding:0;
	margin:0;
	background: url("../images/classes_register.gif") 0 0 no-repeat;
}
.classesReg a:hover { 
	background-position: 0 -30px;
}
/* ------------------------------------------------------------------------------------ */


/* GALLERY MENU */
#gallery_holder {
	width: 274px;
	float: left;
	padding:0;
	margin: 0;
	height: 325px; 
	overflow: auto;

}
#gallery_pics {
	width: 53px;
	height: 50px;
	float: left;
	padding:5px 3px 5px 5px;
	margin: 0;
	background: url("../images/gallery_bg.gif") 0 0 no-repeat;
}
#galleryPics {
	margin: 3px 0 0 277px;
	padding: 8px 0px 0px 8px;
    text-align: justify;
	background:url(../images/gallerypic_bg.gif) no-repeat;
	height: 325px; 
	width: 431px; 
}
/* --------------------------------------------------------------------------------------- */
/* ------------------------------------------SCHEDULE INFO--------------------------------------------- */
#scheduleHolder {
	width: 680px;
	padding: 0 15px 0 0;
}
.calendar {
	border-collapse: collapse;
	border: 1px solid #FFFFFF; 
	background-color: #f0ecf1;
}
#calendar td {
	vertical-align:top;
	padding: 2px;
}
#calendardate {
	font: 11px Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; 
	color: #951201;
	width: 673px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 12px 7px 1px 0;
	text-align: right;
	background:url(../images/schedule_calendar.jpg) no-repeat;
}
.calendar td {
	border: 1px solid #FFFFFF; padding: 0;
}
.daysNumber {
	font: 11px Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
	color: #6b4179;
	width: 14%;
	height: 30px;
	padding: 10px;
}
.daysNumber a {
	font: 9px Arial, Helvetica, sans-serif; 
	color: #000000;
}
.days {
	background-color:#d8cedd;
	text-align: center;
	color: #6b4179;
	width: 14%;
	height: 17px;
}
#scheduleBottom {
	width: 673px;
	margin: 0 0 0 0;
}

/* --------------------------------------------------------------------------------------- */
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}

BR {line-height: 10px;}

a:link, a:visited {text-decoration: none; color: #8c182a;}
a:hover, a:active {text-decoration: none; color: #d17483;}

.titles {font-size: 12px; color: #8c182a;}
.red {font-size: 10px; color: #8c182a; line-height: 10px}
.blackf {font-family: Lucida Sans Unicode; font-size: 11px; color: #000000;}
.purpleB {font-size: 12px; color: #6b4179;}
.purple {font-size: 12px; color: #74326a;}

.big {font-size: 14px; font-family: Times New Roman, helvetica, sans-serif;color: #f8e8f0; font-weight: normal; letter-spacing:1px}
.big2 {font-size: 14px; font-family: Times New Roman, helvetica, sans-serif;color: #704b83; font-weight: normal;}
.normal {font-size: 10px; font-family: arial, helvetica, sans-serif;color: #f8e8f0; font-weight: normal;}
.fontaddress { font-size: 12px}


.maincontent2 {font-size: 11px; font-family: arial, helvetica, sans-serif;color: #59646c}

.address {font-size: 8px; font-family: arial, helvetica, sans-serif; line-height:10px}

.dark_link {font-size: 11px; font-family: arial, helvetica, sans-serif; color: #a00e0e}
.dark_link A:link {text-decoration: none; color: #a00e0e;}
.dark_link A:visited {text-decoration: none; color: #a00e0e;}
.dark_link A:hover {text-decoration: none; color: #c69cb1;}
.dark_link A:active {text-decoration: none; color: #a00e0e;}

.scrollbody {height: 329px; width: 714px; overflow: auto; padding: 0 5px 0 0;}
.scrollClass {height: 265px; width: 352px; overflow: auto; padding: 0 17px 0 0;}

.highlight img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
.highlight:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6; }


#fran_city
{
	width: 1px;
	height: 1px;
	border: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/cities/penatang.png",sizingMethod="image");
}
html>body #fran_city
{
	width: 204px;
	height: 22px;
	border: 0px;
	background-color: transparent;
}

#list {list-style-image: url('../images/arrow.gif');}
#test {margin: 0 0 0 15px;}

#block {
	width: 675px;
	margin: 0;
	padding: 0 0 0 7px;
	text-align: justify;
}
