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


/* PRIMARY HTML TAGS */


* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000;
	font-size:10px;
	color:#FFF;
}
h3, h4, h5, h6, p {
	margin-bottom:1.5em;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom:.5em;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom:.3em;
}
h3, h4 {
	font-size: 16px;
	font-weight: normal;
}
h4 {
	margin-bottom:0px;
}
h5, h6 {
	font-size: 11px;
	font-weight: bold;
}
h6 {
	margin-bottom:0px;
}

p {
	line-height: 1.3em;
}




/* LINKS */

a:link, a:visited {
	text-decoration:underline;
}
body.landing a {color:#617886;}
body.home a, 
body.joindie a,
body.joindie_2 a {color:#C00;}
body.about a {color:#8b5d3d;}
body.membership a {color:#ccc;}
body.contact a {color:#920638;}
body.sponsorship a {color:#716c5f;}
body.events a {color:#64540f;}
body.jobs a {color:#7b904e;}

img {
	border:none;	
}




/* WRAPPERS */
#wrapper {
	width:770px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	background-repeat:no-repeat;
	min-height:1000px;
}
body.landing #wrapper {	
	color:#617886;
	background-image:url(../images/bg_enter.jpg);
	
}
body.home #wrapper {
	color:#C00;
	background-image:url(../images/bg_home.jpg);
}
body.about #wrapper {
	color:#8b5d3d;
	background-image:url(../images/bg_about.jpg);
}
body.joindie #wrapper {
	color:#C00;
	background-image:url(../images/bg_landing.jpg);
}
body.joindie_2 #wrapper {
	color:#C00;
	background-image:url(../images/bg_joinordie.jpg);
}
body.membership #wrapper {
	color:#ccc;
	background-image:url(../images/bg_membership.jpg);
}
body.contact #wrapper {
	color:#920638;
	background-image:url(../images/bg_contact.jpg);
}
body.sponsorship #wrapper {
	color:#716c5f;
	background-image:url(../images/bg_sponsorship.jpg);
}
body.events #wrapper {
	color:#64540f;
	background-image:url(../images/bg_events.jpg);
}
body.jobs #wrapper {
	color:#7b904e;
	background-image:url(../images/bg_jobs.jpg);
}





/* CONTENT */

#content {
	width: 475px;
	margin:100px auto 40px auto;
	text-align:justify;
	position: relative;
}
#content p.last {
	text-align:left;	
}
body.landing #content {
	margin-top: 415px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
body.joindie #content {
	margin-top: 315px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
body.home #content {
	margin:100px auto 20px auto;
}



/* MISC CUSTOM CLASSES*/

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.tight {
	margin-bottom: 0.2em;
}
.nobreak {
        white-space: nowrap;
}
.rule {
	height: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	font-size: 0px;
}
body.landing .rule {background-color:#617886;}
body.home .rule,
body.joindie .rule,
body.joindie_2 .rule {background-color:#C00;}
body.about .rule {background-color:#8b5d3d;}
body.membership .rule {background-color:#ccc;}
body.sponsorship .rule {background-color:#716c5f;}
body.events .rule {background-color:#64540f;}
body.contact .rule {background-color:#920638;}
body.jobs .rule {background-color:#7b904e;}

/* text alignment classes */
.left { text-align: left;}
.center { text-align: center; }
.right { text-align: right; }


/* LISTS */

ul.list {
	margin-bottom: 2em;
	margin-left: 25px;
}
.list li {
	margin-bottom: 0.5em;
}
ul.list ul {
	margin-left: 30px;
}



/* FORMS */

input.field {
	padding: 4px;
	color: #666666;
	width: 225px;
}
textarea.comments {
	padding: 5px;
	color: #666666;
	width: 300px;
}
.submit {
	height:20px;
	width:52px;
	font-family:Verdana;
	font-size:10px;
	border:none;
	margin: 0px 0px auto auto;
}
body.contact .submit {
	background:#720b2c;
	color:#ca245e;
}
body.membership .submit {
	background:#2b2b2b;
	color:#959595;
}




/* MISC CONTENT STYLES */

#banner-samples img {
	margin-bottom: 6px;
}
#divider {
	width:475px;
	height:9px;
	
}

/* Join or Die Page - Big Link buttons */

body.joindie_2 #buttonContainer {
	position: relative;
	min-height: 860px;
}

body.joindie_2 #becomeMember,
body.joindie_2 #partySignUp {
	width: 121px;
	height: 240px;
	position: absolute;
}
body.joindie_2 #becomeMember {
	top: 75px;
	right: 16px;
	position: absolute;
}
body.joindie_2 #partySignUp {
	top: 321px;
	right: 16px;
	position: absolute;
}




/*NAVIGATION */

#navigation {
	list-style-type: none;
	margin-bottom: 13px;
}
#navigation a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 13px;
	width: 129px;
	display:block;
	margin-bottom:3px;
}
#navigation a:hover {
	background-position: 0px -13px;	
}
body.about #navigation #nav1 a {background-image:url(../images/about_nav1.png);}
body.about #navigation #nav2 a {background-image:url(../images/about_nav2.png);}
body.about #navigation #nav3 a {background-image:url(../images/about_nav3.png);}
body.about #navigation #nav4 a {background-image:url(../images/about_nav4.png);}

body.membership #navigation #nav1 a {background-image:url(../images/member_nav1.png);}
body.membership #navigation #nav2 a {background-image:url(../images/member_nav2.png);}
body.membership #navigation #nav3 a {background-image:url(../images/member_nav3.png);}
body.membership #navigation #nav4 a {background-image:url(../images/member_nav4.png);}

body.contact #navigation #nav1 a {background-image:url(../images/contact_nav1.png);}
body.contact #navigation #nav2 a {background-image:url(../images/contact_nav2.png);}
body.contact #navigation #nav3 a {background-image:url(../images/contact_nav3.png);}
body.contact #navigation #nav4 a {background-image:url(../images/contact_nav4.png);}

body.sponsorship #navigation #nav1 a {background-image:url(../images/sponsor_nav1.png);}
body.sponsorship #navigation #nav2 a {background-image:url(../images/sponsor_nav2.png);}
body.sponsorship #navigation #nav3 a {background-image:url(../images/sponsor_nav3.png);}
body.sponsorship #navigation #nav4 a {background-image:url(../images/sponsor_nav4.png);}

body.events #navigation #nav1 a {background-image:url(../images/events_nav1.png);}
body.events #navigation #nav2 a {background-image:url(../images/events_nav2.png);}
body.events #navigation #nav3 a {background-image:url(../images/events_nav3.png);}
body.events #navigation #nav4 a {background-image:url(../images/events_nav4.png);}









/* FOOTER */

#footer-left {
	float: left;
	width: 300px;
}
#footer-right {
	float: right;
	width: 150px;
	text-align: right;
}
#footer {
	width:475px;
	font-size: 9px;
	margin: 5px auto 50px auto;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 5px 0px 50px 0px;
	
}
#footer a {
	text-decoration:none;	
}
body.home #footer,
body.joindie #footer,
body.joindie_2 #footer {border-top-color:#600; color:#900;}
body.home #footer a,
body.joindie #footer a,
body.joindie_2 #footer a {color:#900;}

body.about #footer {border-top-color:#630; color:#630;}
body.about #footer a {color:#630;}

body.membership #footer {border-top-color:#666; color:#666;}
body.membership #footer a {color:#666;}

body.contact #footer {border-top-color:#920638; color:#920638;}
body.contact #footer a {color:#920638;}

body.sponsorship #footer {border-top-color:#716c5f; color:#716c5f;}
body.sponsorship #footer a {color:#716c5f;}

body.events #footer {border-top-color:#64540f; color:#64540f;}
body.events #footer a {color:#64540f;}

body.jobs #footer {border-top-color:#7b904e; color:#7b904e;}
body.jobs #footer a {color:#7b904e;}





/* UTILITY NAV */

#util-nav {
	text-align: right;
	width: 475px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	font-size:9px;
}
#util-nav a {
	text-decoration:none;	
}
#banner-samples {
	width: 510px;
	margin-right: auto;
	margin-left: auto;
}

/*#navigation {
	margin-bottom: 20px;	
}
#navigation ul {
	list-style-type: none;
}
#navigation li {
	display: inline;
}
#navigation a {
	text-decoration: none;
	display: block;
	float: left;
	line-height: 30px;
	font-size:12px;
	padding-right: 6px;
	padding-left: 6px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#navigation a:hover,
body.about #about a,
body.membership #membership a,
body.sponsorship #sponsorship a,
body.events #events a,
body.jobs #jobs a,
body.contact #contact a {
	text-decoration: underline;
}*/
.joindie_2 #content {
	height: 770px;
}