/* CSS Document */
a img { border: none; }

html { 
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	text-align: center;
	background: #cccccc;
	background-image:url(images/background.jpg);
	background-position:top;
	background-attachment:fixed;
	background-repeat:repeat-x;
}
div#wrapper {
	padding: 0;
	margin: auto;
	padding-bottom: 4px;
	text-align: left !important;
	width: 1039px;
	background: #ffffff;
}

div#header-graphic {
	padding: 0;
	margin: 0;
	height: 160px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;

}

div#navbar {
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}
div#container {
	clear: both;
	position: relative;
	width: 1039px;
}
div#left-sidebar {
	position: absolute;
	top: 34px;
	left: 4px;
	width: 188px;
}

div#right-sidebar {
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 4px;
	margin-bottom: 4px;
	width: 188px;
	display: inline;
}
div#content {
	position: relative;
	margin: 0;
	padding: 20px;
	margin-left: 6px;
	margin-right: 195px;
	font-size: 12px;
}
div#content-padding {
	padding: 15px;
}

div#content p {
	margin: 0;
  	padding: 0;
	margin-bottom: 15px;
}
div#main-column {
	position: relative;
	top: 0px;
	left: 196px;
	width: 645px;
	margin: 0;
	padding: 0;
	background: #fff;
}

div#content-padding {
	padding: 15px;
}

div#content p {
	margin: 0;
  	padding: 0;
	margin-bottom: 15px;
}
div#mid-float-container {
	margin: 0;
	padding: 0;
}

div#mid-float-container .float-left {
	float: left;
	margin-left: 0;
	width: 320px; 
}

div#mid-float-container .float-right {
	float: right;
	margin-right: 0;
	width: 320px; 
}

div#mid-float-container img {
	display: block;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0; 
}
div#footer {
	background: #010044 
				url(images/footer-bg.jpg)
				no-repeat;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	clear: both;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	text-align: center;
}

div#footer a {
	color: #fff;
	text-decoration: underline;
}



/* Main Navigation */

#navbar, #navbar dl, #sidebar-navigation, #sidebar-navigation dl {
	margin: 0;
	padding: 0;
}

#navbar {
	background: #010044 url(images/nav-bg.jpg);
	height: 30px;
	width: 1031px;
	padding-left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 1021px;
}
html>body #navbar {
	width: 1021px;
}

/* IE5 Hack \*/ 
#navbar { padding-left: 10px; } 
/*/ 
#navbar { overflow: hidden; } 
/* End Hack */

#navbar dt { float: left; }

#navbar dt a {
	float: left;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding: 30px 0 0 0;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
}

#navbar dt a:hover,
#navbar .selected,
#navbar .selected a {
	background-position: 0 -30px;
}
#navbar dt#Spoace {
    width: 1px;
}
#navbar dt#Home,
#navbar dt#Home a { width: 135px; background-image: url(images/home-button.jpg); 
}
#navbar dt#AboutUs,
#navbar dt#AboutUs a { width: 94px; background-image: url(images/aboutus-button.jpg); 
}
#navbar dt#contact,
#navbar dt#contact a { width: 76px; background-image: url(images/contact-button.jpg); 
}

#navbar dt#diy,
#navbar dt#diy a { width: 150px; background-image: url(images/started-button.jpg); 
}
#navbar dt#video,
#navbar dt#video a { width: 73px; background-image: url(images/video-button.jpg); 
}
#navbar dt#Donate,
#navbar dt#Donate a { width: 64px; background-image: url(images/donate-button.jpg); 
}
#navbar dt#community,
#navbar dt#community a { width: 98px; background-image: url(images/community-button.jpg); 
}
#navbar dt#donate,
#navbar dt#donate a { width: 78px; background-image: url(images/donate-button.jpg); 
}
#navbar dt#testimonials,
#navbar dt#testimonials a { width: 155px; background-image: url(images/testimonials-button.jpg); 
}
#navbar dt#friends,
#navbar dt#friends a { width: 76px; background-image: url(images/friends-button.jpg); 
}
#navbar dt#Pressroom,
#navbar dt#Pressroom a { width: 70px; background-image: url(images/pressroom-button.jpg); 
}



/* Members Nav */

#sidebar-navigation {
	width: 188px;
	height: 96px;
	border-bottom: 3px solid #fff;
}

#sidebar-navigation dt {
	border-bottom: 1px solid #fff;
}

#sidebar-navigation dt a {
	display: block;
	height: 0px !important;
	height /**/:30px; /* IE 5/Win hack */ 
	padding-top: 30px;
	overflow: hidden;
	background-position: top left;
	background-repeat: no-repeat;
}

#sidebar-navigation dt a:hover {
	background-position: 0 -30px;
}

#sidebar-navigation dt#FindChapter,
#sidebar-navigation dt#FindChapter a { background-image: url(images/find-chapter-button.gif); 
}
#sidebar-navigation dt#bring,
#sidebar-navigation dt#bring a { background-image: url(images/bring-to-your-school.gif); 
}
#sidebar-navigation dt#signup,
#sidebar-navigation dt#signup a { background-image: url(images/sidebar-signup.gif); 
}
#sidebar-navigation dt#resources,
#sidebar-navigation dt#resources a { background-image: url(images/vote-18-resources.gif); 
}

.sidebar-image-button {
    border: none;
    padding-top:5px
}
div.sidebox-darkred p,
div.sidebox-darkblue p,
div.sidebox-red p,
div.midbox-blue p {
	padding-top: 8px;
	margin: 0;
	margin-bottom: 10px;
}
div.sidebox-darkred {
	font-size: 12px;
	line-height: 14px;
	padding: 0px 10px 10px 10px;
	background: #57161c 
				url(images/sidebox-darkred-bottom.jpg)
				bottom left no-repeat;
	color: #fff;
	margin-bottom: 0px;
}
div.sidebox-darkred a {
	color: #ff95b3;
	font-weight: bold;
}
div.sidebox-darkblue {
	font-size: 12px;
	line-height: 14px;
	padding: 0px 10px 10px 10px;
	background: #006699 
				url(images/sidebox-darkblue-bottom.gif)
				bottom left no-repeat;
	color: #fff;
	margin-bottom: 0px;
}
div.sidebox-darkblue a {
	color: #ccffff;
	font-weight: bold;
}


div#widebox-top {
	padding: 5px;
	background: #1D1257
				url(images/widebox-top.gif)
				top left no-repeat;
	color: #ffffff;
	font-size: 14px;
	width: 635px;
	text-decoration: none;
	font-weight: bold;
}

div#widebox-top a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

div#midbox-top {
	text-indent: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #9A3334
				url(images/midbox-header.jpg)
				top left no-repeat;
	color: #ffffff;
	font-size: 14px;
	width: 320px;
	text-decoration: none;
	font-weight: bold;
}

div#midbox-top a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}


div#widebox-blue {
	padding: 10px;
	background: #bdcdda
				url(images/widebox-bottom.gif)
				bottom left no-repeat;
	color: #000;
	margin-bottom: 4px;
	font-size: 12px;
	width: 625px;
}

div#widebox-blue a {
	color: #3e647e;
}
div#widebox-red {
	padding: 10px;
	background: #e9e9e9
				url(images/widebox-bottom2.gif)
				bottom left no-repeat;
	color: #000;
	margin-bottom: 4px;
	font-size: 12px;
	width: 625px;
}

div#widebox-red a {
	color: #990000;
}
div.midbox-blue {
	font-size: 12px;
	padding: 10px;
	background: #bdcdda
				url(images/midbox-bottom.gif)
				bottom left no-repeat;
	color: #000;
	margin-bottom: 4px;
}

div.midbox-blue a {
	color: #3e647e;
}
div.midbox-red {
	font-size: 12px;
	padding: 10px;
	background: #e9e9e9
				url(images/midbox-bottom2.gif)
				bottom left no-repeat;
	color: #000;
	margin-bottom: 4px;
}

div.midbox-red a {
	color: #990000;
}



h1 {
	float: left;
	font-size: 25px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	margin: 0;
	padding: 0;
	color: #006699;
	margin-bottom: 15px;
}

h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-size: 14px;
	color: #1b006b;
}

h4 {
	margin: 0px;
	padding: 0px;
}
/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: pointer;
}
.PopBoxImageShrink
{
	cursor: pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

/* Resources Page grid *****/

.resources ul {
	line-height: 1.6em;
	margin: 1em;
	margin-top: 0;
	padding: 0;
	padding-left: 2em;
}
.resources ul a {
	font-weight: bold;
}
.resources table, .friends table {
	width: 750px;
}
.resources table td, .friends table td {
	vertical-align: top;
	width: 50%;
}
.friends table td {
	width: 33%;
}
div#content .global-kids p.first {
	margin-top: 1em;
}