@charset "utf-8";
/* Default page layout; not for small screens */

/* Globals */
P {
	text-align: justify;
}
BODY {
	font-family: sans-serif;
	color: #000000;
	background: #89C889 url(http://www.techs-on-call.biz/images/background.gif) repeat-y;
}
IMG {
	border: none;
}
#global {
	width: 100%;
}
a:link, a:visited {
	color: #FF0000;
}
a:active {
	color: #0000FF;
}
a:hover {
	color: #009900;
}

/* Header */
#global #head {
	padding: 0.1em 0.6em 0.3em 0.6em;
}
#global #head, #global #head A:link, #global #head A:visited {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color: #FFFF00;
	text-decoration: none;
	background: transparent;
}
#global #head, #global #head A:hover, #global #head A:active {
	font: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color: #EEEE99;
	text-decoration: none;
	background: transparent;
}

/* Main body wrapper */
#global #main {
	clear: both;
	width: 100%;
}

/* Left column */
#global #main #left-column-wrapper {
	width: 9em;
	text-align: center;
	padding: 0 1em 0 0.4em;
	float: left;
}
#global #main #left-column-wrapper #left-column {
	border: #000000 thin solid;
	background: #FFFFFF;
	text-align: center;
	padding: 0 0.2em 1.5em 0.2em;
}
#global #main #left-column-wrapper #left-column UL {
	list-style: none inside;
	padding: 0;
}
#global #main #left-column-wrapper #left-column UL LI {
	list-style: none inside;
	padding: 0;
}
#global #main #left-column-wrapper #left-column UL LI.spacer {
	padding-bottom: 0.75em;
}
#global #main #left-column-wrapper #icons {
	padding-top: 1em;
}
#global #main #left-column-wrapper #left-column A:link, #global #main #left-column-wrapper #left-column A:visited {
	font-weight: bold;
	color: #EE0000;
	text-decoration: none;
	background: #FFFFFF;
}
#global #main #left-column-wrapper #left-column A:hover, #global #main #left-column-wrapper #left-column A:active {
	font-weight: bold;
	color: #FF6600;
	text-decoration: underline;
	background: #FFFFFF;
}

/* Main body text */
#global #main #body {
	border: #000000 thin solid;
	background: #FFFFFF;
	margin: 0 5% 0 10.5em;
	padding: 0 0.75em 0.5em 0.75em;
}

/* Footer */
/* The footer is centered to the main body area, thus it has the same layout as #global #main #body */
#global #footer {
	clear: both;
	margin: 0 5% 0 10.5em;
	padding: 1em 0.75em 5em 0.75em;
	text-align: center;
}
#global #footer A:link, #global #footer A:visited {
	color: #DD0000;
}
#global #footer A:hover, #global #footer A:active {
	color: #FFFF66;
}

/* Other needed CSS */
.code {
	font-family: "Courier New", Courier, monospace;
}
.float-left {
	float: left;
	padding-right: 10px;
}
.float-right {
	float: right;
	padding-right: 10px;
}
.clear {
	clear: both;
	text-align: justify;
}
.center {
	text-align: center;
}

.special {
	display: none;
}