html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size: 14px;
 background: #cfcfcf url('images/temp_03.png') repeat;
 background-position: top;
 font-family: arial, Verdana, sans serif;
} 

a{
 outline: none;
 color: #003366;
 text-decoration: none;
}

a:hover{
 outline: none;
 color: #003366;
 text-decoration: underline;
}

a:focus{
outline: none;
}

img{
 border: 0;
}

.spacer{
 clear: both;
 display: block;
 height: 10px;
}

h1, h2, h3, h4, h5{
 margin: 0;
 padding: 0;
}

#site{
 background: url('images/bk_pagewidth.jpg') no-repeat top;
}

#pagewidth{ 
 background: url('images/bk_page.jpg') repeat-y;
 background-position: top left;
 width:960px;
 text-align:left;
 margin: 0;
 padding: 0;
 margin-left:auto; 
 margin-right:auto;
}

/* Header */
 
#header{
 background: #cfcfcf url('images/temp_01.png') no-repeat top;
 position: relative;
 height:404px;
 width:960px;
 margin: 0 auto;
 display: block;
 overflow: hidden;
 clear: both;
}

/* Page Structure */

#join_the_movement{
 background: #cfcfcf url('images/temp_02.png') no-repeat top;
 position: relative;
 height:45px;
 width:960px;
 margin: 0 auto;
 display: block;
 overflow: hidden;
 clear: both;
}

#leftcol{
 width:650px;
 float:left; 
 position:relative;
}

#leftcol p{
 font-size: 1.25em;
}

#twocols{
 width:650px; 
 float:left; 
 position:relative; 
}
 
#rightcol{
 width:310px; 
 float:right; 
 position:relative; 
}

#maincol{
 float: left; 
 display:inline; 
 position: relative; 
 width:0px; 
}

#footer{
 width: 960px;
 margin: 0 auto;
 padding: 0;
 display: block;
 overflow: auto;
}

/* Styles */

.button{
 background: url('images/') no-repeat top;
 width: 120px;
 height: 28px;
 margin: 0;
 padding: 0;
 display: block;
 text-align: center;
 line-height: 28px;
 font-size: 1.3em;
 font-weight: bold;
 color: #fff;
 text-transform: uppercase;
}
 
.paidfor{
 width: 200px;
 border: 1px #f3f3f3 solid;
 padding: 6px;
 margin: 20px auto;
 clear:both;
 color: #f3f3f3;
}

.madeby{
 width: 200px;
 padding: 6px;
 float: right;
 clear:both;
 color: #333;
}

.madeby a{
 padding: 3px;
 font-weight: bold;
 background: #e5df96;
}

.privacy{
 margin: 2px;
 padding: 3px;
 color: #f3f3f3;
 text-align:center;
}

.fade{
opacity:50; filter:alpha (opacity=50);-moz-opacity:.5;
}

.socialnetworks{
opacity:50; filter:alpha (opacity=50);-moz-opacity:.5;
 padding: 5px;
}

.socialnetworks:hover{
opacity:100; filter:alpha (opacity=100);-moz-opacity:1;
}

.splashform{
 width: 322px;
 padding: 4px;
 border: 3px #eee solid;
}

.splashform:focus{
 border: 3px #fff solid;
}

.splashform2{
 width: 110px;
 padding: 4px;
 border: 3px #eee solid;
}

.note{
 background: #f7f7f7;
 margin-top: 15px;
 padding: 4px;
 display: block;
 border: 3px #e5df96 dashed;
 color: #666666;
 line-height: 1.4em;
}

.note p{
 margin: 0;
 padding: 4px;
 text-align: justify;
}

.dontgo{
 position: absolute;
 top: 200px;
 right: 0;
 width: 700px;
 height: 36px;
 text-align: right;
}

.taxdayteaparty{
 position: absolute;
 top: 238px;
 right: 0;
 width: 700px;
 height: 36px;
 text-align: right;
}

#leftcol ul{
 margin: 5px;
 margin-left: 110px;
 padding: 0;
 list-style-type: none;
}

#leftcol ul li{
 background: #f7f7f7;
 margin: 5px;
 padding: 4px;
 display: block;
 border: 3px #eee dashed;
 color: #666666;
 line-height: 1.4em;
 width: 75%;
}

.thanks{
 background: #f7f7f7;
 margin: 5px auto;
 padding: 4px;
 display: block;
 border: 3px #eee dashed;
 color: #666666;
 line-height: 1.4em;
 font-size: 3em;
 width: 75%;
}

#leftcol ul li:hover{
 background: #cfcfcf;
 font-weight: bold;
}

#wrapper p{
 margin: 2px;
 padding: 4px;
 clear: both;
}

/* Attribute Styles */

.center{
 margin: 0 auto;
 display: block;
}

.btm_10{
 margin-bottom: 10px;
}

.top_10{
 margin-top: 10px;
}

.right{
 float: right;
}

.left{
 float: left;
}
 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */