@charset "UTF-8";
/***************** Body & Background */

* {
padding:0px;
margin:0px;}
html {
height:100%;
}
body {
background:#FFF url(../images/main/bg_sides.jpg) no-repeat center 65px;
margin:0;
padding:0;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
overflow-x:hidden; 
}
#wrapper {
margin:0 auto;
padding:0;
width:850px;
position:relative;
}
a, img {border:none; outline-style:none; text-decoration:none;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.imgpad {padding:10px 0 30px 30px;}
.minus {margin-right:-277px;}


.index-cover {
position:absolute;
top:5px;
right:0px;
width:332px;
height:97px;
background:url(../images/main/index-tshirts.png) no-repeat top center;
}
.index-cover-button {
display:block;
width:332px;
height:97px;
}
#donate {
padding:20px 0;
}
#donatebar {
background:url(../images/main/donatebg.jpg) no-repeat;
width:850px;
height:45px;
}
#donatebar p {
font-size:20px;
padding:14px 0 0 20px;
font-weight:normal;
color:#fff;
text-transform:uppercase;
}
#donatefloat {
position:absolute;
top:190px;
left:0px;
z-index:200;
height:100px;
width:100px;
background:rgba(255,255,255,.7);
}
#donatebutton {
float:left;
padding:5px 0 0 15px;
}

/***************** Header & Menu */
#header {
margin:0 0 8px 0;
}
#logo {
padding:20px 0 0 0;
}
#menu { }
#menu ul li {
background-color:#626366;
font:11px Arial, Helvetica, sans-serif;
list-style:none;
float:left;
padding-left:2px;
margin:10px 8px 15px 0;
}
#greenmenuli {
background-color:#a0bc31;
}
#menu ul li:hover {
background-color:#009ee4;
}
#menu ul li a {
background-color:#fff;
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#626366;
text-decoration:none;
padding:5px;
text-transform:uppercase;
}
#menu ul li a:hover {
color:#009ee4;
}


/***************** Front Content */

#frontcontent {
padding-bottom:40px;
}

#frontptsd {
padding:20px 0;
}
#frontcopy{
margin:0 20px 30px 20px;
width:468px;
}
#frontcopy p {
margin:5px 0 10px 0;
font:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:17px;
}
#frontvideo{
height:284px;
width:320px;
background-color:#666;
margin:0 0 0 20px;
float:left;}
#frontspreadimg {
padding:18px 20px 4px 8px;
}

/***************** inside Pages */
#bar {
padding:0 0 20px 0;
}
.insidecopy{
margin:0 20px 25px 5px;
width:568px;
}
.insidecopy p {
margin:5px 0 10px 0;
font:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:17px;
}
#insidecontent {
clear:both;
}
.musicimages {
margin:30px 20px 10px 0;
}
.insideimages {
margin:10px 20px 15px 0;
}


/***************** Type */

.copytitle {
padding:4px 0 0 0;
margin:3px 0 0 0;
font: 30px "Times New Roman", Times, serif;
color:#008cca;
}
.bullets ul, .bullets li{
margin:0 0 0 2em;
padding:0 0 0 .5em;
text-indent:0;
}
.none ul, .none li{
margin:0 0 0 2em;
padding:0 0 0 .5em;
text-indent:0;
list-style:none;
}
.none li{
padding-bottom:1em;
}
.numbers ul{
counter-reset: item;
margin-left: 0;
margin-bottom:0;
}
.numbers li{
list-style:none;
padding:0 0 0 0;
}

.roman ul{
counter-reset: item;
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
.roman li{
margin-left:2em;
text-indent:0;
list-style:none;
margin-bottom:0;
padding-bottom:0;
}
.roman li:before {
display: inline-block;
content: counter(item, lower-roman) ".";
counter-increment: item;
width: 2em;
}
.underline {text-decoration:underline;}
.whitetext{
	font-size:12px;
	line-height:19px;
	font-weight:normal;
	color:#fff;
}
.title {
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	padding:3px 0 0 7px;
	font-weight:normal;
	color:#fff;
}
.bold {font-weight:bold;}
.gray {color:#616266;}
.green {color:#a0bc31;}
.blue {color:#008cca;}
.pink {color:#eb008b;}
.plusone {font-size:13px;}
.minusone {font-size:11px;}
a {color:#eb008b;}
a:hover {color:#616266;}





/***************** Rounded Corners */

/***************** BLUE */
#frontbluecontent {margin: 0 11px; height: 17px;}
#frontblueroundbox {width: 850px;}
#frontblueroundbox { background: url(../images/main/blue_background.gif) repeat; }
.bluetop div  { background: url(../images/main/blue_topleft.gif) no-repeat top left; }
.bluetop      { background: url(../images/main/blue_topright.gif) no-repeat top right; }
.bluebot div  { background: url(../images/main/blue_bottomleft.gif) no-repeat bottom left; }
.bluebot      { background: url(../images/main/blue_bottomright.gif) no-repeat bottom right; }

.bluetop div, .bluetop, .bluebot div, .bluebot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

#frontbluecontent p{
	font-size:20px;
	color:#fff;
	padding:0 0 0 7px;
}
#frontrightside {
	margin:0 0 20px 20px;
}

/***************** GREEN */
#insidegreencontent {margin: 0 11px; height:20px;}
#insidegreenroundbox {width: 850px;}
#insidegreenroundbox { background: url(../images/main/green_background.gif) repeat; }

#frontgreenroundbox {width: 508px; float:left;}
.greentop div  { background: url(../images/main/green_topleft.gif) no-repeat top left; }
.greentop      { background: url(../images/main/green_topright.gif) no-repeat top right; }
.greenbot div  { background: url(../images/main/green_bottomleft.gif) no-repeat bottom left; }
.greenbot      { background: url(../images/main/green_bottomright.gif) no-repeat bottom right; }

.greentop div, .greentop, .greenbot div, .greenbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

/***************** PINK */
#frontpinkcontent {margin: 0 0 0 11px;padding-bottom:10px;}
#frontpinkroundbox {width: 320px;}
#frontpinkroundbox { background: url(../images/main/pink_background.gif) repeat; }
.pinktop div  { background: url(../images/main/pink_topleft.gif) no-repeat top left; }
.pinktop      { background: url(../images/main/pink_topright.gif) no-repeat top right; }
.pinkbot div  { background: url(../images/main/pink_bottomleft.gif) no-repeat bottom left; }
.pinkbot      { background: url(../images/main/pink_bottomright.gif) no-repeat bottom right; }

.pinktop div, .pinktop, .pinkbot div, .pinkbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
#frontpinkcontent p, #frontyellowcontent p, #frontlightgreencontent p{
	padding-top:12px;
	margin:3px 15px 0 7px;
}

/***************** PURPLE */
#frontpurplecontent {margin: 0 0 0 11px;padding-bottom:10px;}
#frontpurpleroundbox {width: 320px;}
#frontpurpleroundbox { background: url(../images/main/purple_background.gif) repeat; }
.purpletop div  { background: url(../images/main/purple_topleft.gif) no-repeat top left; }
.purpletop      { background: url(../images/main/purple_topright.gif) no-repeat top right; }
.purplebot div  { background: url(../images/main/purple_bottomleft.gif) no-repeat bottom left; }
.purplebot      { background: url(../images/main/purple_bottomright.gif) no-repeat bottom right; }

.purpletop div, .purpletop, .purplebot div, .purplebot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
#frontpurplecontent p, #frontyellowcontent p, #frontlightgreencontent p{
	padding-top:12px;
	margin:3px 15px 0 7px;
}


/***************** YELLOW */
#frontyellowcontent {margin: 0 0 0 11px; padding-bottom:10px;}
#frontyellowroundbox {width: 320px;}
#frontyellowroundbox { background: url(../images/main/yellow_background.gif) repeat; }
.yellowtop div  { background: url(../images/main/yellow_topleft.gif) no-repeat top left; }
.yellowtop      { background: url(../images/main/yellow_topright.gif) no-repeat top right; }
.yellowbot div  { background: url(../images/main/yellow_bottomleft.gif) no-repeat bottom left; }
.yellowbot      { background: url(../images/main/yellow_bottomright.gif) no-repeat bottom right; }

.yellowtop div, .yellowtop, .yellowbot div, .yellowbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

/***************** lightgreen */
#frontlightgreencontent {margin: 0 0 0 11px; padding:10px}
#frontlightgreenroundbox {width: 508px;}
#frontlightgreenroundbox { background: url(../images/main/lightgreen_background.gif) repeat; }
.lightgreentop div  { background: url(../images/main/lightgreen_topleft.gif) no-repeat top left; }
.lightgreentop      { background: url(../images/main/lightgreen_topright.gif) no-repeat top right; }
.lightgreenbot div  { background: url(../images/main/lightgreen_bottomleft.gif) no-repeat bottom left; }
.lightgreenbot      { background: url(../images/main/lightgreen_bottomright.gif) no-repeat bottom right; }

.lightgreentop div, .lightgreentop, .lightgreenbot div, .lightgreenbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}

/***************** FORM */
.formtitle{
	margin:15px 0 0;
}
.forminput{
	float:left;
	margin:5px 0;
	padding:2px 0;
	width:60px;
}
.formselect{
	float:left;
	margin:5px 0;
}
.formselect select {
	padding:2px;
}
.formbutton{
	float:left;
	margin:10px 20px 30px 0;
}





/***************** FOOTER */
#footer {
background-color:#9C9EA1;
position:relative;
bottom:1px;
width:907px;
left:50%;
margin:40px 0 0 -454px;
font:Verdana, Geneva, sans-serif;
font-size:11px;
line-height:17px;
color:#616266;
}
#footercontents {
padding:20px 25px 20px 30px;

}
#footerlogo {
float:left;
background:url(../images/main/footer_logo.png) no-repeat;
height:73px;
width:58px;
margin-top:4px;
}
#footersitemap {
float:left;
padding:0 0 0 20px;
width:540px;
}
#footersitemap ul {
	list-style:none;
}
#footersitemap li{
padding-bottom:2px;
}
#footersitemap a {
color:#515256;
text-decoration:none;
}
#footersitemap a:hover {
color:#2b2c2e;
}

#footerlinks{
float:right;
}