body { 
background-color: #ddd;
	background-image: url(new_texture.jpg);
	background-repeat: repeat;
	border-top: 4px solid #333;
margin : 0 auto;
padding : 0;
font : 120%/1.4 'Georgia', serif; 	
color : #000; 
text-align: center;
}

button, 
input, 
select, 
textarea { 
font-family : 'Georgia', serif; 
color : #333; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family: 'Georgia', serif;
font-weight : normal;
margin-top: 0px;
letter-spacing: -1px;
}

h1 { 
font-family:  'Georgia', serif;
color: #000;
margin-bottom : 0.2em;
font-size : 6em; /* 96 / 16 */
line-height : 1.4;
}


h2 { 
color: #222;
margin-bottom : .5em;
margin-top : .5em;
font-size : 2.75em; /* 40 / 16 */
line-height : 1.2;
}

h3 { 
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3; }


h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

	footer h4 { 
		color: #ccc;
	}

h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }


p.introtext {
font-family:  MuseoSlab100, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
font-size : 2.5em; /* 40 / 16 */
color: #333;
line-height: 1.4em;
letter-spacing: -1px;
margin-bottom: 0.5em;
}


p.handwritten {
font-family:  HandSean, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; 
font-size: 1.375em; /* 24 / 16 */
line-height: 1.8em;
margin-bottom: 0.3em;
color: #666;
}

p.center {
text-align: center;
}


.and {
font-family: GoudyBookletter1911Regular, Georgia, Times New Roman, sans-serif;
font-size: 1.5em; /* 24 / 16 */
}
a {
	color: #069;
	text-decoration: underline;
}
a:visited {
	color: #333;
}
 a:hover {
	color: #f00;
}
.sidebar h1 {
	font-size: 20px;
}
h1 {
		font-size: 30px
	}
#menu li a {
	font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	text-shadow: 1px 1px 1px #fff;
	text-decoration: none;
}
#menu li:first-child a {
	border-left: none;
}
#menu li:last-child a {
	border-right: none;
}
#logo {
	font-size: 12px;
}
.col img {
	border-radius: 4px;
}
.sidebar p {
		margin-bottom: 10px;
	}
@media only screen and (max-width: 480px) {
	
	#maincontent {
		padding: 0;
		margin: 0;
		max-width: 100%;
		width: 100% !important;
	}
	h1,.sidebar h1 {
		font-size: 35px;
	}
	.main-left {
		width: 92% !important;
		margin-left: 4% !important;
	}
	.sidebar {
		background-color: #333;
		margin: 0;
		padding-top: 20px;
	}
	.sidebar * {
		color: white;
		max-width: 92%;
		margin-left: 4%;
		line-height: normal;
	}
	.sidebar a, .sidebar span, .sidebar b, .sidebar i {
		margin: 0;
	}
	.sidebar p {
		margin-bottom: 10px;
	}
	.sidebar a {
		color: #f9bc47;
		margin: 0;
		display: inline;
	}
	#menu {
		width: 92%;
		margin-left: 4%;
	}
	#logo {
		font-size: 12px;
		display: block;
		position: relative;
	}
	#login-form h2 {
		color: white;
	}
	#login-form input {
		color: #333;
	}
	#login-form input[type="submit"]{
		color: black;
	}
	
}
@media only screen and (min-width: 768px) {
	
	
	#menu {
		border-bottom: 1px dotted #ccc;
		margin-top: 30px;
	}
	#menu li {
		margin-bottom: 5px;
	}
	#menu li a {
		padding: 5px 10px;
		color: #000;
		border-right: 1px solid #ccc;
		font-family: 'Georgia', serif;
		border-right: 1px solid #999;
		border-left: 1px solid white;
	}
	#menu li a:hover {
		color: #f00;
	}
	#menu li:first-child a {
		padding-left: 0;
	}
	.sidebar {
		font-size: 14px;
		line-height: 1.3em;
		color: #333;
	}
	.col h1 {
		font-size: 24px;
	}
	#ctl00_PageContent_big1 h1 {
		font-size: 35px;
	}
	#logo {
		background-color: #333;
		color: #eee;
	}
	#logo table {
		color: #eee;
	}
}
