/* HYPERLINK COLORS */
a { color: #333366; text-decoration: underline; background-color: transparent;}
a:link { color: #333366;}
a:visited { }
a:hover  { color: #9999cc;}
a:active, a:focus {
	color: #666699;
}

#accessibility {
	position: absolute;
	top: -9000px; /* Move links off-screen */
}

#accessibility a:focus {
	display: block;
	position: absolute;
	top: 9001px;
	color: #666699;
	background: #ffffcc;
	padding: 1em;
	width: 100%;
	border: none;
	z-index: 300;
	white-space: nowrap;
}

/* NAVBAR 
#navbar ul { margin: 0; padding: 0; list-style-type: none;}
#navbar ul li { margin: 10px 0; padding: 0;}
#navbar ul li ul { margin: 0; padding: 0; list-style-type: none;}
#navbar ul li ul li { padding-left: 1em; font-weight: normal;}
#navbar p { margin: 0; padding: 0;}
*/


/* NAVIGATION LINKS 
------------------------------------------------------------------------------------------------ */

#navbar a { text-decoration: none; display: block; width: auto;} /* Switched from width:100% to width:auto */
#navbar a:link { color: #333366;}
#navbar a:visited { }
#navbar a:hover  { color: #9999cc;}
#navbar a:active, a:focus { color: #666699;}

/* NAVIGATION LISTS
------------------------------------------------------------------------------------------------ */
#navbar ul { margin: 0; padding: 0; list-style-type: none; line-height: normal;}
#navbar ul li { margin: 0; padding: 10px 0 10px 20px; background: url(/campaign/images/bg-border-navbar.gif) left bottom repeat-x; line-height: normal;} /* Switch text-indent: to be padding-left:20px. This prevents text wrap */
#navbar ul li:hover  { background: url(/campaign/images/bg-border-navbar.gif) left bottom repeat-x; background-color: #ffffff; }

#navbar ul li ul { margin: 0; padding: 0; list-style-type: none; line-height: normal;}
#navbar ul li ul li { margin: 0; padding: 10px 5px 0px 20px; font-weight: normal; background: none; line-height: normal;}
#navbar ul li ul li:hover  { background: none; background-color: #ffffff;}

#navbar ul li ul li ul { margin: 0; padding: 0; list-style-type: square; line-height: normal; font-size: 85%;}
#navbar ul li ul li ul li { margin: 0; margin-left: 20px; padding: 5px 5px 0 0; font-weight: normal; background: none; line-height: normal;}
#navbar ul li ul li ul li:hover  { background: none; background-color: #ffffff;}


/* HOMEPAGE NAVIGATION */

#homepage a {
	color: #333366;
	text-decoration: none;
}
#homepage a:hover {
	color: #9999cc;
	text-decoration: underline;
}
#homepage ul {
	margin: 0;
	padding: 1em 0 0 0;
	list-style-type: none;
	font-size: 140%;
	font-weight: normal;
	text-align: left;
	text-indent: 20px;
}
#homepage ul li {
	line-height: 160%;
}
#homepage p { margin: -5px 0 0 21px; padding: 0px; font-size:75%}

li#gathering { background: url(../images/icons/gathering.gif) no-repeat left center;}
li#watching { background: url(../images/icons/watching.gif) no-repeat left center;}
li#listening { background: url(../images/icons/listening.gif) no-repeat left center;}
li#getting { background: url(../images/icons/getting.gif) no-repeat left center;}
li#sharing { background: url(../images/icons/sharing.gif) no-repeat left center;}


/* HEADER TABS */

#header ul {
	float: right;
	margin: 0px 0 0;
	padding: 0;
	font-size: 75%;
	list-style-type: none;
	position: relative;
	clear: right;
	}
#header ul li {
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	background:#333;
	}
#header ul li a {
	float: left;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #ffffff;
	}
#header ul li a:hover {
	background: #999999;
	}
#header ul li.default {
	background: #000;
	}

/* AUTO-SELECTING NAVIGATION http://24ways.org/advent/auto-selecting-navigation */
body.home #navbar li.home,
body.men #navbar li.men,
body.women #navbar li.women,
	body.history #navbar li.history,
	body.scores #navbar li.scores,
body.news #navbar li.news,
body.commercials #navbar li.commercials,
body.gather #navbar li.gather,
body.watch #navbar li.watch,
body.listen #navbar li.listen,
body.get #navbar li.get,
body.share #navbar li.share,
body.host #navbar li.host,
body.contact #navbar li.contact { font-weight: bold; background-color: #ffffff; }



/* REDEFINED HTML TAGS */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	background-color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(http://www.calvinhope.com/images/background.gif);
	background-repeat: repeat-y;
	background-position: 50% 0px;
	text-align: center;
}

td { font-family: Arial, Helvetica, sans-serif;}
p { font-family: Arial, Helvetica, sans-serif;}
ol,ul,li {
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
}
b { font-weight: bold;}
strong { font-weight: bold;}
i { font-style: italic;}
em { font-style: italic;}
img {
	border: none;
	margin: 0px;
}

.img-right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: none;
}

.img-left {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: none;
}

p.img-caption {
	font-size: 80%;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 5px 10px 10px;
	float: right;
	width: 240px;
	clear: both;
	display: block;
	line-height: normal;
	text-align: center;
}


.search { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
.bodycopy-small { font-family: Arial, Helvetica, sans-serif; font-size: 75%;}

.alert {
	background: #ffffcc url(/images/exclamation.gif) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd400;
	border-bottom: 2px solid #ffd400;
	font-size: 85%;
	}

/* HEADINGS */
h1 {
	font-size: 150%;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}
h2 {
	font-size: 140%;
	font-weight: normal;
	margin-top: 0;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	line-height: normal;
}

h3 {
	font-size: 130%;
	font-weight: bold;
	color: #333333;
	text-align: left;
	line-height: normal;
}
h4 {
	font-weight: bold;
	font-size: 100%;
	line-height: normal;
	color: #666666;
}
h5 {
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}
h6 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	line-height: normal;
}


/* LAYOUT */
#wrapper {
	width: 740px;
	text-align: left;
	background: transparent;
	margin: 0 auto;
	padding: 0px;
}

#header {
	color: #FFFFFF;
	background: #000000 url(../images/background-header-default.jpg) no-repeat 0px 0px;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
	position: relative;
	height: 170px;
	z-index:10;
}


#sidebar {
	padding: 0 0 0 1px;
	margin: 0;
	float: left;
	width: 199px;
}


#content {
	background: transparent;
	width: 540px;
	float: right;
	padding: 0;
	margin: 0;
	}

/* GUTTERS */

#header .gutter {
	padding: 10px 10px 0 25px;
}

#content .gutter {
	padding: 10px 20px 20px 20px;
	line-height: 150%;
}

#sidebar .navigation {
	padding-top: 0px; /* Align the top navigation link with the page heading <h2> */
	padding-left: 0px;
}

#footer-css .gutter {
	padding: 0;
	margin: 0 20px 0 220px;
	border-top: 1px solid #000000;
}



/* FOOTER */

#footer-css {
	background: transparent;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

#footer-css ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footer-css li {
	float: left;
	display: inline;
	list-style-type: none;
	width: 25%;
	margin: 0;
	padding: 0;
}

#footer-css img {
	padding: 20px 0;
}



/* 
Logo Image Replacement technique is from CSS: Mastery (page 235-236) by Andy Budd.
Pixy-Style Rollover technique is from CSS: Mastery (page 78-79) by Andy Budd. 
*/

#nameplate-rivalry {
	float: left;
	background: transparent;
}

h1#nameplate-rivalry {
	display: block;
	margin: 0;
	background: transparent url(/images/nameplate-rivalry.png) no-repeat 0 0; /* The Rivalry logo */
	border: none;
	text-indent: -9999px; /* Move text link off-screen */
	text-decoration: none;
	float: left;
}

h1#nameplate-rivalry a {
	display: block;
	background: transparent url(/images/nameplate-rivalry.png) no-repeat 0 0; /* The Rivalry logo */
	width: 228px;
	height: 150px;
	border: none;
}


/* TWO COLUMN LAYOUT */
.columns {
	float: left;
	clear: both;
	width: 500px;
	background-color: transparent;
	margin-bottom: 1em; /* See end of style sheet from IE fix*/
}

.columns-1 {	
	float: left;
	clear: left;
	width: 240px;
}
.columns-2 {
	float: right;
	clear: right;
	width: 240px;
}

.columns h3 {
	line-height: normal;
}


/* BOXES - Dan Cederholm's Indestructible Boxes */

.box {
	background: url(../images/background-box-bottom.gif) no-repeat left bottom;
	width: 240px;
	margin: 0;
}

.box h3 {
	background: url(../images/background-box-top.gif) no-repeat top left;
	padding: 10px;
	margin: 0;
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 120%;
	line-height: normal;
}

.box ul {
	margin: 0;
	padding: 1em;
	list-style: none;
}

.box ul li {
	margin-bottom: 1em;
	list-style: none;
}

.box img {
	padding: 1em 1em 0 1em;
}


/* BOX 500PX WIDE*/

.box-wide {
	background: url(../images/bg-box-wide-bottom.gif) no-repeat left bottom;
	width: 500px;
	margin: 0;
	padding: 0;
}

.box-wide h3 {
	background: url(../images/bg-box-wide-top.gif) no-repeat top left;
	padding: .5em;
	margin: 0;
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 120%;
	line-height: normal;
}

.box-wide ul {
	margin: 0;
	padding: .5em;
	list-style: none;
}

.box-wide li {
	margin-bottom: .5em;
	list-style: none;
}

.box-wide img {
}




/* TABLES */

.data-table {
	border: 1px solid #999999;
	border-collapse: collapse;
	width: 100%;
	line-height: normal;
}

.data-table td {
	border: 1px solid #999999;
	padding: 0.5em;
	color: #000000;
	font-size: 80%;
}

.data-table th {
	border: 1px solid #999999;
	padding: 0.5em;
	color: #333333;
	background-color: #E8D3A2;
}

.data-table tr.altrow {
	background-color: #F7EDD4;
}


/* Gather with Friends - List of states */

#locations li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#locations ul {
	margin: 0px;
	padding: 0px 0px 0px 1px;
	list-style-type: none;
}
#locations a {
	font-weight: bold;
}
#locations {
	font-size: 80%;
	line-height: normal;
}


/* Sidebar Infomation */
#info {
	font-size: 80%;
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	text-align: left;
	width: 158px;
	background: url(../images/background-corner.gif) no-repeat top right;
	background-color: transparent;
	border-bottom: 1px solid #e8d3a2;
	border-left: 1px solid #e8d3a2;
}

#info dl {
	float: left;
	margin: 0;
	padding: 1em;
	background-color: transparent;
}

#info dt {
	color: #333;
	margin: 0 0 .5em 0;
	text-transform: uppercase;
}

#info dd {
	margin: 0 0 .5em 0;
	padding: 0;
	text-indent: 1em;
}



/* Fix IE */
*html .columns { margin-bottom: 0;}

/*Poll results */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#a0a0a0;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}
#poll-container {
  background:#eee;
padding:5px 5px 0px 5px;
border:1px solid #ccc;
width:230px;
float:right;
margin:0 0 1em 1em;
}
#poll-container h3 {
  padding:0;
  margin:0;
}

#tv {
	width:250px;
	height:170px;
	background:url(/images/homepage-tv-hope-small.jpg) top left no-repeat;
	text-indent: -9999px;
}