body {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.78em; 
	color:#000; 
	font-style:normal;
	margin: 0;
	min-width:20em;
}
a:link, a:visited, a:active { font-family:Arial, Helvetica, sans-serif; color:#610016;}
a:hover { color:#b07f8a;text-decoration:none; }

img {
	max-width: 100%;
	height: auto;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

#headerContainer {
	border-top: 40px solid #610016;
	background: url(../images/header_bgnd.jpg) repeat-x #000;
	background-position: top center;
	-webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
//	border-bottom: 1px solid #F00;
}

#header {
	margin: 0 auto 0 auto;
	position: relative; 
	top: -40px;
	overflow: hidden;
	text-align: center;
//	border: 1px solid #0F0;
	height: 30%;
}

#upperHeader {
	margin: 1em 0 0 40%;
	position: relative;
	height: 35%;
	width: 60%;
//	border: 1px solid #F00;
	z-index: 999;
}

#Garland { height: 80%;}
#Twitter { margin-left: 30%; position: relative; top: -35%; height: 35%;}
#Email { margin-left: 5%; position: relative; top: -35%; height: 35%;}

#lowerHeader {
	margin: 0 auto;
	position: relative;
	top: -40%;
	z-index: 998;
	width: 100%;
	vertical-align: bottom;
}

#Picture {
	float: left;
	position: relative;
	vertical-align: bottom;	
	width: 24%; 
//	border: 1px solid #00F;
}

#HeaderName {
	float: left;
	margin: 14% 0 1% 5%;
	width: 60%; 
}

#Byline {
	float: left;
	margin: 0 0 0 5%;
	width: 60%; 
}

/* Navigation */
#navContainer {
	display: block;
	clear: both;
	width: 100%;
//	border: 1px solid #F00;
	margin-bottom: 0.9em;
}
#cssmenu {
	margin: 0 auto;
}

/* Content Area */
#contentArea {
	margin: 0 auto 0 auto;
}

#contentArea h1 {
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 3px double #610016;
}

/* Responsive breakpoints */
@media (min-width:0em) { /* smartphones, iPhone, portrait 480x320 phones */ 
	#header {width: 20em;height: 7em;top: -4px;height: auto;}
	#headerContainer {height: 6.0em;border-top: 12px solid #610016;}
	#upperHeader, #Picture {display:none;}
	#HeaderName,#Byline {width: 90%}
	#HeaderName {margin-top: 7%;}
	#cssmenu {width: 20em;}
	#contentArea {width: 20em;}
}
@media (min-width:30.063em) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
	#header {width: 30em;height: 10em;top: -22px;}
	#headerContainer {height: 8.15em;border-top: 22px solid #610016;}
	#upperHeader, #Picture {display:block;}
	#HeaderName,#Byline {width: 60%}
	#HeaderName {margin-top: 14%;}
	#cssmenu {width: 30em;}
	#contentArea {width: 30em;}
	.column1 {width: 35%;margin-right: 5%;float: left;}
	.column2 {width: 60%;float: left;}
	.column3 {width: 100%;}
}
@media (min-width:40.063em) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
	#header {width: 40em;height: 15em;top: -30px;}
	#headerContainer {height: 10.45em;border-top: 30px solid #610016;}
	#cssmenu {width: 40em;}
	#cssmenu > ul > li > a { padding: 15px 22px 15px 22px;}
	#contentArea {width: 40em;}
	
}
@media (min-width:60.063em) { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#header {width: 60em;height: 19em;top: -35px;}
	#headerContainer {height: 16.15em	;border-top: 35px solid #610016;}
	#cssmenu {width: 60em;}
	#cssmenu > ul > li > a { padding: 15px 47px 15px 47px;}
	#contentArea {width: 60em;}
	.threeColumn > div {float: left;}
	.column1 {width: 24%;margin-right: 2%;}
	.column2 {width: 48%;margin-right: 2%;}
	.column3 {width: 24%;}
}
@media (min-width:64.063em) { /* big landscape tablets, laptops, and desktops */ 
	#header {width: 64em;height: 20em;top: -40px;}
	#headerContainer {height: 16.85em;border-top: 40px solid #610016;}
	#cssmenu {width: 64em;}
	#cssmenu > ul > li > a { padding: 15px 52px 15px 52px;}
	#contentArea {width: 64em;}
}
@media (min-width:80.063em) { /* hi-res laptops and desktops */ 
	#header {width: 70em;height: 22em;top: -40px;}
	#headerContainer {height: 18.75em;border-top: 40px solid #610016;}
	#cssmenu {width: 70em;}
	#cssmenu > ul > li > a { padding: 15px 59px 15px 59px;}
	#contentArea {width: 70em;}
}