/*-----------------------------------------------------------------------------------
Rubio's Dance Studio and FX Website
--------------------------------------------------------------------------------------*/

/* MAIN LAYOUT */

html, body {
   font-size: 11px;
   margin: 0;
   padding-bottom: 20px;
   background-color: rgb(255, 255, 255);
   background-image: url(imgs/RD_background.jpg);
   background-repeat: repeat;
   font-family: Verdana, Arial, Helvetica, san-serif;
   text-align: center;        /* ie hack to center container */
   }
   
/* section spacers */
.spacer {
   margin: 1em 0 0 0;
   padding: 0;
   border: 1px solid rgb(205, 205, 205);
   border-width: 1px 0 0;
   }

/* links */
a {text-decoration: none;}
A:link, A:visited {color: rgb(94, 24, 87);}
A:hover	{
	color: #999;
}
a img {border: none;}
a.doctitle {line-height: 1.25em;}

/* headings and p */
h1, h2, h3, p {
   margin: 0;
   padding: 0;
   }
h1 {
   font-size: 1.5em;
   font-family: Tahoma, Verdana, sans-serif;
   font: bold;
   }
h2 {
	font-size: 1.35em;
	margin-top: .75em;
   }
h3 {
   font-size: 1em;
   margin-top: 1em;
   margin-bottom: 0;
   color: rgb(36, 56, 143);
   display: block;
   }
h4 {
   font-size: 1em;
   margin-top: 0.75em;
   margin-bottom: 0;
   font: bold;
   }
h5 {
   font-size: 1em;
   margin-top: 0.5em;
   margin-bottom: 0;
   font-weight: normal;
   font: italic;
   }
p  {
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
   }
p.nopad {
   padding: .25em 0 0;
   }
   
/* TABLES */
/* main table */
table {
/*   width: 710px;
   margin: 10px 20px 20px;
   border: 1px solid black; */
  /* width: auto; */
   margin: 0;
   padding: 0;
   } 
td {
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	padding: 0 1.05em 1.00em;

   }
td.title {
   padding: 0.20em 1.25em 0.20em 1.25em;
   border-width: 1px 0 0 0;
   }
td.left {
   width: 25%;
   border-width: 1px 0 0 0;
   }
td.middle {
   border-width: 1px 1px 0px 1px; 
   width: 50%;
   }
td.right {
   border-width: 1px 0 0 0;
   width: 25%;
   }
td.left_two_col, td.right_two_col {
   border-width: 1px 0 0 0;
   padding-bottom: 0px;
   }
   
/* subtable: list of steps */
table.listing {
   width: 100%;
   margin: 1em 0 1em;
   padding: 0;
   border: 1px solid rgb(204, 204, 204);
   clear: left;
   }
.listing td, th {
	font-size: 24px;
	text-align: center;
	vertical-align: top;
	padding: 0.5em;
   }
.listing td {
   border: 1px dotted rgb(204, 204, 204);
   border-width: 1px;
   }
.benefits td {
   padding: 0.2em;
   }
.listing td.form {
   width: 30%;
   }
.listing th {
   background: rgb(92, 129, 170);
   padding: 0.1em 0.5em;
   }



/* LISTS */

ol {
   margin: 0 0 0 25px;
   padding: 1em 0 0;
   }
ul {
   margin: .5em 0 0 15px;
   padding: 0;
   }

li.steps {
   padding: 0 0 0.5em 0;
   }

/* IMAGES */

img {
	padding: 0;
	margin: 0;
	border: none;
   }
img.floatcenter {
   float: none;
   margin: 0 0 1em 1.25em;
   border: 1px solid gray;
   clear: both;
   }
img.floatright {
   float: right;
   margin: 0 0 1em 1.25em;
   border: 1px solid gray;
   clear: right; 
   }
img.floatleft {
   float: left;
   margin: 0 1.25em 1em 0;
   border: 1px solid gray; 
   clear: left;
   }
img.floatright_noborder {
   float: right;
   margin: 0 0 1em 1.25em;
   }
img.floatleft_noborder {
   float: left;
   margin: 0 1.25em 1em 0;
   }
img.calendar {
   display: block;
   text-align: center;
   margin-left: auto;
   margin-right: auto;  
   }
   
/* CONTAINER */
/*Contains entire site - centers site on page */

html>body #container {   /*Accomodates FireFox's added padding due to including border widths */
   width: 760;
   }
   
#container {
	padding: 0px;
	width: 765px;
	border: 1px solid;
	border-color: #AAA #444 #444 #AAA;
	border-width: 1px 2px 2px 1px;
	color: #000;
	background: #FFF;
	text-align: left;          /* over-rides parent (body) centering - ie hack */
	position: relative;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
   }

/* MASTHEAD */

#pageheader {
   height: 108px;
   background: url(./images/stripe.gif) 0 85px repeat-x;
   border-color: #AAA #444 #444 #AAA; 
   border-width: 1px 2px 2px 1px;
   background-color: rgb(255, 255, 255);
   }

#pageheader #house {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   }
   
/* FOOTER */

#footer {
	height: 50px;
	background: url(./images/stripe.gif) 0 85px repeat-x;
	border-color: #FFFFFF;
	border-width: 1px 1px 1px 1px;
	background-color: rgb(255, 255, 255);
	width: 750px;
   }

#pagefooter #footerhouse {
   position: absolute;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
   }
 

/* NAVIGATION */
 
#nav { 
   margin: 0;
   padding: 0;
   position: center;
   left: auto;
   top: 86px;
   bottom: auto;
   right: -1px;
   }

#nav li {
   list-style: none;
   float: left;
   width: auto;
   white-space: nowrap;
   font-size: 10px; 
   line-height: 22px;
   margin-left: 0px;
   padding-left: 12px;
/*   background: #BBB url(./images/tabs2-big.gif) 0 0 no-repeat; */
/*   background-color: rgb(30, 69, 153); */
   background-color: rgb(94, 24, 87);
   border-right: 1px dotted grey;
   }
#nav a {
   display: block;
   font-weight: bold;
   float: left;
/*   background: #BBB url(./images/tabs2-big.gif) 100% 0 no-repeat; */
/*   background-color: rgb(30, 69, 153); */
   color: rgb(255, 255, 255);
   padding: 0 12px 0 0;
   }
html>body #nav a {width: auto;}  /* fixes IE6 hack */
/* Commented Backslash hack hides rule from IE-5-Mac \*/
#nav a {float: none;}   /* End IE5 MAc hack */
#nav a:hover { 
   color: #cc0000;
   border-color: #000 #CCC #CCC #000;
   }    
   
#nav #current, #nav #current a {
   background: rgb(146, 153, 157);
   }
#nav #current a{
   color: rgb(255, 255, 255);
   }  
/* MAIN CONTENT AREA */

#content {
   clear: left;
   }

/* POPUP WINDOWS FOR MTK 

#container.toc {
   margin: 0;
   width: 325px;
   padding: 1.5em;
   font-size: 11px;
   }

#container.toc h1 {
   padding: 0 2em 0.125em 0;
   margin: 0 0 0.25em 0;
   line-height: 1em;
   border: 1px solid rgb(204, 204, 204);
   border-width: 0 0 1px 0;
   }
#container.toc h4 {
   font-size: 1em;
   font-family: Verdana, sans-serif;
   text-transform: uppercase;
   }
*/
.jr_crew_banner {
	font-family: "Stencil Std";
	font-size: 36px;
	font-style: normal;
	text-transform: none;
	color: #FFF;
	text-align: center;
}
.jr_crew_subtitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-align: center;
	font-variant: normal;
	text-transform: none;
}
.jr_crew_subtitle2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFF;
	text-align: center;
	text-transform: none;
}
.jr_crew_email {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
}
.Crew_Title {
	font-family: "Stencil Std";
	font-size: 42px;
	color: #FFF;
}