/* General style sheet for all media
 hardykarate.atspace.com (c) odbc3@hotmail.com
 */

.mobonly {display: none;  visibility: hidden;}	/* hide mobile */
.pconly  {display: block; visibility: visible;}	/* show screen */

body	{margin: 10px; font-family: Arial, sans-serif; background-image:url("images/BlockBG.gif");}
table	{font-size: 1.0em;}
td		{vertical-align: top;}
a		{color: #444444; font-weight: bold; text-decoration:none;}
a:hover	{color: #D77700;}
img		{border:none}
form	{display:inline}
h1		{margin-top: 0px;clear:both}
ul	{ margin-top: 2px; list-style-type:disc	}
dt		{font-weight: bold;}

.spacer {height:10px}

.leftimg	{margin: 10px; border: 0px; float: left }
.rightimg	{margin: 10px; border: 0px; float: right }

div.rightflt	{float: right }
div.rightblk	{padding: 0; margin: 0; border: 0;}

img.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.centerstuff	{text-align:center; margin-top:0px; margin-bottom:0px; padding:0px 100px 0px 0px; }

div.righti img {float: right;padding: 0; margin: 0; clear: right;}
div.lefti img {float: left;padding: 0; margin: 0; clear: left;}

/* make image dimension relative to window width */
img.width25pc {width: 25%; height: auto;}

.newblock {
    display: block;
	clear: both;
}

.testimonal	{
	border: 1px solid black;
	padding: 0.5em;
	margin: 1em;
}

.testimonalrightimg {
	height: 200px; margin: 6px; float: right; border: 1px solid green;
}

.testimonalcol1	{
	border: 1px solid black;
	padding: 0.5em;
	margin: 1%;
	width: 45%;
	float: left;
	clear: all;
	background-color: #ccc;
}

.testimonalcol2 {
	border: 1px solid black;
	padding: 0.5em;
	margin: 1%;
	width: 45%;
	float: left;
	background-color: #ccc;
}

.testimonalcol1 img, .testimonalcol2 img	{
	margin: 6px; border: 0px; float: left;
}

.twocolumn {
	padding: 0;
	margin: 0;
	width: 45%;
	float: left;
}

table.grading {
	border-collapse: collapse;
}

.grading td {
	margin: 0px 3px;
	padding: 0px 3px;
	border-right: 1px solid #eee;
}


.resulttable {
	border-collapse: collapse;
	border-color: #111111;
	border: 3px solid black
}

table.resulttable thead {
	background-color: #cccccc;
}
table.resulttable tbody {
	background-color: #ddffdd;
}
table.resulttable td {
	border: 1px solid #ccc;
}

.question {
	background-color: #B5C4E3;
	padding-bottom: 0.5em;
	padding-left: 0.6em;
	font-weight: bold;
}
.answer {
	background-color: #ddf0f8;
	padding-bottom: 2em;
	padding-left: 0.6em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4D5E80;
	
}
.faq {
	border: 1px solid #4D5E80;
	width: 95%;
}

.imgtitle {
	font-size:1.2em;
	font-weight: bold;
	clear: both;
}

.warning {
	color: red;
	font-size: 120%;
}

div.photo {
	padding: 0 25px 25px 0;
	border: 0;
	margin: 0;
	float: left; width: 145px;
	height: 225px;
}

div.photo a {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
}

div.photo img {
	border: 1px solid black;
	padding: 2px;
	background-color: white;
}
div.photo ul {
	list-style-position:inside;
	padding: 2px;
}

/* Top menu stuff */

table.menuTop {
	background-color: #444444;
	letter-spacing: 0.1em;
	font-size: 12px;
	line-height: 13px;
}

table.menuTop td a {
	height:13px;
	padding: 4px 8px 4px 8px;
	border: 1px solid #ffffff;
	background-color: #e8e8e8;
	display: block;
	text-align: center;
	white-space: nowrap
}

table.menuTop td a:hover {
	color:#000000;
	text-decoration: underline;
}

table.menuTop td.act a {
	background-color:#d0d0d0;
	color:#000000;
	text-decoration: underline;
}

/* top icon menus */

.menuhead {
	padding: 1px 8px 1px 8px;
	text-align: center;
	font-weight: bold;
	clear: both;
}

.menuhead img {
	float: center;
}

div.newsblock {
	padding: 0.3em;
	margin: 0.3em;
	width: 136px;
	border: 1px solid #888888;
	background-color: rgb(228,236,236);
	display: inline;
}

#navright {
position: absolute;
width: 90px;
top: 130px;
right: 10px;
border: 1px dashed black;
background-color: #eee;
padding: 5px;
z-index: 1;
}

.hotlink {
	font-size: 0.8em;
	padding: 0.3em;
	margin: 0.25em;
}

.eventhead
{
    border: black 1px solid;
    padding: 5px;
    margin: 0px;
    width: 99%;
	font-weight: bold;
	color: black;
    background-color: #ED4738; /* #CEE; */
}

.event
{
    margin: 10px;
}

#eventhead2
{
    border-right: #080 1px solid;
    padding-right: 5px;
    border-top: #080 1px solid;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 0px;
    border-left: #080 1px solid;
    width: 100%;
    color: #080;
    padding-top: 5px;
    border-bottom: #080 1px solid;
    background-color: #8e8;
    text-align: center
}

/* General stuff */

.normal { font-size: 1.2em;	line-height: 1.3em; }
.normal a {	color: #AA1717; }
.normal a:hover { text-decoration: underline; }

.medium { font-size: 1.1em;	line-height: 1.2em; }
.medium a {	color: #AA1717; }
.medium a:hover { text-decoration: underline; }

.small { font-size: 0.8em;	line-height: 0.9em; }
.small a:hover { text-decoration: underline; }

.maphelp {
	text-align: left;
}