/*
Theme Name: Joyful
Theme URI: http://www.joyfulnoisemusicschool.org/
Description: Describe your theme
Version: 1.0
Author: Bonnie Remeika
*/



@charset "UTF-8";
/* CSS Document */

#allhead{
	height: 329px;
	margin: 0 auto;
	float: left;
	text-align: center;
	width: 100%;
}

body{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://joyfulnoisemusicschool.org/wp-content/themes/joyful/images/bgpattern.jpg);
	background-repeat: repeat-x;
	text-align: center;
	min-height: 100%;/*sets the body to the window height*/
_height:100%;/*ie 6 hack - better in a specific stylesheet*/
position: relative;/*tells the footer to use the body the reference when setting position*/
        }

#keysmain{
	width: 800px;
	top: 0px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}

#allcontent{
	position: relative;
	clear: left;
	height: 1000px;
	width: 750px;
	margin: 0 auto;
	top: 10px;
	float: inherit;
	background-color: #FFFFFF;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

#leftcont{
	position: relative;
	width: 490px;
	text-align: left;
	float: left;
	max-width: 490px;
	min-width: 490px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#rightcont{
	position: relative;
	width: 200px;
	float: right;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #bc3605;
	background-repeat: no-repeat;
	background-color: #fffede;
	height: 900px;
	background-image: url(http://joyfulnoisemusicschool.org/wp-content/themes/joyful/images/contside.jpg);
}



#allfooter{
	position: relative;
	clear: left;
	width: 100%;
	bottom: 0px;
	height: 74px;
	left: 0px;
	background-image: url(http://joyfulnoisemusicschool.org/wp-content/themes/joyful/images/footer.jpg);
	background-repeat: repeat;
	top: 100px;
}

html {
height: 100%;/*makes the html the full window height*/
}

#footermid{
	position: absolute;
	width: 800px;
	margin-left: -400px;
	left: 50%;
	height: 74px;
	background-image: url(http://joyfulnoisemusicschool.org/wp-content/themes/joyful/images/footercenter.jpg);
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	padding-top: 0px;
	background-repeat: no-repeat;
}


#wrapper{
	width: 750px;
	margin: 0 auto;
	background-color: #FFFFFF;
	height: 100%;
	border-right-color: #003399;
	border-right-width: 2px;
	border-right-style: solid;
}


#gb_form_div {
	text-align : left;
	width : 400px;
	padding-left: 0px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#gb_form {
	text-align : left;
	background-color : transparent;
}

#gb_form_div a {
	color : #333333;
}

#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
	color : #333333;
	text-decoration : underline;
}

#gb_form fieldset {
	border : 0;
	margin-top : 10px;
}

#gb_form legend, #gb_form dt {
	font-weight : bold;
	color : #cccccc;
}

#gb_form legend {
  margin-left : -10px;
}

#gb_form legend#mainlegend {
	font-size : 1.2em;
	color : #333333;
	margin-left : -10px;
}

#gb_form legend#mainlegend small { 
  font-size : .7em;
  text-transform : uppercase;
}

#gb_form_div .main_formhead {
  font-size : 1.4em;
}

#gb_form label {
	color : #333333;
	margin-top : 10px;
	font-size: 12pt;
	padding-bottom: 10px;
	line-height: 14pt;
}

#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox {
	font : 1em 'lucida grande', verdana, arial, sans-serif;
	color : #FFFFFF;
	padding : 4px;
	border : 1px solid #cccccc;
	background-color : #bc3605;
	line-height : 1.5em;
	width : 300px;
}

#gb_form input.short {
  width : 45px;
}

#gb_form textarea.textbox {
  width : 400px;
}

#gb_form select.med {
  width : 250px;
}

#gb_form input.checkbox {
  padding : 0; 
}

#gb_form label input.checkbox {
  margin : 0;
}

* html input.button {
	color : #FFFFFF;
	padding : 4px;
	border : 1px solid #cccccc;
	background-color : #bc3605;
}


/* NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus {
	color : #444;
	padding : 4px;
	border : 1px solid #cccccc;
	background-color : transparent;
}

input.button {
  margin-top : 10px;
}

span.error, span.success, #gb_form_div dt { 
  color : #cd0000;  
  font-weight : bold; 
}

#gb_form_div dt small, span.success, dl#result_dl_blockq dt {
  color : green;
}

small.whythis, small.whythis a { 
  font-size : .9em; 
}

#gb_form small.whythis a span {
	font-size : 0.9em;
	color : #fff;
	border : 0px solid #cccccc;
	padding : 0 3px 0 3px;
}

#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { 
  text-decoration : none;
  color : #000;
}

#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span {
	border : 0px solid #cccccc;
	background-color : transparent;
	color : #000;
	font-weight : bold;
}

p.creditline small { 
  display : block;
  text-align : right;
  margin : 5px 0;
  font-size : .7em;
  letter-spacing : .0001em;
  color : #666;
}

/* NOTE: .abbr class is for IE */
.abbr {
	cursor : help;
	border-bottom : 0px dashed #cccccc;
}

dl#result_dl_blockq blockquote {
  margin-left : 0;
}

dl#result_dl_blockq blockquote p cite {
  display : block;
  text-align : right;
}

#gb_form_div span.items {
	font-weight : bold;
	color : #333333;
}