/* CSS Document for Educational Theater Programs */

/*****************************************************************
* GLOBAL STYLES
*****************************************************************/


body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
background: #ebebeb;
padding: 0;
}

body, p, td, table, ul, li, ol, span, form { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #333333; 
text-decoration: none; 
}

a {
color: #006d9d;
}

#content {
	margin-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	
}

#content_nosnav {
	margin-top: 15px;
	padding-right: 15px;
	padding-bottom: 100px;
	padding-left: 15px;
	
}

/*****************************************************************
HOMEPAGE
*****************************************************************/

.hmpg
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #333333;
	background-color: White;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.hmpg_served {
   text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #e48426;
}

a.snav_hmpg {
   text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #e48426;
}

a.snav_hmpg:hover {
	text-decoration: underline;
}

ul#snav_hmpg   {
text-decoration: none; 
margin-left: 0px;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 10px;
list-style: none;
}

ul#snav_hmpg  li  {
text-decoration: none; 
margin-left: 0px;
margin-bottom: 7px;
padding-left: 15px;
background-image: url(../images/misc/snav_bullet_orange.gif);
background-repeat: no-repeat;
background-position: top left;
list-style: none;
}

.hmpgquote
{
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	color: #89ab07;
	background-color: White;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
}

.defaultbkgr  {
	background-color: #c1d573;
}

.best  {
	background-color: #fbcc65;
}

.zip  {
	background-color: #c1a5d2;
}
.peace  {
	background-color: #66cb96;
}
.nightmare  {
	background-color: #57ccd7;
}
.secrets  {
	background-color: #a8a8a8;
}
.community  {
	background-color: #f7aa50;
}
/*****************************************************************
HEADLINES AND SUNBHEADS
*****************************************************************/
h1 { 
font-size: 18px; 
color: #ffffff; 
font-weight: bold;
}

h2 { 
font-size: 14px; 
color: #5c8303; 
font-weight: bold; 
padding-top: 2px;
margin-bottom: 5px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	margin-bottom: 5px;
	color: #525252;
	text-transform: uppercase;
}

.best h2 {
	font-size: 14px;
	color: #C18213;
	margin-bottom: -8px;
	background-color: #fbcc65;
}

.community h2 {
	font-size: 14px;
	color: #B9600B;
	margin-bottom: -8px;
}

.nightmare h2 { 
font-size: 14px; 
color: #1A838C; 
margin-bottom: -8px;
}

.peace h2 { 
font-size: 14px; 
color: #236F48; 
margin-bottom: -8px;
}

.secrets h2 { 
font-size: 14px; 
color: #525252; 
margin-bottom: -8px;
}

.zip h2 { 
font-size: 14px; 
color: #7A5B8C; 
margin-bottom: -8px;
}

/*****************************************************************
NAVIGATION
*****************************************************************/
.nav {
   
	padding-right: 25px;
}

a.nav:link, a.nav:visited {
text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #f57a24;
	text-decoration: none;
	margin-right: -18px;
}

a.nav:hover {
	font-weight: bold;
	font-size: 14px;
	color: #f57a24;
	text-decoration: underline;
}

/* SIDE NAV */
a.snav {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.snav:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}

ul#snav  {
	text-decoration: none;
	margin-left: 25px;
	margin-top: 40px;
	margin-bottom: 15px;
	padding-left: 10px;
	list-style: none;
}

ul#snav  li  {
	text-decoration: none;
	margin-left: -15px;
	margin-bottom: 12px;
	padding-left: 16px;
	background-image: url(../images/misc/snav_bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
	
}

/* SIDE NAV - used for orange sidebars, Best Me, Community Troupe */
a.snav_org {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.snav_org:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}

ul#snav_org  {
	text-decoration: none;
	margin-left: 25px;
	margin-top: 40px;
	margin-bottom: 15px;
	padding-left: 10px;
	list-style: none;
}

ul#snav_org  li  {
	text-decoration: none;
	margin-left: -15px;
	margin-bottom: 12px;
	padding-left: 16px;
	background-image: url(../images/misc/snav_bullet_org.gif);
	background-repeat: no-repeat;
	background-position: top left;
	list-style: none;
	font-weight: bold;
}


/*****************************************************************
NO DISPLAY
*****************************************************************/

#printheader, #copyright {
display: none;
}



/*****************************************************************
* SECTION SIDE BARS
*****************************************************************/

.sidebar {
	background-color: #99b446;
	background-image: url(../images/sidebar/sbar.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.sidebarZip {
	background-color: #a278bb;
	background-image: url(../images/sidebar/sbar_zip.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.sidebarBest {
	background-color: #fdb924;
	background-image: url(../images/sidebar/sbar_best.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

}

.sidebarPeace {
	background-color: #3bbd79;
	background-image: url(../images/sidebar/sbar_peace.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

}

.sidebarNightmare {
	background-color: #24bac8;
	background-image: url(../images/sidebar/sbar_nightmare.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

}

.sidebarSecrets {
	background-color: #808080;
	background-image: url(../images/sidebar/sbar_secrets.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

}

.sidebarCT {
	background-color: #f49134;
	background-image: url(../images/sidebar/sbar_community.jpg);
	background-repeat: no-repeat;
	background-position: bottom;

}



.sidebartxt {
	margin: 10px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	white-space: pre;
}


/*****************************************************************
* SECTION SIDE BARS
*****************************************************************/

td table.snav {
	
	vertical-align: top;
}


/*****************************************************************
INPUT BOX
*****************************************************************/

fieldset {
	border: 1px solid #AEC84A;
	margin-top: 10px;
	margin-bottom: 20px;
}

legend {
	font-size: 13px; 
   color: #5c8303; 
   font-weight: bold; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: -5px;
}

/*label, input {
  display: block; 
   width: 15em; 
   float: left; 
   margin-bottom: 0.5em;
}
label { 
   text-align: right; 
   width: 15em; 
   padding-right: .5em;
}
br { 
   clear: left;
}

*/

label {
	font-size: 11px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
}

label.radio, label.check {
	margin-left: -8px;
}

input, option, select {
	font-size: 10px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px 2px 0px 2px;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	font-size: 11px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 2px 0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.styled label, .styled input { display: block;  float: left; margin-bottom: 0.5em; }
.styled label, .styled2 label { text-align: right; width: 5em; padding-right: 1em; }


/*****************************************************************
FOOTER
*****************************************************************/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
	font-weight:bold;
	padding: 0px 14px 0px 14px;
	line-height: 25px;
}

a.footer:link, a.footer:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #666666; 
text-decoration:none;
}

a.footer:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #666666; 
text-decoration:underline;
}



/*****************************************************************
MMC FOOTER
*****************************************************************/
.mmc {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #8a7b68; 
font-size: 9px;
}

a.mmc:link, a.mmc:visited {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #8a7b68; 
text-decoration:none;
}

a.mmc:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #8a7b68; 
text-decoration:underline;
}


/*****************************************************************
MISC
*****************************************************************/

a.backtolink:link, a.backtolink:visited  {
	font-size: 10px;
	text-decoration: none; 
}

a.backtolink:hover { 
text-decoration: underline;
}

.small {
	font-size: 9px;
}

.required {
color: red;
}