/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	color: #444;
	background: url(../images/bg.jpg) top center repeat-x #003370; }


	/*** FONT STYLES ***/	
	h1 { 
		font-size: 18px; 
		font-weight: normal;
		font-family: Verdana;
		color: #fff;
		margin: 0 0 10px 0;
		line-height: 37px;
		background: #377baa;
		text-shadow: 1px 1px 1px #000; }
		
	h2 { 
		font-size: 18px; 
		font-weight: normal;
		font-family: Verdana;
		color: #ffffff;
		margin: 0 0 10px 0;
		line-height: 37px;
		text-align: right;
		background: #377baa;
		text-shadow: 1px 1px 1px #000; }

	h3 { 
		font-size: 14px; 
		font-weight: normal; 
		color: #7e7e7e;
		margin-top: 5px;
		margin-left: 10px; }

	h4 { 
		font-size: 14px; 
		font-weight: normal; 
		color: red;
		margin: 0 0 0 10px; }
				
	a:link, a:visited { color: #00346d; }
	a img { border: none; }
	
	p { margin-bottom: 16px; }
	
	a:focus, a:hover, a:active { outline:none; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 950px;
	margin: 0 auto; }
	
	/*** HEADER ***/
	#header {
		width: 950px;
		height: 173px;
		float: left; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 950px;
		height: 67px;
		margin: 0 auto;
		float: left;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 67px; }
			
	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 950px;
		min-height: 400px;
		float: left;
		text-align: left;
		background: #ffffff;
		padding: 0 0 30px 0; }
	
	/*** CONTENT LEFT ***/
	#contentLeft {
		width: 560px;
		float: left;
		margin: 10px 0 0 0; }
		
		#contentLeft h1 {
			width: 550px;
			height: 37px;
			text-align: left;
			padding: 0 0 0 10px; }
	
		/*** CONTENT ***/
		#content {
			width: 560px;
			min-height: 400px;
			float: left;
			text-align: left;
			margin: 0 0 50px 0; }
				
			#content p {
				padding: 0 0 0 10px; }
				
			#content ul li {
				margin: 0 0 5px 20px; }
				
			#flashGallery {
				width: 550px;
				min-height: 200px;
				float: left;
				margin: 0 0 20px 10px; }
				
			a p.viewPhoto {
				margin: 10px 0 20px 10px;
				text-decoration: underline; }

			/*** REALITYCHECK STYLES ***/
			ul#realityCheck { 
				margin: 0 0 20px 0; 
				list-style: none; }
			
				ul#realityCheck li { margin: 0 0 10px 0; }
				
					ul#realityCheck li img { 
						float: left; 
						margin: 0 10px 0 10px; }
					
					ul#realityCheck li p { 
						float: left;
						margin: 0 0 0 -10px; 
						width: 420px; }
			
			ul#governmentNews li {
				list-style: none;
				margin: 0 0 10px 0; }
			
			a.rssName:visited, a.rssName:link {
				font-size: 12px;
				text-align: left;
				color: #00346d;
				text-decoration: none;
				margin: 10px 0 10px 2px; }

				
		/*** SIDEBAR ***/
		#side {
			width: 357px;
			min-height: 400px;
			float: left;
			margin: 10px 0 0 33px; }
			
			#side h2 {
				width: 347px;
				height: 37px;
				padding: 0 10px 0 0; }
			
			#extras {
				width: 357px;
				float: left; }
				
				#extras #twitter,
				#extras #facebook {
					width: 345px;
					float: left;
					margin: 0 0 20px; }
					
			#govNews {
				width: 357px;
				min-height: 200px;
				float: left;
				margin: 20px 0; }
				
			#videoGallery {
				width: 357px;
				min-height: 200px;
				float: left; }
				
				a p.videoGallery {
					text-decoration: underline;
					margin: 15px 10px 0 0;
					text-align: right; }
					
			img.sj225 {
				width: 274px;
				height: 127px;
				float: left;
				margin: 20px 0 0 35px; }
		
	/*** FOOTER ***/
	#footer {
		width: 950px;
		height: 168px;
		text-align: left;
		float: left;
		background: url(../images/footer_bg.jpg) top left no-repeat;
		text-shadow: 1px 1px 1px #000; }

			#footer p { 
				font-size: 10px;
				color: #fff; }
				
				#footer a:link, #footer a:hover, #footer a:visited {
					text-decoration: none;
					color: #fff; }
		
			#socialMedia {
				width: 260px;
				padding: 20px;
				height: 110px;
				float: left; }
				
				#socialMedia h6 {
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #fff;
					color: #fff; }

				ul#socialLinks {
					list-style: none;
					width: 260px;
					margin: 10px 0 0 0; }
						
						ul#socialLinks li {
							float: left;
							width: 120px;
							margin: 0 0 10px 0; }
							
							ul#socialLinks img {
								padding: 1px;
								border: 1px solid #fff; }
								
			#siteMap {
				width: 260px;
				padding: 20px;
				height: 110px;
				float: left; }

				#siteMap h6 {
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #fff;
					color: #fff; }
					
				ul#siteMapList {
					list-style: none;
					width: 260px;
					margin: 10px 0 0 0; }

						ul#siteMapList li {
							float: left;
							width: 120px;
							margin: 0 0 10px 0; }
		
			#copyright {
				width: 260px;
				padding: 20px;
				height: 110px;
				float: left; }

				#copyright h6 {
					font-size: 14px;
					font-weight: normal;
					text-transform: uppercase;
					color: #fff;
					padding: 0 0 10px 0;
					border-bottom: 1px dotted #fff;
					margin: 0 0 10px 0; }
				
				p.poweredby a { margin: 0 20px 0 0; }		
			

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */
