@charset "UTF-8";
body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background:#fff;
	margin: 0;
	padding: 0;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
 p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: none;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
	border:none;
}
embed { 
	vertical-align:top;
}

p{font-weight:normal;}

a{outline:none;cursor:pointer;text-decoration:none;}
a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.wrapper1{width:950px; margin-left:20px;}

.logo{width:330px; float:left; margin-right:20px; margin-top:300px; }
.main{width:600px; float:left;}
.main2{width:580px; float:left; padding:150px 10px 40px 10px; }



.social{width:330px; height:90px;margin-top:10px; }
.social a.face{width:30px; height:30px; float:left; display:block; margin-right:10px;}
p.small{font-size:9px;}

nav{width:330px; height:auto;}


.menu { 
	height:auto;
	display: block;
	width:210px;
	margin-left:120px;
}

.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
	overflow: hidden;
	position: relative;
	text-align: right;
	line-height: 30px;
	width:200px; padding-right:10px; margin-bottom:3px;
}

.menu ul li a {
	/* must be postioned relative  */ 
	position: relative;
	display: block;
	width: 200px;
	padding-right:10px;
	height: 30px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.menu ul li a span {
	/* all layers will be absolute positioned */
	position: absolute;
	left: 0;
	width: 200px;
	padding-right:10px;
}

.menu ul li a span.out {
	top: 0px;
}

.menu ul li a span.over,
.menu ul li a span.bg {
	/* hide */  
	top: -45px;
}
#menu2 {
	background: #fff;		
}

#menu2 ul li a {
	color: #000;
}

#menu2 ul li a span.over {
	background: #f0f0f0;
	color: #000;
}
#menu2 li a.current{color:#000; background-color:#f0f0f0;  text-decoration:none;}/*877b6d*/
#menu2 li a.current:hover{cursor:default;}


ul.tabs{ list-style:none; margin:10px auto; padding:0; width:200px; float:left; position:relative; z-index:0; }
ul.tabs li{
	height:20px;
	display:block;
	position:relative;
	margin:10px 0; 
	font-size:12px;
	line-height:20px;
	border-bottom:1px solid #fff; text-indent:5px;
}
ul.tabs li a:link{display:block; height:15px; text-decoration:none; padding-bottom:5px;  }
ul.tabs li a:hover{border-bottom:1px solid #F60;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	border-bottom:1px solid #F60;	
	cursor:default !important; 
	color:#000 !important;
	position:relative;
}

.panes {
	width:310px;
	margin:10px auto;
	float:left;
	position:relative;
	z-index:1;
	padding:0;
	font-size:12px; border-left:1px solid #F60; padding:0 0 5px 8px; min-height:450px;
}
.panes .paneswrapp{display:none;  margin:0px auto;}

.downloadwrapper{width:580px; padding:20px 0;margin:10px auto; border-top:2px solid #ccc;  border-bottom:2px solid #ccc; }
.downloadwrapper img{border:1px solid #ccc;}
h2 {font-size:17px; color:#333;}
h3 {font-size:14px; color:#333;}
h2.silver{color:#F60; font-size:12px; font-weight:normal; line-height:15px; padding-top:3px;}
h4{font-size:13px; color:#333;}

.leftbox{width:200px; float:left; margin-right:30px;}
.rightbox{width:350px; float:left; font-size:12px;}
.rightbox img{float:left; margin:5px 5px 5px 0;}
ul.tracks{ text-decoration:none; list-style-type:none; margin-top:5px;  list-style-position:inside; float:left; margin-right:20px; margin-bottom:20px;}

#button2{width:200px; height:75px; display:block; }
#button2 img{ border:none;}
.donate{width:560px; margin-bottom:20px; background:#fff; font-size:11px; }


.fleft{float:left}
.fright{float:right}
.contactwrapper{width:320px; padding:40px;  margin:10px auto 0 auto; font-size:12px; color:#fff; font-weight:bold; background:#000;}
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}

/* Contact form */
input[type="text"] {color:#666;font-size:13px;vertical-align:middle;font-weight:normal;margin:0 0 10px 0;background:#fff;outline:none;width:205px;}
#contact-form fieldset{border:none;padding:0}
#contact-form label {display:block;min-height:28px;font-weight:bold; margin-bottom:5px;}
#contact-form label span{ display:block;}
textarea{height:80px;overflow:auto; resize:none; width:312px;}
#contact-form .message{min-height:150px;}
#contact-form .message .form-text{width:100%; padding-bottom:10px;}
.buttons{position:relative; overflow:hidden; padding:17px 1px 0 0; text-align:right;}
.buttons span{position:relative; overflow:hidden; margin-left:8px;}
.success, .error, .empty{display:none; text-align:left;}
.error, .empty{position:relative; color:red; font-size:8px; top:0px; left:168px;}
.message .error,.message  .empty{left:10px;}
.success, .success strong{ color:#fff; text-align:right;}
.form-text{ display:block; width:105px; font-weight:bold; color:#fff; line-height:20px;}
.button{display:inline-block; font:bold 13px/18px Arial, Helvetica, sans-serif; color:#fff; background:#1f1f1f; padding:6px 16px;}
.button:hover{ text-decoration:none;}