/* CSS Document */
body{
	padding:0;
	margin:0;
	font:14px/20px Arial, Helvetica, sans-serif;
	color:#3D3C2C;
	font-weight:normal;
	background-color: #fbfbfb;
	background-image: url(STOP-images/main-bg-gray.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	left: 20px;
}
div, p, h1, h2, h3, ul, img{
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #333;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}
#address {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	font-style: italic;
	text-align:center;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #006633;
	margin: 2px;
	padding: 5px;
	float: right;
	height: 15px;
	width: 640px;
	z-index: 50;
	position: relative;
	top: -27px;
	left: 5px;
}

ul{list-style-type:none;}

/* TOP PANEL */
#topPan{
	width:900px;
	height:120px;
	position:relative;
	margin:0 auto;
	padding:0;
}

#topPan img{
	width:240px;
	height:120px;
	display:block;
	left: 0px;
	float: left;
	position: relative;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
 	
}
/* Menu Panel */
#topPan ul{
	width:620px;
	height:110px;
	display:block;
	position:absolute;
	top:-2px;
	right:25px;
	margin:0;
	padding:0;
	left: auto;
}
#topPan ul li{
	float:left;
	width:115px;
	display:block;
	text-align:center;
	background-image: url(STOP-images/main-bg-gray.gif);
}
#topPan ul li a{
	width:104px;
	height:35px;
	display:block;
	font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#006633;
	text-decoration:none;
	margin:0;
	padding:61px 0 0 0;
	background-color: #F4F1DD;
	background-image: url(STOP-images/menu-bg-gray.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#topPan ul li a:hover{
	width:115px;
	height:115px;
	display:block;
	background:#fbfbfb;
	color:#006633;
	text-decoration:none;
	padding: 0px;
	margin-left: 5px;
	top: 0px;
}
#topPan ul li span{
	width:104px;
	height:35px;
	display:block;
	color:#006633;
	text-decoration:none;
	padding:61px 0 0 0;
	line-height:14px;
	background-color: #Fbfbfb;
	background-image: url(STOP-images/menu-devider1.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/* /TOP PANEL */

/* HEADER PANEL */
#headerPan{
	width:900px;
	height:240px;
	position:relative;
	top:10px;
	padding:0;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#headerPan h1{
	width:660px;
	height:240px;
	position:relative;
	right:0px;
	color:#006633;
	border: 4px none #fff;
	left: 246px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#headerPanleft{
	width:230px;
	height:231px;
	position:absolute;
	left:0px;
	padding-top: 10px;
}
#headerPan #school{
	float:left;
	width:220px;
	height:65px;
	position:relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(STOP-images/icon1.gif);
	left: 0px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#headerPan #school h2{
	width:119px;
	height:10px;
	display:block;
	position:absolute;
	left:6px;
	top:9px;
	margin:14px 0 5px 81px;
	font:14px/14px Georgia, "Times New Roman", Times, serif;
	color:#480370;
	z-index:1;
	text-transform:uppercase;
}
#headerPan #school p{
	width:120px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006633;
	background:#fff;
	margin:34px 0 0 81px;
	z-index:1;
	top: 11px;
	left: 10px;
	font-weight: bold;
}
#headerPan #school a{
	text-decoration:none; display:block; width:220px; height:65px;
	
}
#headerPan #school a:hover{
	text-decoration:none;
	background-image: url(STOP-images/icon1-hov2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerPan #classroom{
	float:left;
	width:220px;
	height:65px;
	position:relative;
	background-image: url(STOP-images/icon2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	left: 0px;
	padding: 0px;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#headerPan #classroom h2{
	width:136px;
	height:15px;
	display:block;
	position:absolute;
	left:0px;
	top:10px;
	margin:14px 0 5px 81px;
	font:14px/14px Georgia, "Times New Roman", Times, serif;
	color:#480370;
	z-index:1;
	text-transform:uppercase;
}
#headerPan #classroom p{
	width:103px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#006633;
	font-weight:bold;
	background:#fff;
	margin:34px 0 0 81px;
	z-index:1;
	left: 10px;
	top: 8px;
}
#headerPan #classroom a{text-decoration:none; display:block; width:220px; height:65px;}
#headerPan #classroom a:hover{
	text-decoration:none;
	background-image: url(STOP-images/icon2-hov2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerPan #arts{
	float:left;
	width:220px;
	height:65px;
	position:relative;
	background-image: url(STOP-images/icon3.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 0px;
	padding: 0px;
}
#headerPan #arts h2{
	width:90px;
	height:10px;
	display:block;
	position:absolute;
	left:6px;
	top:7px;
	margin:14px 0 5px 81px;
	font:14px/14px Georgia, "Times New Roman", Times, serif;
	color:#480370;
	z-index:1;
	text-transform:uppercase;
}
#headerPan #arts p{
	width:125px;
	height:10px;
	display:block;
	position:absolute;
	font:12px/14px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#006633;
	font-weight:bold;
	background:#fff;
	margin:34px 0 0 81px;
	z-index:1;
	left: 9px;
	top: -1px;
}
#headerPan #arts a{text-decoration:none; display:block; width:220px; height:65px;}
#headerPan #arts a:hover{
	text-decoration:none;
	background-image: url(STOP-images/icon3-hov2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/* BODY PANEL */
#bodyPan{
	width:900px;
	height:auto;
	position:relative;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*Left Panel */
#leftPan{
	width:230px;
	height:auto;
	position:absolute;
	top:15px;
	left:7px;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	margin: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#leftpan p {height: 14px;
color:#333;
line-height: 16px
}

#leftmemberPan{width:237px; height:196px; position:relative; margin:0 auto; padding:0; border:1px solid #DCDAC2; background:#fff; color:#000;}
#leftmemberPan h2{
	height:48px;
	display:block;
	position:relative;
	padding:0 0 0 57px;
	margin:12px 0 px 13px;
	font:16px/48px  Georgia,"Times New Roman", Times, serif;
	color:#5EA000;
	text-transform:uppercase;
	background-color: #fff;
	background-image: url(http://davenportschoolofthearts.com/STOP-images/symbol4.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#leftmemberPan h2 span{background:#fff; color:#3D3C2C;}
#leftPan form{width:220px; height:108px; background:#EBE9D7; padding:0; margin:0 0 0 8px; color:#333227;}
#leftPan form label{width:72px; display:block; float:left; padding:14px 15px 0 16px; }
#leftPan form label.emailpadding{padding:2px 15px 0 16px;}
#leftPan form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0}
#leftPan form input.fieldpadding{margin:2px 0 9px 0}
#leftPan h3{
	height:36px;
	background:#Fbfbfb;
	display:block;
	float:left;
	color:#006633;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 36px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 2px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2px;
}
#leftPan ul{
	display:block;
	float:right;
	width:220px;
	height:auto;
}
#leftPan ul li{
	padding:0px 18px 0 0;
	text-align:right;
	background-image: url(STOP-images/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 205px 8px;
	color:#333
} 
#leftPan ul li a{text-decoration:underline; color:#480370; background:#fbfbfb;}
#leftPan ul li a:hover{text-decoration:none;}

#leftPango{width:220px; height:25px; position:absolute; top:160px; left:8px; border-top:1px solid #fff; background:#B0AD93; display:block; padding:0; margin:0; font-size:12px; color:#FFFFFA; line-height:23px; font-weight:bold;}
#leftPango p.textposition a{float:left; padding:0 0 0 20px; margin:0; text-decoration:none; color:#FFFFFA; background:#B0AD93;}
#leftPango p.textposition a:hover{text-decoration:underline; background:none;}
#leftPan form input.gobutton{
	float:right;
	border:none;
	width:45px;
	height:21px;
	display:block;
	margin:2px 0 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	color:#fff;
	font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:left;
	background-color: #63614F;
	background-image: url(STOP-images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 30px 0;
}
#leftPango a:hover{
	text-decoration:none;
	color:#fff;
	background-color: #333229;
	background-image: url(STOP-images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 30px 1px;
}

/*/Left Panel */
/*Right Panel */
#rightPan{
	width:660px;
	height:auto;
	position:absolute;
	top:609px;
	right:205px;
	border:1px none #DCDAC2;
	background:#fff;
	color:#3D3C2C;
}
#rightbodyPan{
	width:660px;
	height:auto;
	position:absolute;
	top:-597px;
	left:211px;
	background:#fff;
	color:#3D3C2C;
	margin: 0px;
}
#rightbodyPan2{
	width:660px;
	height:100px;
	position:relative;
	top:4px;
	left:25px;
	background:#fff;
	color:#3D3C2C;
	margin: 10px;
}
#rightbodyPan h2{
	width:650px;
	height:31px;
	display:block;
	position: relative;
	color:#480370;
	border-bottom-color:#333;
	border-bottom-width:thin;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 28px;
	line-height: 28px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
	border-bottom-style: solid;
	font-weight: bold;
}
#rightbodyPan h4{
	width:650px;
	height:31px;
	display:block;
	position: relative;
100% 0 no-repeat #Fff;
	color:#3D3C2C;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
}
#rightbodyPan h5{
	width:650px;
	height:31px;
	display:block;
	position: relative;

100% 0 no-repeat #Fff;
	color:#060;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
}
#rightbodyPan h6{
	width:650px;
	height:31px;
	display:block;
	position: relative;
	color:#FC3;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 28px;
	line-height: 28px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	border: medium ridge #FC3;
}
#rightbodyPan p{
	padding-top: 2;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	color:#333;
}
#rightbodyPan p.caption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: 11px;
	color: #006633;
	text-align: center;
	padding: 0;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 4px;
	margin-left: 3px;
	
	
}
#rightbodyPan p.green-text{background:#Fff; color:#006633; font-size:18px; line-height:20px; padding:0 40px 15px; text-align:center; font-weight:bold;
	
}
#rightbodyPan p span{background:#FFFFFA; color:#3D3C2C;}
#rightbodymore{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
#rightbodymore p.textposition{float:left; padding:0 0 0 20px; margin:0;}
#rightbodymore a{
	float:right;
	width:66px;
	display:block;
	position:relative;
	margin:1px 0 0 0;
	padding:0 0 0 10px;
	height:23px;
	text-decoration:none;
	color:#fff;
	font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color: #63614F;
	background-image: url(STOP-images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 58px 1px;
}
#rightbodymore a:hover{
	text-decoration:none;
	color:#fff;
	background-color: #333229;
	background-image: url(STOP-images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 58px 1px;
}
#rightbodyPan h3{
	width:500px;
	height:auto;
	display:block;
	position: relative;

100% 0 no-repeat #Fff;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	color:#3D3C2C;
	font-style:italic;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 70px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#rightbodyPan ul{
	width:400px;
	height:92px;
	position:relative;
	top:5px;
	left:80px;
	margin:0 0 30px 0;
	overflow: visible;
}
#rightbodyPan li{
	width:400px;
	font:14px/24px Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
	background-image: url(STOP-images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
}
#rightbodyPan li a{width:400px; height:60px; background:#Fff; color:#006633; text-decoration:underline; line-height:24px;}
#rightbodyPan ul li a:hover{width:400px; height:60px;  text-decoration:none;
color: #309;
line-height:24px;}

#rightbodymorenext{width:306px; height:25px; border:1px solid #fff; background:#B0AD93; display:block; padding:2px; margin:0 60px 0 80px; font-size:12px; color:#FFFFFA; line-height:25px; font-weight:bold;}
#rightbodymorenext p.textposition{float:left; padding:0 0 0 20px; margin:0;}
#rightbodymorenext a{
	float:right;
	width:66px;
	display:block;
	position:relative;
	margin:1px 0 0 0;
	padding:0 0 0 10px;
	height:23px;
	text-decoration:none;
	color:#fff;
	font:14px/23px "Trebuchet MS",Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background-color: #63614F;
	background-image: url(STOP-images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 58px 1px;
}
#rightbodymorenext a:hover{
	text-decoration:none;
	color:#fff;
	background-color: #333229;
	background-image: url(STOP-images/arrow4.gif);
	background-repeat: no-repeat;
	background-position: 58px 1px;
}

/* /BODY PANEL */
#footnote {
	background-color:#999;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 220px;
	position: relative;
}
.INVISIBLE {
	color: #fbfbfb;
}