/* 
    Thanks to Chris Coyier & Tom Gavin
              http://chriscoyier.net
              http://tomgavin.net
*/

* 						{ margin:0; padding:0; }
body 					{ color: #1B1B32; font-size: 75%; letter-spacing: 0.04em;
							font-family: arial, sans-serif; 
							background-color: white;
							background: url(images/background.png) repeat-y left;}
ul, li					{ font-size: 1.1em; list-style: none; }
a 						{ outline: none; color: #6A3C00; font-family: arial, sans-serif; 
							text-decoration: none; }
a.light					{ color: #ccccff}
a:hover, a:active		{ text-decoration: underline; }
img	a a:hover			{ text-decoration: none; }
p, td					{ margin-top: 12px; line-height: 1.2em; }


.small					{ font-size: .9em }
.white					{ color: white }
.gray					{ color: #777777; }
.italics				{ font-style: italic }

h2						{ font-size: 2em; letter-spacing: -0.05em;
							margin-bottom: 7px; }
h3						{ font-size: 1.15em; font-weight: bold; letter-spacing: -0.03em;
							margin-bottom: 7px;}
							
.clear					{ clear: both; }

div#page-wrap			{ width: 950px; }

div#left-wrap			{float: left; width:251px;}

div#logo				{ text-indent: -9999px;
							height: 251px; width: 251px;
							background: url(images/toplogo.png) no-repeat top;
							margin-top: 15px;}							  
div#logo a				{ display: block; width: 251px; height: 251px; margin-bottom: 10px}

div#facebook-logo		{ float: left; text-indent: -9999px; height: 50px; width: 50px; margin-top: 1px; background: url(images/logo-facebook-2.png) no-repeat top left;}
div#facebook-logo a		{ display: block; height: 50px; width: 50px; margin-top: 1px;}
div#facebook-logo:hover { background-position: top right; }

div#facebook			{ height: 75px; width: 350px; margin-top: 15px;}
div#facebook p			{ padding: 10px 0 0 55px; }

div#about				{ color: white; padding: 30px 0px 10px 20px; width: 200px;}
div#about a				{ color: #dfa600; }

a#music-film-tm2-sm		{ display: block; width: 75px; height: 50px; border: 1px solid; background: url(images/music-film-tm2-sm.png) no-repeat top left; float: left; margin: 0 5px 0 0; }
a#music-film-tm2-sm:hover	{ background-position: top right; }

a#music-film-tm2		{ display: block; width: 150px; height: 100px; border: 1px solid; background: url(images/music-film-tm2.gif) no-repeat top left; }
a#music-film-tm2:hover	{ background-position: top right; }

div#small-trumpet		{ width: 400px; margin-top: 30px;}

div#right-wrap			{ float: left; width: 211px; margin-top: 40px; }
.right-single			{ color: white; width: 211px; background: url(images/bg-blue.png); margin-top: 20px; }
.right-single a			{ color: white; }
.right-single a	h2		{ color: white; }
.right-single a img		{ padding: 1px; }

div#main-content		{ float: left; width: 450px; margin-left: 30px; min-height: 550px; }

div#news				{ width: 400px; padding-top: 30px; margin-top: 30px; margin-bottom: 30px;}
div#news img			{ margin: 0px 4px 0 0; }
							 
div#thanks				{ width: 400px; padding: 80px 0 0 40px; }

.number					{ float: right; font-family: arial; font-size: 4em; font-weight: bolder; padding-left: 30px; }

.square-button			{ display: block; float: left; border: 0px; margin: 0 8px 1px 0; cursor: pointer; height: 80px; width: 80px; background-image: url(images/paypal-donate-square.png);}
.square-button:hover	{ background-image: url(images/paypal-donate-square-hover.png);}

.button					{ display: block; color: white; margin-top: 2px;  font-size: 1.3em; letter-spacing: -0.05em; background-color: #1B1B32; }
.button:hover			{ color: black; background-color: white; }
							
div#lightbluebox		{ width: 400px; background: url(images/bg-lightblue.png) center repeat-y; margin-bottom: 20px; }
.inside-pad				{ padding: 0 17px; }
div#inside-box			{ padding: 0 12px; }
div#inside-inside-box	{ padding: 0 5px; }
div#inside-inside-box:hover	{ background-color: white; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div#inside-inside-box a img	{ border: 0; }

div#footer				{ margin-top: 2em; }
div#footer2				{ margin-top: 2em; margin-left: 275px; }