body {
background-color: #ffffff; 
margin-top: 0px;
margin-bottom: 0px;
scrollbar-base-color: #ffcccc;
scrollbar-face-color: #cc3333;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #ffcccc;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #ffcccc;
scrollbar-arrow-color: #333333;}

p, td, h1, h2, h3, h4 {
font-family: trebuchet ms, verdana, helvetica, arial;
font-size: 10pt;
color: #b2391a;}

acronym {
cursor: help;
border-bottom: 2px dotted #00ff00;}

td {
text-align: left;
background-color: #ffffff;}

td.borderleft {
background-color: #000000;}

td.bar {
background-image: URL(images/barcenter.gif);
background-repeat: repeat-x;}

td.navigation {
text-align: center;
margin-top: 145px;
background-image: URL(images/navfade-red.png);
background-repeat: repeat-y;}

td.header {
font-size: 10pt;
font-weight: bold;
text-align: center;
padding: 3px;}

td.center {
text-align: center;}

table.oftheday {
border: 2px dotted #b2391a;}

td.dl1 {
font-size: 80%;
text-align: left;
font-weight: bold;
border-width: 1;
border-color: #ffffff;
background-color: #d5e7c2;
color: #000000;
border-collapse: collapse;}

td.dl2 {
font-size: 80%;
text-align: left;
border-width: 1;
border-color: #000000;
border-collapse: collapse;}

td.dl3 {
font-size: 80%;
text-align: center;
border-width: 1;
border-color: #000000;
border-collapse: collapse;}

td.poemleft {
vertical-align: top;
text-align: center;}

td.poemmid {
border: thin solid black;
vertical-align: top;
text-align: center;}

td.poemright {
border: thin solid black;
vertical-align: top;}

p.centerme {
text-align: center;}

p.lefty {
text-align: left;
padding: 0px 5px 5px 50px;}

#navbar {
margin-top: 110px;}

ul {
list-style: disc;}

h1 {
color: #b2391a;
text-align: center;}

h2 {
font-weight: 900;}

h3 {
font-size: 8pt;
margin-top: -15px;
margin-bottom: 10px;
font-weight: 900;}

h4 {
margin-bottom: 0px;
font-weight: 900;}

hr {
color: #b2391a;}

acronym {
cursor: help;
border-bottom: 1px dotted #b2391a;}

img.black {
border:solid #000000;
position: static;
float: left;
vertical-align: text-top;}

img.icon {
margin: auto auto auto 5px;}

img.hideline {
border: 0px;}

#content a:link, #content a:active, #content a:visited {
color: #000000;
text-decoration: underline;}

#content a:hover {
color: #b2391a;
text-decoration: none;}

#mobilelink a:link, #mobilelink a:active, #mobilelink a:visited {
color: #b2391a;
text-decoration: none;}

#mobilelink a:hover {
color: #000000;
text-decoration: underline;}

a:link.header, a:visited.header {
color: #b2391a;
text-decoration: none;}

a:active.header, a:hover.header {
color: #000000;
text-decoration: underline;}

/* Buttons */	
.cssbtn
{ display: inline; display: inline-block; 
width: 120px;
margin: 0.2em;
padding: 1px;
font-size: 3vw;
font-family: trebuchet ms, verdana, helvetica, arial;
font-weight: normal;
text-align: left;
text-decoration: none;
background: #cdf;
color: #333;
border: 1px solid black;
vertical-align: middle;
white-space: nowrap;
cursor: hand; cursor: pointer;}

.cssbtn[class]
{ width: auto;
min-width: 120px;}

.cssbtn strong
{ font-size: 1vw;
font-weight: bold;
background: white;
color: #06c;}

.cssbtn:hover /* Outer Box */
{ background: #b2391a;
color: white}

.cssbtn:hover strong /* Inner Box */
{ font-size: 1vw;
background: #eaa90d;
color: black;}

.btnauth /* Outer Box */
{ background: #eaa90d; 
color: black}

.btnauth strong /* Inner Box */
{ font-size: 1vw;
background: #b2391a; 
color: white}

/*----- Toggle Button -----*/
.toggle-nav {
	display:none;
}

/*----- Menu -----*/
@media screen and (min-width: 860px) {
	.menu {
	width:100%;
	padding:10px 18px;
	box-shadow:0px 1px 1px rgba(0,0,0,0.15);
	border-radius:3px;
	background:#303030;
	}
}

.menu ul {
	display:inline-block;
}

.menu li {
	margin:0px 50px 0px 0px;
	float:left;
	list-style:none;
	font-size:17px;
}

.menu li:last-child {
	margin-right:0px;
}

.menu a {
	text-shadow:0px 1px 0px rgba(0,0,0,0.5);
	color:#777;
	transition:color linear 0.15s;
}

.menu a:hover, .menu .current-item a {
	text-decoration:none;
	color:#66a992;
}

/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
	.wrap {
		width:90%;
	}
}

@media screen and (max-width: 970px) {
	.search-form input {
		width:120px;
	}
}

@media screen and (max-width: 860px) {
	.menu {
		position:relative;
		display:inline-block;
	}

	.menu ul.active {
		display:none;
	}

	.menu ul {
		width:100%;
		position:absolute;
		top:120%;
		left:0px;
		padding:10px 18px;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background:#303030;
	}

	.menu ul:after {
		width:0px;
		height:0px;
		position:absolute;
		top:0%;
		left:22px;
		content:'';
		transform:translate(0%, -100%);
		border-left:7px solid transparent;
		border-right:7px solid transparent;
		border-bottom:7px solid #303030;
	}

	.menu li {
		margin:5px 0px 5px 0px;
		float:none;
		display:block;
	}

	.menu a {
		display:block;
	}

	.toggle-nav {
		padding:20px;
		float:left;
		display:inline-block;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background:#303030;
		text-shadow:0px 1px 0px rgba(0,0,0,0.5);
		color:#777;
		font-size:20px;
		transition:color linear 0.15s;
	}

	.toggle-nav:hover, .toggle-nav.active {
		text-decoration:none;
		color:#66a992;
	}

}