/* Body, text settings for all screen sizes */

body {
	
	background: #ffffff;
	
	font-family: Palatino,"Palatino Linotype",Georgia,Times,serif;

	font-size: 14px;

}



a:link {color:#336699;}

a:visited {color:#666666;}

a:hover {color:#c8197d;}

a:active {color:#c8197d;}



h1, h2, h2, h3, h4, h5 {

	color: #336699;

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

	font-size: 13px;

	letter-spacing: 3px;

	margin: 20px 0 0 0;

}



p, blockquote {

	line-height: 1.5;

}

.changed, .links, .promotext, .caption {

	color: #003366;

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

	font-size: 10px;

}



.changed p, .timeline p {

	margin: 0;

}



.promotext {

	clear: both;

	margin: 10px 0 2px 0;

}



.bottomnav, .links, .green, .facebook {

	color: #663333;

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

	font-size: 10px;

}



.links {

	clear: both;

	margin-bottom: 10px;

}



.bottomnav {

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

	font-size: 10px;

	font-weight: bold;

	margin: 10px 0;

}



.facebook {

	margin: 0 0 10px 0;

}





.disclaimer {

	font-size: 12px;

}



strong {

	font-weight: bold;

}





/* Image settings */



.rotate {

	display: block;

	padding-bottom: 20px;

	max-width: 90%;

}



.menu {

	display: block;

	padding-top: 20px;

	max-width: 95%;

	height: auto;

}



.promoimg, .linkimg {

	float: left;

	margin: 0 1% 1% 0;

	border: 1px solid #336699;

	max-width: 20%;

}

.linkimg {

	border: none;

}

.gallery20 img {
	border: 1px solid #336699;
}

/* Update settings */
.sideupdates {
	background: #dedede;
	padding: 1em;
	margin-left: 15px;
	font-family: Verdana,Arial,Helvetica,sans serif;
	font-size: 10px;
}




/*mobile styles*/

@media only screen and (max-width:480px) {



body {

	width: 90%;

	margin: 10px auto;

}



.sidenav {
	padding: 0;
}

.sideupdates {
	float: none;
}


.main {

	padding: 0;

}

.promoimg {
	max-width: 45%;
}

footer {

	clear: both;

	padding: 20px 0;

}

.gallery20 {

	padding: 0 0 10px 0;

}

.flex {

	max-width: 100%;

}



}





/*tablet styles*/

@media only screen and (min-width:481px) and (max-width:768px) {



body {

	width: 90%;

	margin: 10px auto;

}



.sidenav {

	float: left;

	width: 21%;

	padding: 0 1% 0 0;

	border-right: 1px solid #333333;

}

.sideupdates {
	float: right;
	width: 21%;
}


.main {

	float: right;

	width: 75%;

	padding: 0 1% 0 0;

}



footer {

	clear: both;

	padding: 20px 0;

}



.flex {

	max-width: 100%;

}

.gallery20 {

	float: left;

	padding: 0 2% 1% 0;

	min-height: 250px;

	max-height: 270px;

	margin-right: 2%;

	max-width: 35%;

}

}







/*desktop styles*/

@media only screen and (min-width:769px) {



body {

	width: 80%;

	max-width: 960px;

	margin: 10px auto;

}



.sidenav {

	float: left;

	width: 21%;

	padding: 0 1% 0 0;

	border-right: 1px solid #333333;

}

.sideupdates {
	float: right;
	width: 21%;
}


.main {

	float: right;

	width: 75%;

	padding: 0 1% 0 0;

}



footer {

	clear: both;

	padding: 20px 0;

}

.gallery20 {

	float: left;

	padding: 0 2% 1% 0;
	
	min-height: 220px;
	
	max-height: 250px;

	margin-right: 2%;

	max-width: 15%;

}

.flex {

	max-width: 100%;

}