/* CSS Document */
/*====================================Default Veriable===================================*/
body {	
		padding:0; margin:0;
		background-image:url(../images/body_bg_red.gif);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#3D3D3D;
		
		}
		
		
#main_body .HideMe {
	max-height:10px;
	overflow:hidden;
	visibility:hidden;
	
}
#main_body .ShowMe {
	max-height:5000px;
	overflow:visible;
	visibility:visible;
	
}		
table{border-collapse:collapse;border-spacing:0;}


P {
		padding:0; margin:0;
		}
* {
		font-family:Tahoma, Verdana, Arial;
		font-size:16px;
		}
form {
			padding:0;
			margin:0;
			}
#bodywrapper {
display:block;
position:relative;
width:980px;
margin-left:auto;
margin-right:auto;
/*left:50%;
margin-left:-490px;
z-index:100;*/
}

.eysopicture img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 50px;

}

.formTextERROR {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#FF9F9F;
		}
		
.formTextERRORnopadding {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:16px;
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#FF9F9F;
		}
		
.formTextOK {
	font-family:Verdana, Geneva, sans-serif;
	color:#000000;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#A0FEB0;
		}


/*===================================SLIDER========================================*/
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:680px;
		height:265px;
		z-index:1;
		overflow:hidden;
		/*background:#fff;	*/	

		}	
		
	#content{
		position:relative;
		z-index:1;
		height:265px;
		overflow:hidden;
		}


/*===================================Header part========================================*/
.top_images {
				/*background-image:url(images/top_image.jpg);*/
				background-position:top right;
				background-repeat:no-repeat;
				}
.top_text {
			color:#909090;
			text-decoration:none;
			font-weight:bold;
			padding-top:22px;
			}
.top_text p {
font-size:12px;

}
.mails  {
			text-decoration:underline;
			color:#5A96AD;
			font-size:9px;
			font-weight:normal;
			}
.mails:hover {
				text-decoration:none;
				}
				
#topimage {

background-image:url(../images/davidanderson.png);
background-repeat:no-repeat;
width:191px;
height:200px;
position:absolute;
top:20px;
left:250px;
z-index:1;

}

#headerimages {

background-image:url(../images/headerimages1.png);
background-repeat:no-repeat;
width:614px;
height:190px;
position:absolute;
top:0px;
left:350px;
z-index:200;

}

#topimage2 {

/*background-image:url(images/phil_basses.png);*/
background-repeat:no-repeat;
width:320px;
height:160px;
position:absolute;
top:0px;
left:335px;
z-index:1;

}

#topheader {
position:relative;
}

#LOGO {

background-image:url(../images/LOGO_NEW.gif);
background-repeat:no-repeat;
width:349px;
height:70px;
position:absolute;
top:89px;
left:0px;
z-index:200;

}

#header_address {

width:349px;
height:70px;
position:absolute;
top:-5px;
left:0px;
z-index:200;

}
/*=================================================menu===========================================*/
.menu_border {
				padding-top:12px;
				padding-bottom:11px;
				background-image:url(../images/menu_stripe.gif);
				background-repeat:repeat-x;
				border-top:#484848 1px dashed;
				}
.header_bg {
				background-image:url(../images/header_bg.gif);
				background-repeat:repeat-x;
				background-color:#A6CDCB;
				}
.search_padding {
				padding-top:17px;
				}
.search_bg {
				background-image:url(../images/search__bg.gif);
				background-repeat:repeat-y;
				}
.search_bg_2 {
				background-image:url(../images/search__bg_2.gif);
				background-position:top;
				background-repeat:no-repeat;
				}
				
				
.menu_link{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	border-bottom:#740808 1px dashed;
			}
			
.drive_times{
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
			}
			
.menu_link:hover {
	color:#7D7A3F;
	border:none;
					}
#menu {
position:relative;
z-index:100;
}

/*------------------------------------------------form----------------------------------*/
.form_text {
				
				color:#555555;
				font-size:9px;
				font-weight:bold;
				
				}
.scr_box1 {
				height:16px;
				width:55px;
				border-bottom:#DFDFDF 1px solid;
				border-right:#DFDFDF 1px solid;
				border-top:#000000 1px solid;
				border-left:#000000 1px solid;
				color:#555555;
				font-size:9px;
				}
				
.scr_box2 {
			width:168px;
			}
.scr_box3 {
				width:89px;
				}
/*============================================body=============================================*/

#ConcertCountdown{

	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#FFFF00;
}

#CountDown{
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#FFFF00;
}

#NOTESgreen{
	
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#A7FCB4;
}

#NOTESpink{
	
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#c6f;
}

#NOTESform{
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#3D3D3D;
}

#NOTESpurple{
	
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#96f;
}

#BalanceDue{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;	
	background-color:#710505;
}

#NOTEStotal{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#009900;
	/*width:250px;*/
}

#NOTESenter{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#00C;
	text-decoration:none;
	/*width:250px;*/
}

#NOTES{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#c3c399;
	text-decoration:none;
	width:600px;
	/*height:500px;*/
	/*position:relative;*/
	margin:auto;
}

#NOTESenter a:visited{
	text-decoration:none;
}
#NOTESenter a:link{
	text-decoration:none;
}

#SeatingAud{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;	
	background-color:#710505;
}


#SeatingAudRED{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;	
	background-color:#710505;
}

#SeatingAudGREEN{
	/*height:60px;*/
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#090;
}

#Logout{
	height:30px;
	text-align:center;
	border: 1px solid #ccc;
	font-size:18px;
	background-color:#3D3D3D;
}


#slideShow {
  width : 330px;
  height : 300px;
  padding : 2px;
}

.mySlideshow a img {border : none;}


.middle_bg {
				background-image:url(/testing/1/images/middle_body__bg.gif);
				background-repeat:repeat-x;
				}

.reg_link{
			font-size:12px;
			font-weight:bold;
			color:#D1D1D1;
			text-decoration:none;
			border-bottom:#C3C399 1px dashed;
			
			}
.reg_link:hover {
					color:#C3C399;
					border:none;
					}
.body_vertical_border {
						border-right:#E0E0D1 1px dashed;
						padding-top:5px;
						}
.body_vertical_borderNoDash {
						padding-top:5px;
						}
.recently_pad {
				padding-left:3px;
				}
.rec_insie_bg {
				background-image:url(../images/profile_bg_.gif);
				background-repeat:repeat-y;
				padding-top:5px;
				padding-bottom:3px;
				padding-left:9px;
				}
.text1 {
			color:#3D3D3D;
			font-size:14px;
			padding-left:7px;
			padding-right:7px;
			padding-top:2px;
			padding-bottom:8px;
			}
			
.currentnewsTitle {
			color:#3D3D3D;
			font-size:18px;
			padding-left:2px;
			padding-top:2px;
			padding-bottom:5px;
			font-weight:bold;			
			}
.currentnewsText {
		color:#11526E;
		font-size:14px;		
		}
#current_news {
height:28px;
font:Arial, Helvetica, sans-serif;
font-size:22px;
color:#FFFFFF;
font-weight:bold;
}	
.text2 {
		color:#11526E;
		font-size:16px;
		
		}
		
.carpoolText{
	font-family:times, serif;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
		}
.carpoolTop{
	font-family:times, serif;
	color:#000000;
	background-color:#FF0;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	text-align:justify;
		}		
		
.pageTitle {
			color:#ffffff;
			font-size:14px;
			padding-left:2px;
			padding-top:2px;
			padding-bottom:5px;
			font-weight:bold;			
			}

#pageContent{
padding:10px;
}
.pageText {
font-family:times, serif;
		color:#000000;
		font-size:18px;
		padding-left:10px;
		padding-right:10px;
		text-align:justify;	
		}


.pageText a:link {
font-family:times, serif;
	color:#720606;
	font-size:18px;
	text-decoration:none;
		}
.pageText a:hover {
font-family:times, serif;
	color:#720606;
	font-size:18px;
	text-decoration:underline overline;
		}
.pageText a:visited {
font-family:times, serif;
	color:#720606;
	font-size:18px;
	text-decoration:none;
		}
		
.pageTextFormTitle {
	background-color:#89865C;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	padding-left:3px;
	margin-top:3px;
	margin-bottom:6px;
	margin-right:3px;
		}		
		
a:link {

	color:#720606;
	font-size:18px;
	text-decoration:none;
		}
a:hover {

	color:#720606;
	font-size:18px;
	text-decoration:underline overline;
		}
a:visited {

	color:#720606;
	font-size:18px;
	text-decoration:none;
		}
a:visited:hover {

	color:#720606;
	font-size:18px;
	text-decoration:underline overline;
		}		
		
		
		
.pageTextBold {
font-family:times, serif;;
		color:#000000;
		font-size:18px;
		font-weight:bold;	
		}
.pageTextBoldItalic {
font-family:times, serif;
		color:#000000;
		font-size:18px;
		font-weight:bold;
		font-style:italic;	
		}

.pageTextItalic {
font-family:times, serif;
		color:#000000;
		font-size:18px;
		font-style:italic;	
		}

.pageTextTITLE {
	font-family:times, serif;
	font-size:20px;
	color:#1E1E20;
	font-weight:bold;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#2C2C2C;
		}		
		
.pageTextHeading {
		color:#000000;
		font-size:16px;
		margin:5px;		
		}

.pageTextHeading:hover {
		color:#666666;
		font-size:16px;
		font-weight:bold;
		border-bottom: 1px dotted #666666;
		}
.pageTextHeading:visited {
		color:#000000;
		font-size:16px;		
		}
.pageTextHeading:link {
		color:#000000;
		font-size:16px;
		text-decoration:none;
		}
		
#NormalUL ul {
margin-left:20px;
list-style:disc;
		}
#NormalUL2 ul {
margin-left:5em;
list-style:disc;
		}	
		
#ECCMap {
position:absolute;
}

#ECCMapWrapper {
position:relative;
}
		
/*------------------------------------------right side-------------------------------------*/
.rightside_padding {
						padding-left:10px;
						padding-top:0px;
						}
.right_side_padd_inside {
							padding-left:20px;
							}
.text3 {
			text-decoration:underline;
			color:#3D3D3D;
			font-size:14px;
			font-weight:bold;
			}
.text4 {
			color:#3D3D3D;
			font-size:14px;
		}
		
.text5 {
			color:#ffffff;
			font-size:14px;
		}
/*==========================================footer===========================*/
.footer_pad {
				padding-top:20px;
				padding-left:30px;
				}
.footer_text {
				color:#848484;
				padding-left:5px;
				padding-top:10px;
				font-size:14px;
						}
.footer_link {
					text-decoration:none;
					color:#848484;
					font-weight:normal;
					padding-left:2px;
					padding-right:3px;
					font-size:14px;
					}
.footer_link:link {
					text-decoration:none;
					color:#848484;
					font-weight:normal;
					padding-left:2px;
					padding-right:3px;
					font-size:14px;
					}					
.footer_link:hover {
						text-decoration:underline;
						color:#E6E2E2;
						}
/*==============================================contact Page==================================*/
.contact_padding {
					padding-top:32px;
					padding-left:33px;
					padding-right:20px;
					}
.mid_border_con {
				border-right:#DEDCBB 1px dashed;
				}
.con_text1 {
				color:#88000E;
				font-weight:bold;
				font-size:12px;
				text-decoration:none;
				}
.con_text2 {
				color:#F2F2F2;
				font-size:10px;
				}
.con_dat {
			color:#19180A;
			font-size:11px;
			font-weight:11px;
			font-weight:bold;
			padding-bottom:4px;
			}
.con_dat1 {
			color:#7C0F0F;
			font-size:10px;
			font-weight:bold;
			padding-bottom:5px;
			}
.con_dat2 {
			color:#3A3612;
			font-size:10px;
			text-decoration:none;
			}
.con_dat3 {
			color:#620707;
			}
.special_no_bg {
				background-image:url(../images/special_no.gif);
				background-repeat:no-repeat;
				background-position:top left;
				}
.phno1 {
			color:#D1D1D1;
			font-size:11px;
			text-decoration:none;
			font-weight:bold;
			}
.ph_color {
			color:#CFCA84;
			}
			
.mail_color {
				color:#F99898;
				text-decoration:none;
				}	
.mail_color:hover {
				text-decoration:underline;
				}
/*------------------------------------------------------Contact us Form-------------------------------------*/
.form_bg1_padd {
				padding-left:18px;
				}
.form_bg2_padd {
				padding-left:25px;
				padding-right:4px;
				}

.cont_form1 {
				width:220px;
				height:16px;
				border-left:#404040 1px solid;
				border-top:#404040 1px solid;
				border-bottom:#D4D0C8 1px solid;
				border-top:#D4D0C8 1px solid;
				color:#6C6942;
				font-size:11px;
				text-decoration:none;
				padding-left:5px;
				font-weight:bold;
				}
.cont_field {
				height:59px;
				}
.submit_but {
				height:18px;
				width:48px;
				font-size:11px;
				color:#ffffff;
				text-decoration:none;
				font-weight:bold;
				border:none;
				background-color:#7A0E0E;
				padding-bottom:2px;
				}
.submit_but1 {
					background-color:#252627;
					}
.enge_bg {
				background-image:url(../images/for_engaments.gif);
				background-repeat:no-repeat;
				}
/************************************************************************
 * Main Nav
 ************************************************************************/
#MainNav
{
	position: relative;
	margin: 3px 0 0 0;
	float:left;
	z-index:150;
}
.MainNavTitle
{
	font-size: .7em;
	text-transform: uppercase;
	padding: 10px 8px 3px 9px;
}
#MainNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#MainNav ul li
{
	float: left;
	position: relative;
}
#MainNav ul li a
{
	padding: 6px 5px 5px 5px;
	/*	border-left: 1px solid #907651;
	border-top: 1px solid #907651;*/
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-size:18px;
	font-weight:bold;
	font-family:Times, serif;
}
#MainNav ul li a:hover
{
	color: #ffeebc;
	/* background-color: #000000; REMOVED TO HIDE BLACK HOVEROVER ON MAIN LINKS */
}
#MainNav ul li:hover a, #MainNav ul li.hover a
{
	color: #127DBD;	/*background-color: #000000;*/
}

/* second level */
#MainNav ul ul
{
	display: none;
	background-color: #000000;
	opacity: .85;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter: alpha(opacity=85);
	
}
#MainNav ul li:hover ul, #MainNav ul li.hover ul
{
	display: block;
	position: absolute;
	top:30px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	z-index:150;

}
#MainNav ul li:hover ul li, #MainNav ul li.hover ul li
{
	float: left;
	clear: left;
	position: relative;
	/*width: 12em; THIS WILL MAKE ALL THE DROPS THE SAME WIDTH. REMOVED TO AUTO-SIZE*/
}
#MainNav ul li:hover ul li a, #MainNav ul li.hover ul li a
{
	color: #ffffff;
	font-size:16px;
	font-weight:bold;
	padding: 10px 0 2px 0;
	margin: 0 10px;
	border: none;
	border-bottom: 1px dotted #666666;
	text-transform: capitalize;
}
#MainNav ul li:hover ul li a:hover, #MainNav ul li.hover ul li a:hover
{
	color: #127DBD;/*FONT COLOR OF DROP DOWN*/
	background-color: transparent;
}
#MainNav ul li:hover ul li.LastItem a, #MainNav ul li.hover ul li.LastItem a
{
	border-bottom: none;
}	

/* Navigation *********************************************************************/
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 150;
  position: relative;
}
.nav li {
  /*border-left: 1px solid #000;*/
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1.22em/25px Arial, Helvetica, sans-serif;
  color: #959595;
  display: block;
  padding: 0 9px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: transparent;
}

.nav li a:hover {
  background-color: transparent;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background-color: transparent;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background-color: transparent;
  color: #959595;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background-color: transparent;
  color: #000;	
}

.nav ul {
  background-color: transparent;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  /*width: 100px;*/
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  /*border: 1px solid #000;*/
  border-bottom: 0;
  padding-right: 20px;
  /*width: 80px;*/
  white-space: nowrap;
}
.nav ul a:hover {
  background-color: transparent;
}



h1,h2,p{margin: 0;padding: 0 10px}
p{padding: 0 10px 1em}
h1,h2{letter-spacing: -1px;font-weight:100;color: #111}
h1{font-size: 200%}
h2{font-size: 140%;line-height:1.05}
h4 {
font-family: "trebuchet ms",verdana,tahoma,sans-serif;
font-size: 140%;
line-height:1.05;
margin: 5px;padding: 5px 10px;
letter-spacing: -1px;
font-weight:100;
color: #ffffff;
}


ul#split,ul#split li{margin:0;padding:0;list-style:none;}
ul#split2,ul#split2 li{margin:0;padding:0;list-style:none}
ul#split3,ul#split3 li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:150px;margin:0px 5px 5px 5px}
ul#split2 li{float:left;width:150px;margin:0px 5px 5px 5px}
ul#split3 li{float:left;width:150px;margin:0px 5px 5px 5px}
ul#splitsq li{float:left;width:150px;margin:0 5px 5px 0}
ul#split h3{font: normal 100%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split2 h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split3 h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#splitsq h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
ul#splitsq p{margin:0;padding:5px 8px 15px}
li#one h3{background: #C8C866}

ul#split div{background: #FFC}
ul#split3 div{background: #FFC}

ul#splitsq div{background: #FFC}
li#one div{border:2px solid #C8C866; padding:5px;}
li#two h3{background: #FFBD00;}
li#two div{border:0px solid #C8C866; padding:0px;}
li#three h3{background: #E3A1C4}
li#three div{border:0px solid #C8C866; padding:0px;}
li#bottom h2{background: #C8C866}
li#bottom div{border:2px solid #C8C866; padding:5px;}


#date {
	position:absolute;
	top:65px;
	left: 580px;

width:200px;
height:20px;
text-align:right;
}

#logout{
text-align:right;
position:absolute;
top:0px;
left:325px;
width:100px;
height:30px;
}

#calendarNav{}

.StoryTextWhite {
font-family: "trebuchet ms",verdana,tahoma,sans-serif;
color:#FFFFFF;

}

.StoryTextWhiteEYSO {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:12px;
color:#FFFFFF;
}

.StoryTextWhiteIEYSO {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:12px;
color:#FFFFFF;
font-style:italic;
}

a.StoryTextWhiteEYSO:link{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:12px;
color:#FFFFFF;
}


.StoryTextWhiteEYSO14 {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px;
font-weight:100;
font-size:14px;
color:#FFFFFF;
}

.StoryTextWhiteEYSO20 {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px;
font-weight:100;
font-size:20px;
color:#FFFFFF;
}

.ff14StoryTextWhiteEYSO {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:100;
font-size:14px;
color:#FFFFFF;
}

.ScheduleTitleBlueGrEYSO {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:800;
font-size:14px;
color:#63758C;

}

.StoryTextWhiteTimes {
font-family:"Times New Roman", Times, serif;
color:#FFFFFF;

}

.AlertBoxWhiteEYSO20 {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px;
font-weight:100;
font-size:20px;
color:#FFFFFF;
}

.AlertBoxWhiteEYSO20 a:link {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px;
font-weight:100;
font-size:20px;
color:#FFFFFF;
}

.AlertBoxWhiteEYSO20 a:visited {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px;
font-weight:100;
font-size:20px;
color:#FFFFFF;
}

.AlertBoxBlackEYSO20 {
font-family:Geneva, Arial, Helvetica, sans-serif;
padding:10px;
font-weight:100;
font-size:20px;
color:#000000;
}


#example {
	margin-top:10px;
	border:1px solid #c0c0c0;
	background: #fAfAfA;
	padding:10px;
	float:left;
	width:410px;
	min-height:325px;
	margin-left:20px;
}
#response {
	border:1px solid #c0c0c0;
	background: #fAfAfA;
	padding:10px;
	float:left;
	width:530px;
	margin-left:20px;
	margin-top:10px;
}

/*CONFETTI*/

#movingcontainer{
width:600px;
height:400px;
position:relative;
}
#movingbackground {
	background: url(/NOTES/images/stars-templateb.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
}

#movingmidground {
	background: url(/NOTES/images/stars-templatem.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
}

#movingforeground {
	background: url(/NOTES/images/stars-templatef.png) repeat 90% 110%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;
}