/* CSS Document */
/* - - - - - - - - - - - - - - - - - - - - -
Title : Starshine Theater Camp
Author : Paul Demers Jr.
URL : http://www.starfuntheatercamp.com 

Description : 

Created : January 16 2006
Modified : September 10, 2006

- - - - - - - - - - - - - - - - - - - - - */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align: center;
background: #fff url(images/bg.gif) repeat-x;
color: #222;
margin:0;
}


#container{
background: #FFF url(images/sb_bg.gif) repeat-y;
text-align: left;
margin:  0 auto;
width:700px;
border:#006666 5px solid; 
}

#header{
background: #009999 url(images/header.jpg) no-repeat 0 top;
color: #fff;
height:180px;
padding: 0;
margin: 0;
}

/* Begin Navigation */
#nav{
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
background: #009999;

border-bottom: 1px solid #ccffff;
}

#nav li{
float: left;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
}

#nav a{
float: left;
display: block;
margin: 0 4px 0 0;
padding: 4px 8px;
color: #fff;
text-decoration: none;
border: 2px solid #ccffff;
border-top:none;
border-bottom:none;
background: #006666 url(images/nav_off.gif) repeat-x top left;
}

#nav a:hover, #nav a.active{
color:#006666;
padding-bottom: 4px;
border: 2px solid #ccffff;
border-top:none;
border-bottom:none;
background: #fff url(images/nav_on.gif) repeat-x top left;
}
/* End Navigation */

/* Utility */
.clear {clear:both;}




#content {
float: left;
width: 400px;
margin: 0 15px;
padding: 10px 0 20px 0;
}

#content p{
padding:0 0 0 6px;
margin:0 0 5px 0;
}

.mainimg{
float:left;
margin:65px 3px 0 5px;
}

#flash {
width: 100%;	
}

.contextimg{
float:left;
padding:0;
margin:0 3px 0 5px;
}


.list{
float:right;
width:200px;
padding:8px 5px 5px 5px;
margin:15px 0 15px 5px;
background:#ccffff;
border: 1px solid #047a6e;
}

.list2{
width:95%;
padding:8px 5px 8px 5px;
margin:0 0 0 5px;
background:#ccffff;
}

.address{
	float: left;
	background:#ccffff;
	margin: 5px 0 8px 0;
	border: 1px solid #047a6e;
	
}

.floatl{
float:left;
padding:7px 15px 0 10px;
margin:0 0 10px 0;
background:#ccffff;
}

.floatr{
float:right;
padding:7px 15px 0 15px;
margin:0 0 0 0;
background:#ccffff;
}

.error{
float:right;
width:230px;
padding:5px;
margin:0 0 0 0;
background:#ccffff;
}


#content ul{
padding:8px 8px 8px 20px;
margin: 0;
}

#content li{
padding:1px;
line-height:110%;
padding-bottom:6px;
}

#footer {
text-align:center;
background: #006666;
color: #fff;
padding: 5px 10px;
font-size: 75%;
border-bottom: 2px solid #ccffff;
}

#textlinks{
background: #ccffff;
clear:both;
text-align:center;
font-size:85%;
padding: 5px 10px;
}

/* Sidebar Divs */

#sidebar{
float: left;
width: 190px;
min-height:500px;
margin: 0;
padding: 5px 5px;
}

.sidebox{
float: left;
width:170px;
background-color:#ccffff;
padding:0;
margin: 0;
font-size:100%;
list-style:disc;
}

.sidebar{
	margin: 0;
	padding: 0;
}
ul.sidebar{
	margin: 0;
	padding: 0;
}

li.sidebar{
margin:0;
padding:0;
line-height:110%;
list-style-type:none;
}

.sidebar dl{
	margin: 0;
	padding: 0;
}

.sidebar dt{
font-size:95%;
font-weight:bold;
padding:4px 10px 5px 5px;
margin:13px 0;
color:#fff;
background:#047a6e url(images/nav_off.gif) repeat-x top;
}

.sidebar dd{
background-color:#ccffff;
padding:0 0 5px 5px;
margin:0 0 2px 2px;
font-size:90%;
}

.sidebar dd.date{
background-color:#ccffff;
padding:0 0 1px 0;
border-bottom:solid #0b257b 1px;
line-height: 90%;
font-size: 85%;
font-style: italic;
margin: 0 0 2px 3px;
font-weight: bold;
}

/* End Sidebar Divs */


.bold{
    font-weight:bold;
	color: #047a6e;
}

a.abold:link{
color: #047a6e;
}

a.abold:active , a.abold:hover , a.abold:visited{
color: #006699;
}	

.bold-alt{
font-size:105%;
font-weight:bold;
color: #222;
}


.sheader {
font-size:95%;
font-weight:bold;
padding:3px 10px 3px 0;
margin:5px 0;
color:#fff;
background:#047a6e url(images/nav_off.gif) repeat-x top;
}

#content h1 {
margin: 0 0 3px 3px;
padding: 0;
font-size:115%;
font-weight:bold;
color: #006666;
border-bottom: solid 1px #006666;
line-height:100%;
}

.testimonials h1{
margin-top: 10px !important;
}

.mheader {
font-size:95%;
font-weight:bold;
padding:4px 10px 5px 5px;
margin:8px 0 5px 0;
color:#fff;
background:#047a6e url(images/nav_off.gif) repeat-x top;
}

a:link {color:#000;}
a:visited {color:#000}
a:hover, a:active {color:#006699;}

a.footerlink:link{color:#ccffff;}
a.footerlink:visited, a.footerlink:hover, a.footerlink:active {color:#FFF;}

.clear {
clear:both
}

img.direction{
	padding-bottom: 12px;
}

/* Table Style */

 #form table {
	background-color: #ccffff;
	margin: 5px 0 8px 0;
	padding: 15px;
	color: #000000;
 	width: 400px;
 	border: 1px solid #D7E5F2;
 	border-collapse: collapse;
}

#form td {
 	padding: 4px;
	background-color: #ccffff;
}

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #000;
 background-color: transparent;
 width: 100px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
 white-space:nowrap;
 overflow:auto;
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #000;
 width: 100px;
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000;
 text-align: right;
 
}

/* Bio Float Stuff */
.biowrap{
float:left;
width:100%;
padding:5px 0;
}

.biowrap img{
		padding: 0;
	margin: 0;
}

.caption{
margin:0;
padding:0;
font-size:85%;
line-height:1.3em;
color:#666;
}

.bios{
width:100%;
float:left;
}

.bios dl{
float:left;
width:330px;
margin: 10px 2px;
padding-left: 10px;
padding-bottom:0;


display:inline; /* fixes IE/Win double margin bug */
}

.bios dt{
float:right;
width:100%;
margin:0;
padding:0 0 2px 3px;
font-size: 130%;
color:#006666;
background:#fff;
border-left: 3px solid #006666;
	font-weight: bold;
}

.bios dd{
margin:0;
padding:3px 0 0 0;
font-size:85%;
line-height:1.3em;
color:#000;
}

.bios dd.img img{
float:left;
margin: 0 8px 0 0;
padding:4px;
border: 1px solid #0b257b;
background:#fff;
}

.bios dd.sub {
font-size:100%;
padding-bottom:2px;
font-style: italic;
font-size: 95%;
}


/* Reverse Float */
.bios .alt dt{
float:right;
}

/* Camp Pics CSS */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay { background-image:url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/* End Camp Pics CSS */

#simpleViewer{
	height:550px;
}

/* Begin Payments */
.payarea{

}
.payment{
	float: left;
}
/* End Payments */