/* CSS Document */

/* main body */

body
{
	margin: 0px;
	background-image: url(../img/diagonalTile.gif);
	background-color: #232020;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	color: #231f20;
	line-height: 140%;
	height: 100%;
}

.container
{
	width: 100%;
}

td
{
vertical-align:top;
}

.googleMap iframe
		{
		border: solid 1px #222222;
		}

.topSection
{
	width: 100%;
	background: url(../img/topPanelTile.gif) repeat-x;
	height: 290px;
}

.topPanel
{
	width: 880px;
	height: 230px;
	margin: 0 auto;
}

.nav
{
	width: 880px;
	height: 60px;
	background-image: url(../img/menuPanel.gif);
	margin: 0 auto;
}

.bodySection
{
	width: 800px;
	min-height: 400px;
	background-color: #fff;
	margin: 0 auto;
}

.bodyTable
{
	width: 800px;
}

.content
{
	width: 550px;
	text-align: justify;
	padding: 20px 20px 30px 20px;
	vertical-align: top;
}

.rightPanel
{
	width: 210px;
	vertical-align: top;
	background-image: url(../img/rightBelow.gif);
	background-position: 0px 141px;
	background-repeat: no-repeat;
	height: 400px;	
}

.footer
{
	width: 760px;
	height: 122px;
	background: url(../img/footerPanel.gif) no-repeat;
	margin: 0 auto;
	padding: 30px 20px 0px 20px;
	color: #fd91bd;
}

/* headings */

h1
{
	color:#ed2a7b;
	font-size:14px;
	margin-top:0px;
	letter-spacing:1px;
	font-weight: lighter;
	background-image: url(../img/titlebg.gif);
	background-repeat: no-repeat;
	width: 100%;
	padding: 5px 0px 5px 0px;
	text-transform: uppercase;
}

h2
{
	color:#a12e4c;
	font-size:13px;
	margin-top:0px;
}

h3
{
	color:#a12e4c;
	font-size:12px;
	margin-top:0px;
}

h4
{
	color:#a12e4c;
	font-size:11px;
	margin-top:0px;
}

h5
{
	color:#a12e4c;
	font-size:11px;
	margin-top:0px;
}

/* links */
.footer a:link 
{
	color: #fd91bd;
	text-decoration: none;
}
.footer a:visited 
{
	text-decoration: none;
	color: #fd91bd;
}
.footer a:hover 
{
	text-decoration: underline;
	color: #ffffff;
}
.footer a:active 
{
	text-decoration: none;
	color: #fd91bd;
}

a
{
	outline: none;
}

a:link 
{
	color: #d1172e;
	text-decoration: none;
}
a:visited 
{
	text-decoration: none;
	color: #d1172e;
}
a:hover 
{
	text-decoration: underline;
	color: #000000;
}
a:active 
{
	text-decoration: none;
	color: #d1172e;
}

/* rollovers */

ul#navlist
{
	margin:0px;
	padding:0px;
	padding-left: 40px;
}

#navlist li
{
  	list-style-type:none;
	float: left;
}

a.home,a.about,a.contact,a.programs,a.testimonials,a.gallery
{
	height:30px;
	text-decoration:none;
	float: left;
}

a.home:hover,a.about:hover,a.contact:hover,a.programs:hover,a.testimonials:hover,a.gallery:hover
{
	background-position: 0px -30px;		
}

a.home
{
	width: 97px;
	background:url(../img/btnHome.gif);
}

a.about
{
	width: 120px;
	background:url(../img/btnAbout.gif);
}

a.contact
{
	width: 138px;
	background:url(../img/btnContact.gif);
}

a.programs
{
	width: 179px;
	background:url(../img/btnDrama.gif);
}

a.testimonials
{
	width: 149px;
	background:url(../img/btnTestimonials.gif);
}

a.gallery
{
	width: 117px;
	background:url(../img/btnGallery.gif);
}

#enrolPanel
{
	margin:0px;
	padding:0px;
	width: 210px;
	height: 141px;
	float: left;
	list-style-type:none;
}

a.enrol
{
	text-decoration:none;
	float: left;
	width: 210px;
	height: 141px;
	background: url(../img/btnEnrol.jpg);
}

a.enrol:hover
{
	background-position: 0px -141px;	
}

/* dropdown menu */

.dropdown_menu
{
		position:absolute;
		font-size:12px;
		color:#f4f0ee;
		padding-left:28px;
		padding-right:15px;
		padding-bottom:10px;
		padding-top:10px;
		text-align:left;
		margin-top:28px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
}

.dropdown_menu ul
{
		list-style-type: none;
		margin-left:0px;
		padding-left:0px;
		width:420px;
}

.dropdown_menu a,.dropdown_menu a:link,.dropdown_menu a:visited,.dropdown_menu a:active 
{
		color: #4b4a4a;
		text-decoration: none;
}

.dropdown_menu a:hover
{	
		text-decoration: none;
		color: #ed2a7c;
}

.dropdown_menu ul li{
		padding-right: 40px;
}

.enrolTable td
{
padding-bottom:5px;
}

/* contact form */		
		
#name,#email,#phone,#comment,#student_name,#parent_name,#address,#phone_number,#age,#program,#time,#email_address
		{
		width: 250px;
		height: 18px;
		border: solid 1px #ee2a7b;
		background-color:#ffffff;
		background-image: url(../img/fieldTile.gif);
		padding: 1px;
		font-size: 10px;
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		}
		
#program,#time
		{
		width:200px;
		}
		
#age
		{
		width:70px;
		}
		
#comment
		{
		height: 160px;
		}
.gallery_images img {
	margin:4px;
	border:1px solid #000000;
	}