/*

Theme Name: JasonGrill-2010

Theme URI: http://www.wamwaw.org/

Description: JasonGrill-2010 Copyright 2010

*/

html, body {
	height: 100%;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(images/background.png);
	background-repeat: repeat-x;
	background-color: #06539f;
}

div#container {
	width: 922px;
	margin: auto;
}

div#header {

	width: 100%;

	height: 133px;

	position: relative;

}

	div#header-logo {

		width: 261px;

		height: 123px;

		position: absolute;

		top: 2px;

		left: 5px;

	}

	div#header-sm-dashboard {

		width: 323px;

		height: 55px;

		position: absolute;

		top: 42px;

		left: 323px;

	}
	
	div#header-sign-up {

		width: 227px;

		height: 91px;

		position: absolute;

		top: 25px;

		right: 5px;

		text-align: center;

	}

		div#header-sign-up input {

			margin-top: 5px;

		}

		.sign-up-text {

			font-family: Arial, Helvetica, sans-serif;

			font-size: 11px;

			font-weight: 100;

			text-transform: lowercase;

			color: #414141;			

		}

		

div#nav {
	width: 100%;
	height: 33px;
	padding-top: 12px;
	position: relative;
	color: #1b75bb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 100;
	text-align: center;
	background-image: url(images/nav-bg.png);
	background-repeat: repeat-x;
}
	div#nav a {
		color: #1b75bb;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 900;
		text-decoration: none;
		margin-left: 13px;
		margin-right: 13px;
	}
	div#nav a:hover {
		text-decoration: underline;
	}

div#content {
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
	padding-top: 7px;
	margin-bottom: 10px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
	div#content-top-shaddow {
		width: 922px;
		position: absolute;
		top:-5px;
		left: 0px;
		z-index: 99;
		background: url(images/content-top-shadow.png);
		background-repeat: repeat-x;
	}

	div#content-photo-container {

		width: 890px;

		height: 355px;

		margin-left: 7px;

		padding-bottom: 0px;

	}

		div#content-photo-container IMG {

			position:absolute;

			top:1px;

			left:7px;

			z-index:8;

			opacity: 0;

		}

		div#content-photo-container IMG.active {

			z-index:10;

			opacity:1.0;

		}

		

		div#content-photo-container IMG.last-active {

			z-index:9;

		}

	div#content-action-buttons {

		width: 100%;

		height: 66px;

		text-align: center;

	}

	div#content-subpage {
		position: relative;
		width: 645px;
		margin-left: 15px;
		min-height: 300px;
		color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		overflow: auto;
	}
	div#content-subpage h1 {
		color: #002b7f;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 24px;
		font-weight: 100;
		text-transform: uppercase;
		margin: 0 0 0 0;
		padding: 0;
	}
	div#content-subpage h2 {
		color: #002b7f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 900;
		margin: 12px 0 7px 0;
		padding: 0;
		clear:both;
	}
	div#content-subpage h3 {
		color: #002b7f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 900;
		margin: 15px 0 0px 0;
		padding: 0;
	}
	div#content-subpage p {
		font-weight: 100;
		margin: 10px 0 10px 0;
		padding: 0;
	}
	.contentMetaText {
		color: #333333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	div#content-subpage a {
		color: #1b75bb;
		text-decoration: none;
	}
	div#content-subpage a:hover {
		text-decoration: underline;
	}
	div#content-subpage blockquote {
		font-weight: 100;
		margin: 10px 20px 10px 20px;
		padding: 5px;
		background: #d0dafd;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #002b7f;
	}
	
	div#content-subpage-action-buttons {
		position: absolute;
		top: 7px;
		right: 5px;
		width: 246px;
		height: 275px;
	}


div#content-social-media{
	width: 100%;
	margin: auto;
	position: relative;
	background-color: #002b7f;
	overflow: auto;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	div#content-social-media h1 {
		color: #002b7f;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight: 100;
		text-transform: uppercase;
		margin: 0 0 0 0;
		padding: 0;
	}
	div#content-social-media h2 {
		color: #002b7f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 900;
		margin: 0px 0 7px 0;
		padding: 0;
	}
	div#content-social-media p {
		font-weight: 100;
		margin: 7px 0 7px 0;
		padding: 0;
	}
	div#content-social-media ul {
		padding: 0;
		margin: 10px;
	}
	div#content-social-media li {
		padding: 0;
		margin: 5px;
	}
	div#content-social-media a {
		color: #1b75bb;
		text-decoration: none;
	}
	div#content-social-media a:hover {
		text-decoration: underline;
	}

div#content-3col {
	width: 912px;
	padding: 5px;
	position: relative;
	background-color: #002b7f;
	min-height: 300px;
	overflow: auto;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}
	div#content-3col h1 {
		color: #002b7f;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight: 100;
		text-transform: uppercase;
		margin: 0 0 0 0;
		padding: 0;
	}
	div#content-3col h2 {
		color: #002b7f;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 900;
		margin: 0px 0 7px 0;
		padding: 0;
	}
	div#content-3col p {
		font-weight: 100;
		margin: 7px 0 7px 0;
		padding: 0;
	}

	.content-col
	{
		position: relative;
		/* min-height: 500px; */
		float: left;
		width: 290px;
		padding: 5px;
		min-height: 680px;
		margin-left: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
		background: #fff;
	}
	.content-col-short
	{
		position: relative;
		/* min-height: 500px; */
		float: left;
		width: 290px;
		padding: 5px;
		margin-left: 2px;
		background: #fff;
	}
	.content-col-extra-wide
	{
		position: relative;
		height: 322px;
		float: left;
		width: 590px;
		padding: 5px;
		margin-right: 2px;
		overflow: scroll;
	}
	div#content-3col a {
		color: #1b75bb;
		text-decoration: none;
	}
	div#content-3col a:hover {
		text-decoration: underline;
	}

div#footer, div#push {
	height: 160px;
}
div#footer {
	width: 922px;
	margin:auto;
}

div#footer-buttons {
	height: 60px;
}

div#footer-content {
	height: 155px;
	background-color: #002b7f;
	margin-top: 10px;
	padding-top: 5px;
}
	div#footer-image-box-thin {
		width: 221px;
		float: left;
		padding: 5px;
	}
	div#footer-image-box-thick {
		width: 280px;
		float: left;
		padding: 5px 15px 5px 0;
	}
	div#footer-content-box {
		width: 120px;
		float: left;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 20px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #FFFFFF;
	}
	div#footer-content h2 {
		color: #999999;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: 900;
		margin: 0px 0 7px 0;
		padding: 0;
	}
	div#footer-content a {
		color: #ffffff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 100;
		text-decoration: none;
		text-transform: uppercase;
		margin-left: 5px;
	}
	div#footer-content a:hover {
		text-decoration: underline;
	}
		
	div#campaign-info {
		margin: auto;
		margin-left: 10px;
		padding: 5px;
		width: 475px;
		float: left;
		border: 1px solid #FFFFFF;
		color: #ffffff;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-weight: 100;
		font-size: 12px;
		text-align: center;
		clear: both;
	}
	
	div#wamwaw-info {
		margin: auto;
		float: left;
		padding: 5px;
		width: 400px;
		text-align: center;
	}
		div#wamwaw-info a {
			color: #ffffff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: 100;
			text-decoration: none;
			margin-left: 20px;
			margin-right: 20px;
		}
		div#wamwaw-info a:hover {
			text-decoration: underline;
		}

/* Table Style */
#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 20px;
	width: 600px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}




/* Begin Images */

/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}
	
a img {
	border: none;
}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */