@import 'reset.css';

@import 'color.css';
@import 'typography.css';
@import 'layout.css';

/* LAYOUT */
#pageContent {}
	#pageContent h1 {
	  margin-left: 20px
	}
		h3 {
			width: 560px;
		}
			h3 a.news-headline {
		    display: block;
			}
		h4 {
		  margin-bottom: 20px;
		}			
			h4 a.news-headline {
		    display: block;
			}
	#aboutJon {
	  float: left;
		margin: 0 20px 40px;
	}
	  #aboutJon h2 {
		  width: 680px;
		}
		#aboutJon h4 {
			width: 560px;
		}
  #localMedia {
	  float: right;
		margin: 0 0 40px 20px;
	}
	  #localMedia h2 {
		  width: 220px;
		}
		#localMedia ul {
		  list-style-type: disc;
		}
	#byJon {
	  clear: both;
	  float: left;
		margin: 0 20px 40px;
	}
	  #byJon h2 {
		  width: 440px;
		}
		#byJon h4 {
			width: 440px;
		}
	#otherRelevantNews {
	  float: right;
		margin: 0 0 40px 20px;
	}
	  #otherRelevantNews h2 {
		  width: 460px;
		}
		#otherRelevantNews h4 {
			width: 440px;
		}
		
/* TYPOGRAPHY */
		  .rel-header {
			  font-weight: bold;
			}
		  h3, h4 {
			  font-style: normal;
				font-weight: normal;
			}
		    h3 a, h4 a {
		      font-size: 24px;
				  line-height: 40px;
		    }
			p {}
			  a.news-headline {
					text-decoration: none;
				}
				a.news-headline:hover {
					text-decoration: underline;
				}	
			
/* COLOR */