/*  Reset Styles Css File Downloaded from meyerweb.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;text-align:left}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""}

/* HTML */
body { margin: 0px 0px;  background: url('../../_bin_/images/true-star-header.gif') no-repeat 50% 0 #6f297b; font: 12px Verdana, Trebuchet MS, sans-serif; color: #fff; line-height: 16px; }
h1 { display: block; font-size: 30px; color: #b0cf47; text-transform: uppercase; padding: 16px 0px 10px 18px;}
h2 { margin: 0px 0px; font-size: 15px; color: #000; text-transform: uppercase; }
/*h3 { margin: 0px 0px; font-size: 13px; color: #b0cf47; }*/
strong { font-weight: bold; }
em { font-style: italic; }
img{ border: none; }
label{ color: #333; }
p{ margin: 16px 0px; font-size: 12px; line-height: 17px; color: #333; font-family:}
ul{ margin: 0px 0px 0px; list-style: disc; }
ul li{ margin-left: 15px; line-height: 16px; }
ul li a{ color: #0072bc; text-decoration: underline; }

/* Container */
div#container{ width: 1000px; margin: 0px auto; padding: 102px 0px 30px; }
/*a.logo{ position: relative; left: 100px; top: -40px; width: 420px; height: 100px; overflow: hidden; border: 1px solid red; }*/
a.logo{ display: block; position: absolute; width: 415px; height: 120px; margin: -35px 0px 0px 0px; text-indent: -9999px; overflow: hidden; border: 0px solid red; }
/*div#donate{ position: relative; left: 430px; top: 0px; z-index: 10; width: 250px; font-size: 10px; color: #000; line-height: 15px; padding: 10px 0px; overflow: hidden; }*/
div#donate{ position: relative; left: 745px; top: 0px; z-index: 10; width: 250px; font-size: 10px; color: #000; line-height: 15px; padding: 10px 0px; overflow: hidden; }

div#donate img{ float: right; margin: 6px 18px 0px 0px; }
.donate_bttn{ float: right; margin: 6px 18px 0px 0px; }

/* Body Container */
div#contentContainer, div#footerContainer{ margin: 0px auto; width: 1000px; padding: 6px 5px 6px; overflow: hidden; }
div#contentContainer{ background: url('../../_bin_/images/stripe-bar-pattern.gif') repeat-x #000; }

/* left 2 Column */
div#twoColumn{ float: left; overflow: hidden; }
div#midCol{ float: left; width: 508px; padding: 0px 10px; }
div#indexTxt, div#insideTxt{ font: 11px Verdana, Trebuchet MS, sans-serif; color: #fff; line-height: 18px; text-transform: none; }
div#indexTxt{ background: url('../../_bin_/images/indexBodyBg.gif') repeat-x #9d4c9b; padding: 20px 18px; }
div#leftCol{ float: left; width:219px; }
div#flickr{ display: none; float: left; padding: 10px 0px 20px 12px; }

/* Left Column Nav */
div#nav{ overflow: hidden; }
div#nav ul{ margin: 0px 0px; }
div#nav ul li{ margin: 0px 0px; overflow: hidden; }
a.home, a.who, a.what, a.how, a.contact{ display: block; text-indent: -9999px; overflow: hidden; height: 38px; width: 219px; border-bottom: 1px solid #000; background: url('../../_bin_/images/nav/navigation.gif') no-repeat 0px 0px; }
a.home{ background-position: 0px 0px; }
a.who{ background-position: 0px -76px; }
a.what{ background-position: 0px -152px; }
a.how{ background-position: 0px -228px; }
a.contact{ background-position: 0px -304px; }
a.home:hover{ background-position: 0px -38px; }
a.who:hover{ background-position: 0px -114px; }
a.what:hover{ background-position: 0px -190px; }
a.how:hover{ background-position: 0px -266px; }
a.contact:hover{ background-position: 0px -342px; }

a.homeOn, a.whoOn, a.whatOn, a.howOn, a.contactOn{ display: block; text-indent: -9999px; overflow: hidden; height: 38px; width: 219px; border-bottom: 1px solid #000; background: url('../../_bin_/images/nav/navigation.gif') no-repeat 0px 0px; }
a.homeOn{ background-position: 0px -38px; }
a.whoOn{ background-position: 0px -114px; }
a.whatOn{ background-position: 0px -190px; }
a.howOn{ background-position: 0px -266px; }
a.contactOn{ background-position: 0px -342px; }

/* Download */
div#download{ margin-top: 2px; width: 219px; background: url('../../_bin_/images/download-now-bg.gif') no-repeat; padding: 14px 0px; }
div#download h3{ display: block; margin-bottom: 24px; font: bold 13px Verdana, Trebuchet MS, sans-serif; color: #fff; text-align: center; }
div#magDL{ margin: 0px auto; width: 160px; }
img.magCover{ position:relative; left: 15px; top:0px; z-index: 1 }
img.dlBttn{ margin-top: -7px; }

/* Right Column */
div#rightCol{ float: right; width:252px; height: 575px; background: url('../../_bin_/images/right-column-bg.jpg') no-repeat #000; }
div#hire{ position:relative; left: 0px; top: 380px; font-size: 13px; text-align: center; line-height: 18px; padding: 10px 0px; }
div#hire h3{ margin: 0px auto 8px; width: 205px; font: 16px Verdana, Trebuchet MS, sans-serif; color: #b0cf47; text-align: center; padding-bottom: 8px; border-bottom: 1px solid #fff; }
div#hire strong{ line-height: 18px; }
div#hire img{ margin-top: 15px; }

/* interior styles */
div#insideTxt{ background: url('../../_bin_/images/insideBodyBg.gif') repeat-x #fff; color: #000; padding: 0px 18px 20px; }
div#insideTxt h2, div#insideTxt h3{ display: block; font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase; padding: 20px 0px 4px; border-bottom: 1px dashed #959392; }
div#insideTxt h1{ display: block; width: 600px; font-size: 15px; color: #000; font-weight: bold; text-transform: uppercase; padding: 20px 0px 4px; border-bottom: 0px; }
div#insideTxt a{ color: #0072bc; text-decoration: underline; }
div#insideTxt  a:hover{ text-decoration: none; }


div#footerContainer{ background: url('../../_bin_/images/footerBg.png') repeat-x; }
div#sponsors{ margin: 0px auto; width: 910px; height: 68px; background: url('../../_bin_/images/sponsors.png') no-repeat; padding-bottom: 20px; border-bottom: 1px solid #fff; overflow: hidden; }
a.facebook, a.truestaris, a.flickr, a.twitter{ display: block; float: left; }
a.facebook{ width: 110px; height: 29px; padding-top: 30px; }
a.truestaris{ margin-left: 150px; width: 125px; height: 29px; padding-top: 30px; }
a.flickr{ margin-left: 120px; width: 115px; height: 29px; padding-top: 30px; }
a.twitter{ margin-left: 125px; width: 155px; height: 29px; padding-top: 30px; }
div#footertxt{ font-size: 10px; text-align: center; padding: 14px 0px 100px; }
div#footertxt a{ color: #fff; text-decoration: none; }
div#footertxt a:hover{ color: #fff; text-decoration: underline; }