@charset "utf-8";

body {
	background-color:#666; 
	background-image:url(images/tile2.gif); 
	background-repeat:repeat; margin:0; 
	padding:12px; 
	font-family: 'Open Sans', Verdana, Helvetica, Arial, sans-serif;
	font-size:16px;
    line-height:1.5em;
}

#sheet {
	max-width:900px; 
	margin:0 auto; 
	background-color:#ffffff; 
	height:100%;
	border-top:solid 2px #CCC;
	border-right:solid 2px #666;
	border-bottom:solid 2px #666;
	border-left:solid 2px #CCC;	
}

.headerfull {
	width:100%; 
	height:auto;
	border:0;
	display:block;
}

.headerresp {
	width:100%; 
	height:auto;
	border:0;
	display: none;
}

#navigation {
	border:1px solid #fff; 
	padding:4px; 
	background-color:#eee; 
	min-height:32px; 
	text-align:center; 
	font-size:.95em;
    line-height:1.5em;
}

.navblock {
	font-size:.95em;
	background-color: #c2e6fc;
	display: inline-block;
	margin: 2px;
	padding: 4px;
	border-top: 2px solid #CCC;
	border-right: 2px solid #666;
	border-bottom: 2px solid #333;
	border-left: 2px solid #CCC;
    line-height:1.5em;
}

.navblock a {
	text-decoration:none;
	color:#000;
}

.navblock a:hover {
	color:#009;
}

.navblock:hover {
	background-color:#FFF;
}

#content {
	border-top:1px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:2px solid #eee;
	border-left:1px solid #fff;
	padding:12px; 
	background-color:#fff; 
	height:100%;
}

#footer {
	border:1px solid #ccc; 
	padding:12px; 
	background-color:#ccc;
	background-image:url(images/footer-bg.jpg);
	background-repeat:repeat-x; 
	min-height:32px;
	font-size:.9em;
    line-height:1.5em;
	color:#FFF;
	text-align:center;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}

h1 {
	font-size:1.5em;
    line-height:1.5em;
}

h2 {
	font-size:1.25em;
    line-height:1.5em;
}

h3 {
	font-size:1.125em;
    line-height:1.5em;
}

h4 {
	font-size:1em;
    line-height:1.5em;
}

h5 {
	font-size:.9em;
    line-height:1.5em;
}

h5 {
	font-size:.8em;
    line-height:1.5em;
}

p {
	font-size:1em;
    line-height:1.5em;
}

hr {
	height:1px;
	/*width:100%;*/
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	text-align: center;
	margin-top:8px;
	margin-bottom:8px;
}	

.hrule {
	height:1px;
	width:400px;
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	margin:12px auto;
}

table {
	border-collapse:collapse;
	border:0;
	width:100%;
}

table td {
	font-size:.95em;
	border:solid 1px #666;
	padding:8px;
    line-height:1.5em;
}

.rownoborder  {
	border:0;
	
}

.cell1 {
	background-color:#eee;
}

.nowrap {
	white-space:nowrap;
}

.forcewrap {
	word-wrap:break-word;
}

@media (max-width: 767px) {
	body {
		background-color:#666; 
		padding:0; 
		font-size:1em;
        line-height:1.5em;
	}
	#sheet {
		width:100%;
		max-width:900px; 
		margin:0; 
		background-color:#ffffff; 
		height:100%;
		border-top:solid 2px #CCC;
		border-right:solid 2px #666;
		border-bottom:solid 2px #666;
		border-left:solid 2px #CCC;	
	}
	
	.headerfull {
		width:100%; 
		height:auto;
		border:0;
		display:none;
	}
	
	.headerresp {
		width:100%; 
		height:auto;
		border:0;
		display: block;
	}
	
	.navblock {
		font-size:1em;
		background-color: #c2e6fc;
        line-height:1.5em;
	}
	
	table td {
	font-size:.9em;
		border:solid 1px #666;
		padding:4px;
        line-height:1.5em;
	}

}