@charset "utf-8";
/* CSS Document */
html {
	font-family:Arial, Helvetica, sans-serif;
}

body {
	background-image:url(../site_images/background.jpg);
	margin:0px auto 0px auto;
	background-repeat:repeat-x;
	background-color:#669ece;
	
}

img {
	border:0px;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

#outer {
	width:1000px;
	background-image:url(../site_images/wrapper_bg.png);
	background-repeat:repeat-y;
	padding-left:25px;
	float:left;
}

#headerDiv {
	width:960px;
	background-image:url(../site_images/headerBgSmall2.jpg);
	background-repeat:no-repeat;
	height:197px; /* was 248px and then 243px */
	float:left;
}

#headerDiv .hero {
	position:relative;
	left:570px;
	top:57px;
}

#bodyDiv {
	width:960px;

	float:left;
	padding-bottom:20px;
	background:url(../site_images/headerPeepsSmall.jpg) top left no-repeat;
}

#leftMenu {
	background-image:url(../site_images/leftMenu2.png); /* was left-menu-bg.png */
	width:267px;
	height:457px;
	margin-left:20px;
	float:left;
	position:relative;
	top:-60px;
	z-index:1500;
	background-repeat:no-repeat;
	left:20px;
}

#leftMenu ul {
	display:block;
	margin-top:50px;
	list-style:none;
}

#leftMenu li {
	background-position:center left;
	width:190px;
	border-bottom:dashed #cb990f 2px;
	overflow:hidden;
}

#leftMenu ul ul {
	display:block;
	margin:-10px 0px 0px 40px;
	padding:0px;
	list-style:none;
}

#leftMenu ul ul li {
}

#leftMenu ul ul li a{
	padding:2px 0px 2px 10px;
	width:170px;
}

#leftMenu .selected a {
	color:#114076;
	background-image:url(../site_images/green-star.gif);
	font-weight:bold;
}

	#leftMenu .selected ul li a {
		font-weight:normal;
	}

#leftMenu .subA {
	background-image:none;
}

#leftMenu ul li a {
	text-decoration:none;
	color:#114076;
	font-size:0.938em;
	display:block;
	padding:10px 0px 10px 40px;
	background-image:url(../site_images/grey-star.gif);
	background-repeat:no-repeat;
	background-position:center left;
	width:190px;
	height:20px;
}

#leftMenu ul li a:Hover {
	text-decoration:underline;
}

#leftMenu hr{
	color:#92cb0f;
	width:237px;
	border:2px;
	margin-bottom:0px;
	margin-top:75px;
}

#nominateMenu {
	background-image:url(../site_images/nomTrans.png);
	width:240px;
	/* height:371px; */
	float:right;
	margin:36px 43px 0px 0px;
	padding:90px 20px 0px 20px;
	font-size:0.814em;
	background-repeat:no-repeat;
}

#nominateMenu .header {
	color:#113769;
	display:block;
	padding-top:10px;
	font-weight:bold;
	font-size:13px;
}

#nominateMenu p {
	margin: 13px 10px 10px 10px;
	text-align:left;
	line-height:1.3em;
}

#nominateMenu img {
	margin-right:10px;
}

#nominateMenu ul {
	padding-left:30px;
	padding-right:20px;
}


#nominateMenu ul li {
	padding-top:5px;
	padding-bottom:5px;
}

#homeContentDiv {
	float:left;
	width:290px;
	margin:90px 0px 0px 40px;
	font-size:0.875em;
}

#otherContentDiv {
	float:left;
	width:600px;
	margin:90px 0px 0px 40px;
	font-size:0.875em;
}

#footerDiv {
	border-top:solid #92cb0f 3px;
	width:960px;
	height:129px;
	padding-top:5px;
	vertical-align:top;
	float:left;

}

#footerDiv img{
	position:absolute;
	margin-left:20px;
}

#nominateForm {
	width:100%;
	float:left;
}

#nominateForm th {
	width:180px;
	text-align:left;
	padding:4px 20px 0px 0px;
	vertical-align:top;
	font-weight:normal;
}

#nominateForm .input {
	width:250px;
	height:30px;
	background-image:url(../site_images/input_bg.jpg);
	background-repeat:no-repeat;
	padding:7px 20px 0px 7px;
	float:left;
}

#nominateForm .input2 {
	width:250px;
	height:203px;
	background-image:url(../site_images/input-area.jpg);
	background-repeat:no-repeat;
	padding:4px 20px 0px 7px;
	float:left;
}

#nominateForm .input3 {
	width:250px;
	height:108px;
	background-image:url(../site_images/input-area2.jpg);
	background-repeat:no-repeat;
	padding:4px 20px 0px 7px;
	float:left;
}

#nominateForm input {
	width:230px;
	border:0px;
}

#nominateForm textarea {
	width:230px;
	height:150px;
	border:0px;
	overflow:hidden;
}

#nominateForm td {
	vertical-align:top;
}

#heroesMenu {
	background-image:url(../site_images/heroesTrans.png);
	background-repeat:no-repeat;
	width:220px;
	float:right;
	margin:36px 43px 0px 0px;
	padding:100px 20px 0px 40px;
	font-size:0.814em;
}

#heroesMenu .header {
	color:#113769;
	display:block;
	padding-bottom:3px;
	font-size:11px;
}

#heroesMenu p {
	margin:0px;
	font-size:11px;
}

#comments {
	width:275px;
	background:url(../site_images/comments_box.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	float:right;
	padding-top:40px;
	padding-left:10px;
	margin-left:10px;
	margin-right:30px;
}

#comments_container {
	width:255px;
	height:235px;
	overflow:auto;
	SCROLLBAR-FACE-COLOR: #002d43; 
	SCROLLBAR-HIGHLIGHT-COLOR: #0f488e; 
	SCROLLBAR-SHADOW-COLOR: #0f488e; 
	SCROLLBAR-3DLIGHT-COLOR: #0f488e; 
	SCROLLBAR-ARROW-COLOR: #FFF; 
	SCROLLBAR-TRACK-COLOR: #0069a2;
	SCROLLBAR-DARKSHADOW-COLOR: #0f488e; 
}

.comment {
	width:214px;
	height:69px;
	background-image:url(../site_images/bubble.gif);
	background-repeat:no-repeat;
	font-size:11px;
	float:left;
	padding:3px 0px 0px 20px;
	margin-bottom:11px;
}

.comment h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:11px;
	color:#113769;
}

.comment p {
	margin:0px;
}

.add_comment_link {
	float:right;
	margin:-30px 50px 0px 0px;;
	color:#FFFFFF;
	font-size:14px;
}

#add_comment {
	background-image:url(/site_images/comments_form.jpg);
	width:275px;
	height:350px;
	margin: 20px 0px 0px -10px;
}

#add_comment input {
	width:210px;
	border:0px;
	background-color:#FFF;
	margin:0px 0px 0px 35px;
	height:30px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#add_comment textarea {
	width:210px;
	height:45px;
	border:0px;
	background-color:#FFF;
	margin:5px 0px 0px 35px;
	overflow:hidden;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#commentorName {
	margin-top:63px;
}

#commentorEmail {
	margin-top:10px;
}

.heroH1 {
	margin:0px;
}

.heroH2 {
	margin:0px;
	font-size:1em;
	margin-left:5px;
}

#video {
	margin:20px 40px 20px 20px;
	width:275px;
	position:relative;
	float:right;
}

h1 {
	color:#113769;
	font-weight:normal;
	font-size:1.875em;
}

h2 {
	color:#113769;
	font-weight:normal;
	font-size:1.575em;
	margin:0px;
}

h3 {
	color:#113769;
	font-weight:normal;
	font-size:1em;
	margin:0px 0px 20px 0px;
}

a {
	color:#0f488e;
}

a:Hover {
	text-decoration:none;
}

.small_vote {
	margin:-10px 10px 20px 100px;
	float:right;
	display:block;
}

.hero_pic {
	width:75px; height:48px; float:left; margin:0px 10px 30px 0px;
	background-repeat:no-repeat;
}	

#nominateButton {
	float:left;
	width:240px;
	height:78px;
	margin-top:10px;
	background:url(../site_images/nominateBut2.jpg) top left no-repeat;
}