/******* global definitions *******/
* { /* exclude browser incompatibilities */
	margin: 0;
	padding: 0;
}

body {
  position: relative;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../images/background.gif) repeat;
}
textarea { /* set overwrite default browser font-family */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/******* global font definition concept *******/
/* 1st - set global */
h1 {
	clear: both; /* always create a new line */
	color: #6989BA;
	font-size: 1.3em;
}
h2, h3, h4, h5 {
	clear: both; /* always create a new line */
	font-size: 1em;
}
p, a, li, th, td, dd, dt, label, input, select, textarea, sup {
	font-size: 0.75em;
}
/* 2nd - reset individual to avoid Inheritance (http://www.w3.org/TR/CSS1#inheritance or http://www.w3.org/TR/CSS21/cascade.html) */
/* reset links */
h1 a, h2 a, h3 a, div a, p a, li a, li li, li li a, th a, th, td, td a, dd a { 
	font-size: 100%;
}
/* reset forms */
form label, form input, form select, form textarea, th label, td label, p input {
	font-size: 100%;
}
/* reset all other elements */
div p, div li, li h1, li h2, li h3, li p {
	font-size: 100%;
}

/******* links *******/
a, a:link, a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	/*background: #C7D0DD;
	color: #000;*/
	color: #A70505;
	text-decoration: none;
}

.skip { /* display an element not within the viewport but show it within html, show it without a stylesheet */
	overflow: hidden;
	position: absolute;
	left: -3000px;
	height: 0;
	font-size: 0; /* netscape: positioning ouside the viewport doesn't work all times (e.g. <th class="skip">) */
}