/* @override 
	http://sfz.dev/CSS/layout.css
	http://sfzstringcamp.org/CSS/layout.css
*/

html {
	width: 850px;
	display: block;
	margin: 0 auto;
}

body {
	width: 850px;
	display: block;
	margin: 0 auto;
	padding: 25px 0;
}

div.header {
	height: 235px;
}

div.body {
	margin: 0;
	padding: 25px 25px 25px 210px;
}

/* @group page bgrounds */

body.Orchestras {
	background: #000066;
}

body.Orchestras div.body {
	background: #000066 url(../images/bgrounds/orchestras.jpg) repeat-y;
}

body.Advanced_Orchestra {
	background: #000099;
}

body.Advanced_Orchestra div.body {
	background: #000099 url(../images/bgrounds/advanced.jpg) repeat-y;
}

body.Intermediate_Orchestra {
	background: #003399;
}

body.Intermediate_Orchestra div.body {
	background: #003399 url(../images/bgrounds/intermediate.jpg) repeat-y;
}

body.Beginner_Orchestra {
	background: #0033cc;
}

body.Beginner_Orchestra div.body {
	background: #0033cc url(../images/bgrounds/beginner.jpg) repeat-y;
}

body.Twinkle {
	background: #0033ff;
}

body.Twinkle div.body {
	background: #0033ff url(../images/bgrounds/twinkle.jpg) repeat-y;
}
body.Pre_Twinkle {
	background: #0033ff;
}

body.Pre_Twinkle div.body {
	background: #0033ff url(../images/bgrounds/pretwinkle.jpg) repeat-y;
}

body.Harp {
	background: #660000;
}

body.Harp div.body {
	background: #660000 url(../images/bgrounds/harp.jpg) repeat-y;
}

body.Faculty {
	background: #330000;
}

body.Faculty div.body {
	background: #330000 url(../images/bgrounds/faculty.jpg) repeat-y;
}

body.Activities {
	background: #003300;
}

body.Activities div.body {
	background: #003300 url(../images/bgrounds/activities.jpg) repeat-y;
}

body.Registration {
	background: #000033;
}

body.Registration div.body {
	background: #000033 url(../images/bgrounds/registration.jpg) repeat-y;
}
body.Blog {
	background: #330066;
}

body.Blog div.body {
	background: #330066 url(../images/bgrounds/blog.jpg) repeat-y;
}

body.Scherzando {
	background: #ff0000;
}

body.Scherzando div.body {
	background: #ff0000 url(../images/bgrounds/scherzando.jpg) repeat-y;
}

body.Memories {
	background: #999999;
}

body.Memories div.body {
	background: #999999 url(../images/bgrounds/memories.jpg) repeat-y;
}

body.Contact_Us {
	background: #000033;
}

body.Contact_Us div.body {
	background: #000033 url(../images/bgrounds/contactus.jpg) repeat-y;
}

body.Login {
	background: #000033;
}

body.Login div.body {
	background: #000033 url(../images/bgrounds/login.jpg) repeat-y;
}



/* @end */

/* @group menubar */

div.menubar {
	width: 175px;
	height: 1000px;
	float: left;
}

div.menubar a {
	display: block;
	width: 175px;
	vertical-align: middle;
	border: none;
}

div.menubar a span {
	display: none;
}

/* @group link bgrounds */

div#Orchestras.menubar {
	background-image: url(../images/menu/Orchestras.jpg);
}

div#Advanced_Orchestra.menubar {
	background-image: url(../images/menu/Advanced_Orchestra.jpg);
}

div#Intermediate_Orchestra.menubar {
	background-image: url(../images/menu/Intermediate_Orchestra.jpg);
}

div#Beginner_Orchestra.menubar {
	background-image: url(../images/menu/Beginner_Orchestra.jpg);
}

div#Twinkle.menubar {
	background-image: url(../images/menu/Twinkle.jpg);
}

div#Pre_Twinkle.menubar {
	background-image: url(../images/menu/Pre_Twinkle.jpg);
}

div#Harp.menubar {
	background-image: url(../images/menu/Harp.jpg);
}

div#Faculty.menubar {
	background-image: url(../images/menu/Faculty.jpg);
}

div#Activities.menubar {
	background-image: url(../images/menu/Activities.jpg);
}

div#Registration.menubar {
	background-image: url(../images/menu/Registration.jpg);
}

div#Blog.menubar {
	background-image: url(../images/menu/Blog.jpg);
}

div#Scherzando.menubar {
	background-image: url(../images/menu/Scherzando.jpg);
}

div#Memories.menubar {
	background-image: url(../images/menu/Memories.jpg);
}

div#Contact_Us.menubar {
	background-image: url(../images/menu/Contact_Us.jpg);
}



/* @end */



/* @end */

div#footer {
	display: block;
	clear: both;
}

/* @group blog */

/* @group list */

ul#blog {
	display: block;
	padding: 0;
	list-style-type: none;
	font-size: 15px;
	margin-top: 25px;
}

#blog li.news_item {
	border-top: 1px solid #3f3f3f;
	padding: 25px 0;
}

#blog li.news_item span.news_small_image {
	float: right;
	padding-left: 10px;
}

#blog li.news_item span.news_small_image a {
	border: none;
}

#blog li.news_item:first-child {
	border-top: none;
}

/* @end */

/* @group article */

div.blog_body {
	background-color: black;
	padding: 10px;
}

#news_container span.news_image img {
	float: left;
	margin-right: 25px;
}

#news_container span.news_date {
	float: right;
	position: relative;
	top: -25px;	
}

#news_container span.news_summary {
	line-height: 12px;
}

span.quote_nav_links {
	clear: both;
	padding-top: 10px;
}

.blog_body #archive {
	clear: both;
	padding-top: 50px;
	height: 25px;
}

#archive p {
	margin: 5px 0 0;
	float: left;
}

#archive fieldset {
	float: right;
	border: none;
	padding: 0;
	height: 32px;
}



/* @end */



/* @end */

/* @group registration */

form#family_info,
form#camper_info {
	font-size: 16px;
}

fieldset {
	border: none;
}

form#family_info label {
	display: inline-block;
	width: 250px;
}

form#camper_info label {
	display: inline-block;
	width: 200px;
}

form#family_info input {
	display: inline-block;
	width: 200px;
}

form#camper_info input,
form#camper_info select {
	display: inline-block;
	width: 200px;
}

textarea#how_heard_about_sfz {
	width: 200px;
}

textarea#other_info {
	width: 500px;
	height: 100px;
}

#camper_info input.radio {
	width: auto;
}

form#family_info input.submit,
form#camper_info input.submit {
	float: right;
	width: auto;
}

form#camper_info td.heading input.radio {
	display: block;
	margin: 0 auto;
	width: auto;
}

form#camper_info input.checkbox {
	width: auto;
}

#registration_skills tbody tr td.category {
	width: 170px;
}

#registration_skills tbody tr td.heading {
	display: table-cell;
	width: 100px;
	text-align: center;
	font-size: smaller;
}

#camper_info fieldset.page2 label.no_block {
	display: block;
	width: inherit;
}



/* @end */