@charset "utf-8";
/* CSS Document */

@media all { 

/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals*/
* {
margin : 0;
padding : 0;
}

/* =html*/
html { 
background : #000066 url(../images/bgstars.png) repeat;
}

/* =body*/
body {
font: 78%/124% Verdana, "Trebuchet MS", Tahoma,  Arial, sans-serif;  
color : #000000;
}

/* =div*/
div#container { 
position : relative; 
width : 800px; 
margin : 0 auto;
text-align : center;
}

div#branding {
position: relative;
background : url(../images/rawheader.png) no-repeat;
height: 200px;
width: 800px;
z-index: 2;
}

div#bgtop {
position : absolute;
top: 170px;
width: 660px;
height: 30px;
background : url(../images/bgcropmiddle.png) repeat-y;
margin-left: 70px;
}

div#content {
position : relative;
width: 660px;
background : url(../images/bgcropmiddle.png) repeat-y;
margin-left: 70px;
padding: 10px 0 0 0;
text-align: left;
}

div#content_main { 
margin : 0 30px 0 150px;
padding : 10px 0 0 0;
text-align: left;
z-index: 1;
}

div#ballotbar {
position: absolute;
left: -50px;
top: 70px;
height: 260px;
width : 180px;
background : url(../images/ballotbarbg.png);
text-indent: -9999px;
z-index: 6;
}

div#myspace {
background: url(../images/myspacebg.png);
position: absolute;
top: 20px;
right: -50px;
height: 180px;
width: 180px;
z-index: 4;
}

div#helpout {
background: url(../images/helpoutbg.png);
position: absolute;
top: 210px;
right: -50px;
height: 180px;
width: 180px;
z-index: 5;
}

div#todo {
background: url(../images/todolist.png) top no-repeat;
position: absolute;
right: -60px;
top: 10px;
height: 341px;
width: 198px;
text-indent: -9999px;
}

div#bgbottom {
background: url(../images/bgcropbottom.png) no-repeat bottom;
width: 660px;
height: 32px;
margin: 0 auto;
}

div#adspace {
position: absolute;
top: 335px;
left: 5px;
height: 240px;
width: 120px;
border: 0 2px 0 0 #999999;
}

/* =img*/

img#mainpic {
position: absolute;
top: -30px;
left: 1px;
width: 649px;
height: 200px;
z-index: 1;
}

/* =span*/

span#richsig {
float: right;
width: 170px;
height: 83px;
background: url(../images/richsig.png);
margin: 0px 20px 0 10px;
z-index: 3;
}

/* =hx*/
h1, h2, h3 {
padding: 5px 0 10px 0;
line-height: 18px;
}

h4 {
padding: 5px 0 10px 0;
font-weight: normal;
}

h1#header {
text-indent: -9999px;
text-align: center;
z-index : 3; 
position : absolute; 
top : 48px; 
width: 298px; 
height : 211px; 
background : url(../images/headerlogo.png) no-repeat;
}

h3#endeavor {
position : absolute;
top: 80px;
right: 100px;
width: 370px; 
height : 90px; 
background : url(../images/endeavorgold.png) no-repeat;
text-indent: -9999px;
z-index: 4;
}

h3#newsflash {
width: 480px;
height: 33px;
background: url(../images/newsflash.png) no-repeat top;
text-indent: -9999px;
margin: 55px 0 10px 0px;
}

h3#myspacehd {
width: 180px;
height: 70px;
text-indent: -9999px;
background: url(../images/myspacehd.png) no-repeat;
}

h3#helpouthd {
width: 180px;
height: 70px;
text-indent: -9999px;
background: url(../images/helpouthd.png) no-repeat;
}

h3#rss {
width: 40px;
height: 30px;
text-indent: -9999px;
background: url(../images/rss.png) no-repeat;
position: relative;
float: right;
margin-left: 10px;
}


/* =a*/
a:link { color : #000066; text-decoration : underline; }
a:visited { color : #0000FF; text-decoration : underline; }
a:hover { color : #CC3300; }
a:active, a:focus { color : #000; }

h1 a {
display: block;
width: 298px;
height: 211px;
}

h3#helpouthd a, h3#myspacehd a {
display: block;
width: 180px;
height: 180px;
}

h3#rss a{
display: block;
width: 40px;
height: 30px;
}

div#branding a:link, div#branding a:visited{
text-decoration: none;
color: #FFFFFF;
}

div#site_info a:link, div#site_info a:visited{
text-decoration: none;
color: #FFFFFF;
}

/* =p*/
p {
padding: 0 0 5px 0;
text-indent: 20px;
}

div#myspace p, div#helpout p {
text-indent: 0;
text-align: center;
color: #FFFFFF;
padding: 0 15px 0 10px;
margin-top: -5px;
}

p#lang {
position: absolute;
top: 10px;
right: 50px;
color: #FFFFFF;
}

p#introduction {
padding: 160px 120px 0px 0;
margin: 0 0 0 0;
text-align: justify;
}

p#newsflashtext {
text-align: left;
font-weight: 600;
padding: 0 0 60px 0px;
margin: 0 0 0 85px;
text-indent: -85px;
}

p#footer {
padding: 10px;
color: #808080;
text-align: center;
}

p#issuesindent {
padding-right: 120px;
}

.fineprint {
color:#999999	;
text-align: left;
font-size: 80%;
text-indent: 0px;
}

/* =ul*/
ul {list-style-type: none;}


ol {
padding-left: 10px;
}

ol li, ul#team li {
padding-bottom: 10px;
}

/* =table*/
table#merch {
border: thin;
background-color: #FFFFFF;
}

.productdescription {
height:300px;
width: 240px;
text-align: left;
/*background: url(../images/itemdescriptionbg.png) no-repeat;*/
}

.productshot {
height:300px;
width: 240px;
text-indent: -9999px;
}

.itembreak {
height:100px;
background: url(images/itembreak.png) no-repeat;
}

div#ballotbar a {
margin: 15px 0 0 0;
display : block; 
width : 180px; 
height : 45px; 
text-indent : -9999px; 
text-decoration : none; 
overflow : hidden; }

/* messing with link size
a#bba1 {display: block; position: relative; top: 50; left: 0px; height: 20; width: 180;}
a#bba2 {display: block; position: relative; top: 95; left: 0px; height: 20; width: 180;}
a#bba3 {display: block; position: relative; top: 140; left: 0px; height: 20; width: 180;}
a#bba4 {display: block; position: relative; top: 185; left: 0px; height: 20; width: 180;}*/

h3#bb1 { position : absolute; top : 15px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat 0 0; margin: 0; padding: 0;}
h3#bb2 { position : absolute; top : 60px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat 0 -45px; margin: 0; padding: 0;}
h3#bb3 { position : absolute; top : 105px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat 0 -90px; margin: 0; padding: 0;}
h3#bb4 { position : absolute; top : 150px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat 0 -135px; margin: 0; padding: 0;}
h3#bb5 { position : absolute; top : 200px; left : 70px; width : 36px; height : 36px; background :
url(../images/ballotbar2.png) no-repeat 0 -180px; margin: 0; padding: 0;}
h3#bb1:hover { background : url(../images/ballotbar2.png) no-repeat -361px 0px; }
h3#bb2:hover { background : url(../images/ballotbar2.png) no-repeat -361px -45px; }
h3#bb3:hover { background : url(../images/ballotbar2.png) no-repeat -361px -90px; }
h3#bb4:hover { background : url(../images/ballotbar2.png) no-repeat -361px -135px; }
h3#bb5:hover { background : url(../images/ballotbar2.png) no-repeat -361px -180px; }

/*below are the ballot bar variations for selected pages*/
h3#bb1_bio { position : absolute; top : 15px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat -181px 0px; margin: 0; padding: 0;}
h3#bb2_issues { position : absolute; top : 60px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat -181px -45px; margin: 0; padding: 0;}
h3#bb3_blog { position : absolute; top : 105px; left : 0px; width : 180px; height : 45px; background : url(../bladow/images/ballotbar2.png) no-repeat -181px -90px; margin: 0; padding: 0;}
h3#bb4_merch { position : absolute; top : 150px; left : 0px; width : 180px; height : 45px; background : url(../images/ballotbar2.png) no-repeat -181px -135px; margin: 0; padding: 0;}

}