/* CSS for Drama Kids */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 80% verdana, geneva, sans-serif;
	background: url("/images/body-bg.gif");
}
h1 {
	color: #252669;
	font-size: 1.5em;
	margin: 0 0 10px 0;
}
h2 {
	color: #059105;
	font-size: 1.3em;
	margin: 35px 5px 10px 0px;
	/*border-bottom: solid 1px #cccccc;*/
}
h3 {
	color: #599763;
	font-size: 1.1em;
	margin: 20px 0px 8px 0px;
}
input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 0 0 0 30px; }


.l { float: left; }
.r { float: right; }
.clear { clear: both; }

.m-tb-5 { margin: 5px 0; }
.m-tb-10 { margin: 10px 0; }
.m-t-10 { margin: 10px 0 0 0; }
.m-b-20 { margin: 0 0 10px 0; }

.b { font-weight: bold; }
.strong { font-weight: 600; }
.no-b { font-weight: normal; }
.u { text-decoration: underline; }
.no-u { text-decoration: none; }
.i { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .9em; }
.large { font-size: 1.2em; }
.t-c { text-align: center; }
.red { color: #d03940; }
.d-blue { color: #252669; }
.blue { color: #343594; }
.orange { color: #f77f02; }
.teal { color: #10a58e;}
.green { color: #059105; }
.violet { color: #990099 ;}
.l-red{ color: #d03a41; }

#star-bg-holder{
	width: 849px;
	margin: 0 auto;
	text-align: center;
}
#star-bg{
	height: 341px;
	background: url("/images/star-bg.png") no-repeat center;
	position: relative;
	left: -93px;
}

#main{
	width: 100%;
	position: absolute;
	margin: 0 auto 27px auto;
	top: 26px;
	z-index: 50;
	font-family: Arial, sans-serif;
}

#content{
	width: 849px;
	background: url("/images/main-bg.png") repeat-y;
	margin: 0 auto;
}
#shadow-t{ 
	width: 849px;
	background: url(/images/main-top.png) no-repeat;
	height: 27px;
	margin: 0 auto;
	position: relative;
	left: 2px;
}

a, a.link, a.visited{
	font-weight: bold;
	color: #d03940;
}
a:hover{
	color: #252669;
}
a.external{
	padding-left: 15px;
	background: url(/images/up-arrow.png) left no-repeat;
}
a.pdf{
	padding-left: 15px;
	background: url(/images/pdf.png) left no-repeat;
}

/* Header Items -------------------------------------------------------- */
#header{
	height: 178px;
  margin: 0 26px;
}

.h-index{	background: url("/images/index-h-bg.jpg") no-repeat;}
.h-int{	background: url("/images/index-h-bg.jpg") no-repeat;}
#logo{
	width: 300px;
	height: 236px;
	position: absolute;
	z-index: 80;
	margin: 0 0 0 76px;
	top: -23px;
}
#logo img { border: none; }
#logo a{
	position: relative;
	display: block;
	width: 300px;
	height: 236px;
	z-index: 90;
	text-decoration: none;
	background: url("/images/header-logo.png") no-repeat;
}

#child{
	width: 254px;
	height: 228px;
	background: url("/images/header-child.png") no-repeat;
	position: absolute;
	z-index: 60;
	margin: 0 0 0 450px;
	top: -23px;
}
#kids{
	width: 501px;
	height: 218px;
	background: url("/images/header-kids.png") no-repeat top left;
	position: absolute;
	z-index: 60;
	margin: 0 0 0 350px;
	top: -13px;
}
#redbar{
	width: 460px;
	height: 39px;
	background: url("/images/header-redbar.png") repeat-x;
	position: absolute;
	z-index: 70;
	margin: 0 0 0 363px;
	top: 150px;
}
#redbar img { 
	position: relative; 
	left: 40px;
	top: 5px;
}
a#star{
	width: 184px;
	height: 132px;
	background: url("/images/header-star.png") repeat-x;
	position: absolute;
	z-index: 100;
	margin: 0 0 0 725px;
	top: -20px;
}
a#star:hover{
	
	background: none;
}
a#star img{
	visibility: hidden;
}
a#star:hover img{
	visibility: visible;
}

/* Nav elements -----------------------------------------------------*/
#nav{
	width: 800px;
	height: 43px;
	margin: 0 auto;
	position: relative;
	left: -1px;	
}

.nav-main{ background: url("/images/nav-bg.gif");}
.nav-franc{ background: url("/images/nav-bg-franc.gif");}

#nav ul { /* all lists */
	padding: 13px 0 0 0;
	margin: 0 0 0 30px;
	list-style: none;
	line-height: 1;
	font-size: 1.2em;
}

#nav a {
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	padding: 0 0 15px 0;
}
	/* width needed or else Opera goes nuts */
.nav-xs{width: 6em; }
.nav-s{ width: 7.5em;}
.nav-m{ width: 9em; }
.nav-ml { width: 11em; }
.nav-l{ width: 12.5em; }

#nav li ul { /* second-level lists */
	position: absolute;
	background: #292966;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 15px 0 0 -2px;
	padding: 0px;
	font-size: .8em;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}



#nav li ul li a{
	display: block;
	text-decoration: none;
	padding: 5px;
	border: 1px solid #fff;
}

#nav li ul li a:hover{
	color: #fff;
	text-decoration: none;
}
#nav li ul li a.n-red:hover{ background: #d03940;}
#nav li ul li a.n-teal:hover{ background: #10a58e;}
#nav li ul li a.n-violet:hover{ background: #990099;}
#nav li ul li a.n-orange:hover{ background: #f77f02;}
#nav li ul li a.n-green:hover{ background: #059105;}

#nav li ul li { 
	padding: 0px;
	margin: 0;
}

#nav a:hover{ text-decoration: underline; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



#columns{ 
	background: #fff url("/images/left-col-bg.gif") repeat-y left;
	width: 800px;
	margin: 0 0 0 24px;	
}


/* Left Column -----------------------------------------------------*/
#left-col{
	width: 571px;
	float: left;
	padding: 10px 0 0 0;
}

#left-copy{
	width: 520px;
	float: left;
	margin-left: 10px;
}
#left-copy-home{
	width: 440px;
	float: left;
	font-weight: bold;
	font-size: .92em;
}

.loc-int { width: 320px; margin: 0 0 0 20px;}
.location { 
	padding: 0 0 0 125px; 
	border-bottom: 3px solid #fff;
}
.no-img { padding: 0 0 0 116px; }
.large { font-size: 1.3em; }

#build-block{
	width: 316px;
	margin: 0 auto 10px auto;
}
.build{ width: 158px; float: left;}
.sun-img{ position: relative; top: 5px; left: -2px;}

#left-copy p, #left-copy-home p { margin: 0 0 10px 0; font-size: 1em;}

.l-c-img{ margin: 0 20px; }	
.l-c-img-franc{ margin: 38px 15px 0 0; }

#left-copy p.intro{
	font-size: 1.2em;
	font-weight: 600;
}
.ds{
	line-height: 1.6em;
}

/* Right Column --------------------------------------------------*/
#right-col{
	width: 222px;
	float: left;
	margin: 0 0 0 7px;
}

#right-col p{ 	padding: 0 5px; }

.r-img{ margin: 0 0 5px 0; }

.right-boxtext{
	font-size: .9em;
	background: #f8dc86;
	margin: 0 0 5px 0;
	padding: 4px;
	line-height: 1.3em;
	font-weight: bold;
}

.right-boxtext-l{
	height: 110px;
	background: #f8dc86;
	margin: 0 0 5px 0;
	padding: 4px;
	line-height: 1.3em;
	font-weight: bold;
}

.submit-b { 
	float: left; 
	height: 20px;
	background: url("/images/submit-bg.gif");
	color: #fff;
	border: 2px solid #fff;
	font-size: 10px;
	padding: 0 0 1px 0;
	margin: 0 0 0 4px;
}
.mailer { 
	border: 1px solid #059105; 
	width: 146px;
	float: left;
}
	
/* Footer ----------------------------------------------------------*/
#footer{
	width: 800px;
	margin: 0 0 0 24px;
	text-align: left;
}
.f-main { 	background: url("/images/footer-bg.gif");height: 48px; }
.f-franc { background: url("/images/footer-bg-franc.gif") top repeat-x #710171; height: 60px;}

.f-p{ 
	padding: 10px 0 0 0; 
	text-align: center;
	color: #fff;	
}

.f-p a{
	color: #fff;	
	font-weight: bold;
}

.f-p a:hover{ text-decoration: none; }

#shadow-b{ 
	width: 849px;
	margin: 0 auto 0 auto;
	height: 27px;
}
#bshadow-bg{
	background: url("/images/main-bottom.png") no-repeat;
	height: 27px;
	position: relative;
	left: 2px;
}
.testimonial{
	/*border-right: 1px solid blue;*/
	/*border-bottom: 1px solid #A9A9A9;*/
	padding:0px 0px 3px 0px;
	margin: 5px 0px 50px 0px;
	line-height: 1.6em;

}
.testimonial:first-line{
	font-weight: bold;
	font-size: 14px;
	
}
div.test-sub-nav{
	background: #252669 url("/images/bg-sub.jpg") repeat-x;
	height: 2em;
	border-top: 6px solid #4040BC;
	padding-left: 6px;
}
.test-sub-nav a{
	display: block;
	float: left;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.test-sub-nav a:hover{
	background: #f77f02;
	color: #252669;
	border-bottom: 1px solid #f77f02;
}
.test-sub-nav a.over{
	background: #f8dc86;
	color: #252669;
	border-bottom: 1px solid #f8dc86;
}
.name{
	font-weight: bold;
}
a.top{
	text-decoration: none;
	float: left;
}
a.back-top{
	display: block;
	color: #fff;
	background: #252669;
	padding: 5px;
	margin-bottom: 20px;
	text-align: center;
	width: 100px;
	float: right;
	font-weight: bold;
	text-decoration: none;
}
a.back-top:hover{
	background: #343594;
}
.sub-nav-2{
	float: right;
	border-top: 4px solid #990099;
	border-bottom: 4px solid #990099;
	padding: 5px 10px 10px 10px;
	font-size: 11px;
	line-height: 1.2em;
	background: url(/images/bg-sub-2.jpg) bottom repeat-x;
	margin: 0px 0px 15px 15px;
}
.sub-nav-2 li{
	margin: 8px;
}
.port2 td{
	border-bottom: 1px solid #DBC47D;
	padding: 10px 5px 10px 0px;
}
.franch-list{
	margin: 0px 0px 20px 40px;
	font-weight: bold;
	list-style-type: none;
}

.locations h2{
	border-bottom: 2px solid #fff;
	font-size: 14px;
	line-height: 2em;
}
.locations p{
	font-weight: bold;
	padding-bottom: 10px;
}
.franch-list li{
	background: url(../images/sun.png) top left no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}

.international{
	position: absolute;
	top: 110px;
	margin-left: 660px;
	z-index:800;
}

/**************  Show/hide faq ****************/



dt {
	font-weight: bold; 
	margin: 0px 0px 8px 0px;
	cursor: pointer;
	text-decoration: underline;
	color: #BD4A18;
}



dd {
	margin: 0px 0px 20px 20px;
	padding-bottom: 12px;
	line-height: 1.5em;
	}
	


	
.show {display: block;}
.hide {display: none;}

.logo-link{
	position: absolute;
	display: block;
	left: 220px;
	top:-15px;
	height: 220px;
	width: 300px;
	z-index: 900;
	
}




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



a.franlink{
	display: block;
	text-align: center;
	float: left;
	margin: 8px;
	text-decoration: none;
}
a.franlink img{
	margin: 0px 0px 5px 0px;
	border-bottom: 0px;
	text-decoration: none;
}
.link-box{
	border: 2px solid #999999; 
	float: left;
	padding: 10px;
	margin: 10px;
}
.fran-sun-nav a{
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #999999;
	
}
.fran-sun-nav{
	margin:0px auto;
	background: #FAEABA;
	padding: 10px 0px 10px 0px;
}