/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html
{
	font-size: 100.01%;
	background-image: url('../App_Images/htkd_documentbckground.jpg');

}

body
{
	font-size: 72%; /*color: #222;*/
	font-family: Verdana;
}

#grid
{
	width: 1000px; /*margin: 0 auto;*/
	background-color: Black;
}
#mainFrame
{
	border: solid 1px Gray;
	width: 800px;
	float: left;
	background-color: Black;
}

/*********************************************** 
----> ADS
***********************************************/

#advTop
{
	height: 80px;
	width: 790px;
	margin: 0 0 8px 0;
	float: left;
	background-color: Transparent;
}

#advRight
{
	height: 350px;
	width: 180px;
	background-color: Transparent;
	margin: 0 0 8px 0;
	float: right;
}

/*********************************************** 
----> ROWS
***********************************************/

#header
{
	height: auto;
	width: 800px;
	float: left;
}
#headerMenu
{
	width: 800px;
	float: left;
	text-align: center;
	border-top: inset 1px #DE2C2C;
	border-bottom: inset 1px #DE2C2C; /*background-color: #DE2C2C;*/ /*background-image: url(App_Images/htkd_headingbackground.jpg);*/
	padding-top: 10px;
	padding-bottom: 10px;
}

/*********************************************** 
----> COLUMNS
***********************************************/

#contentWrapper
{
	background-color: Transparent;
	float: left;
}

.SideColumnHeader
{
	font-family: verdana;
	font-weight: bold;
	font-size: 8pt;
	color: Red;
	padding: 7px 0px 7px 0px;
	margin: 0 auto;
	text-align: center;
	background-color: #232323;
}

#colLeft
{
	float: left;
	width: 149px;
}

#colLeft ul
{
	margin: 0;
	padding: 0;
}

#colLeftTop
{
}

#colLeftTopContent
{
	padding-bottom: 20px;
}

#colLeftBottom
{
}

#colLeftBottomContent
{
}

#colMidHeader
{
	color: #666666;
	border-bottom: solid 1px red;
	padding-bottom: 5px;
}

#colMid
{
	width: 500px;
	min-height: 450px;
	background-color: Transparent;
	float: left;
	color: #808080;
	border-left: outset 1px #AE2C2C;
	border-right: outset 1px #AE2C2C; /* overflow: auto;  	scrollbar-face-color: #000000; 	scrollbar-highlight-color: #e6e6e6; 	scrollbar-3dlight-color: #000000; 	scrollbar-shadow-color: #000000; 	scrollbar-darkshadow-color: #000000; 	scrollbar-track-color: #333333; 	scrollbar-arrow-color: #6e6e6e; */
}

#colRight
{
	width: 149px;
	float: left;
}

#colRight ul
{
	margin: 0;
	padding: 0;
}

#colRightTop
{
}

#colRightTopContent
{
	padding-bottom: 20px;
}

#colRightBottom
{
}

#colRightBottomContent
{
}

#footer
{
	width: 800px;
	height: 40px;
	background-color: Black;
	float: left;
	text-align: center;
	color: #808080;
	border-top: ridge 1px #AE2C2C;
}

#pageView
{
	width: 480px;
	max-width: 480px;
	padding: 0 10px 0 10px;
	border-bottom: solid 1px red;
}

#divPageBody
{
	height: auto;
	overflow: auto;
	width: 450;
}

#pageList
{
	width: 480px;
	padding: 0 10px 0 10px;
}



/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	color: #808080;
}

h1
{
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0.5em;
	text-align: center;
}
h2
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}
h3
{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1em;
	text-align: left;
}
h4
{
	font-size: 1em;
	line-height: 1.25;
	margin-bottom: 0.6em;
}
h5
{
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 1.5em;
}
h6
{
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
{
	margin: 0;
}

.nav
{
	list-style-type: none;
	font-size: x-small;
}

.nav li
{
	padding: 5px 10px 10px 10px;
}
.navMenu
{
	list-style-type: none;
	font-size: small;
	font-weight: bold;
}


#headerMenu ul.navMenu li
{
	display: inline;
	padding: 20px 10px 20px 10px; /*float: left; 	text-align: center;*/
}


/* Text elements
-------------------------------------------------------------- */

p
{
	margin-bottom: 0.5em;
	text-align: left;
}
p img.left
{
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}
p img.right
{
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

.hr1
{
	color: #222;
	background-color: #222;
	height: 1px;
	border: 0;
	width: 100%;
	text-align: left;
}

.hr2
{
	color: #222;
	background-color: #333;
	height: 2px;
	border: 0;
	width: 100%;
	text-align: left;
}


/*a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }
*/
a:link
{
	color: #808080;
	text-decoration: none;
}

a:visited
{
	color: #808080;
	text-decoration: none;
}

a:hover
{
	color: white;
	text-decoration: none;
}

a:active
{
	/*color: #808080;*/
	color: Red;
	text-decoration: none;
}

a.nav:link
{
	color: #e2e2e2;
	text-decoration: none;
}

a.nav:visited
{
	color: #e2e2e2;
	text-decoration: none;
}

a.nav:hover
{
	color: #e2e2e2;
	text-decoration: underline;
}

a.nav:active
{
	color: #e2e2e2;
}

a.img
{
	border: none;
}



blockquote
{
	margin: 1.5em;
	color: #666;
	font-style: italic;
}
strong
{
	font-weight: bold;
}
em, dfn
{
	font-style: italic;
}
dfn
{
	font-weight: bold;
}
sup, sub
{
	line-height: 0;
}

abbr, acronym
{
	border-bottom: 1px dotted #666;
}
address
{
	margin: 0 0 1.5em;
	font-style: italic;
}
del
{
	color: #666;
}

pre
{
	margin: 1.5em 0;
	white-space: pre;
}
pre, code, tt
{
	font: 1em 'andale mono' , 'lucida console' , monospace;
	line-height: 1.5;
}


/* Lists
-------------------------------------------------------------- */

li ul, li ol
{
	margin: 0;
}
ul, ol
{
	margin: 0 1.5em 1.5em 0;
	padding-left: 3.333em;
}

ul
{
	list-style-type: disc;
}
ol
{
	list-style-type: decimal;
}

dl
{
	margin: 0 0 1.5em 0;
}
dl dt
{
	font-weight: bold;
}
dd
{
	margin-left: 1.5em;
}


/* Tables
-------------------------------------------------------------- */

table
{
	margin-bottom: 1.4em;
	width: 100%;
}
th
{
	font-weight: bold;
}
thead th
{
	background: #c3d9ff;
}
th, td, caption
{
	padding: 4px 10px 4px 5px;
}
tr.even td
{
	background: #e5ecf9;
}
tfoot
{
	font-style: italic;
}
caption
{
	background: #eee;
}


/* Misc classes
-------------------------------------------------------------- */

.small
{
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}
.large
{
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}
.hide
{
	display: none;
}

.quiet
{
	color: #666;
}
.loud
{
	color: #000;
}
.highlight
{
	background: #ff0;
}
.added
{
	background: #060;
	color: #fff;
}
.removed
{
	background: #900;
	color: #fff;
}

.first
{
	margin-left: 0;
	padding-left: 0;
}
.last
{
	margin-right: 0;
	padding-right: 0;
}
.top
{
	margin-top: 0;
	padding-top: 0;
}
.bottom
{
	margin-bottom: 0;
	padding-bottom: 0;
}