/* CSS Document */

/*
 * Palette:
 *
 * Global background: #70a0d0
 * Background: #80C0FF
 */

/*
 *	Global font and color settings
 */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ffffff;
	text-align: left;
}

a
{
	color: #004080;
	background-color: inherit;
	font-weight: 800;
	text-decoration: none;
}

a:visited
{
	color: #001030;
	background-color: inherit;
	text-decoration: none;
}

a:hover
{
	color: #A0D0FF;
	background-color: inherit;
	text-decoration: underline;
}

/*
 * Global item settings
 */

img
{
	vertical-align: middle;
}

a img
{
	border: none;
}

/*
 * Global blocks
 */

.container
{
	position: absolute;
	left: 50%;
	top: 20px;
}

.wrapper
{
	position: relative;
	left: -375px;
	top: 110px;
	
	min-height: 470px;
}

/*
 * Title blocks
 */

.title
{
	position: relative;
	left: -375px;
	
	width: 750px;
	height: 80px;
}

.titlelogo
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.titletext
{
	position: absolute;
	top: 10px;
	right: 0px;

	width: 520px;
	height: 50px;

	background-color: #C0E0FF;
	border: 1px solid #40608F;
}

.domaincontainer
{
	position: relative;
	bottom: -5px;
	left: -300px;
	
	width: 800px;
	
	text-align: right;
	font-size: 2em;
}

/*
 * Title text settings
 */
 
.subtitle
{
	color: #102030;
}

.domain
{
	font-weight: 800;
	color: #40608F;
}

.subdomain
{
	font-weight: 400;
	color: #7090E0;
}

/*
 *	Quote
 */

.qotd
{
	position: relative;
	left: -325px;
	top: 75px;
	
	width: 650px;
	
	font-size: 0.8em;
	font-weight: 800;
	text-align: right;
	
	color: #004080;
}

.qotd .bofh
{
	display: block;
	font-weight: 400;

	color: #000000;
}

/*
 * Menu blocks
 */
 
.menu
{
	position: absolute;
	top: 10px;
	left: 680px;
	
	width: 170px;
	min-height: 470px;
	
	padding: 10px;
	padding-top: 0px;
	padding-left: 40px;

	border-left: 1px solid #B0D0E0;
}

/*
 * Menu text styles
 */

.menu .menuitem
{
	display: block;

	width: 155px;
	
	padding: 5px;
	margin: 1px;
	margin-top: 10px;

	text-align: left;
	font-size: 1.2em;
	font-weight: 400;
	
	color: #1080d0;
	border-bottom: 1px solid #40608F;
}

.menu .submenu
{
	margin: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.menu .menuitem:hover
{
	text-decoration: none;
}

.menu .submenu .menuitem:hover
{
	text-decoration: none;
	
	background-color: #C0E0FF;
}

.menucontrols
{
	position: absolute;
}

.menucontrols .collapse
{
	position: absolute;
	top: 15px;
	left: -10px;
	
	cursor: pointer;
}

.submenu .menucontrols .collapse
{
	position: absolute;
	top: 3px;
	left: -10px;
	
	cursor: pointer;
}

.menu .submenu .menuitem
{
	margin-top: 1px;
	padding: 2px 5px;

	text-align: left;
	font-size: 1em;
	
	color: #000000;
	background-color: transparent;
	border: 0px;
}

.submenu .menuitem img
{
	margin-left: 10px;
	margin-right: 5px;
}

.submenu .submenu .menuitem img
{
	margin-left: 20px;
	margin-right: 5px;
}

.submenu .submenu .submenu .menuitem img
{
	margin-left: 30px;
	margin-right: 5px;
}

.menu .menudivider
{
	display: block;
	position: relative;
	
	left: 5%;
	width: 90%;
	height: 0px;

	background-color: transparent;
	border-top: 1px solid #40608F;
}

.menu .submenu .menudivider
{
}

.w3c
{
	position: absolute;

	top: -0.8em;
}

.moo
{
	position: absolute;

	top: -0.8em;
	right: 0px;
}

/*
 * W3C buttons
 */
 
.w3cbutton
{
	position: relative;

	margin: 1em 0;
	
	width: 160px;

	font-family: helvetica,arial,sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}

.w3cbutton a
{
	display: block;
	
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
}

.w3cbutton a:link,
.w3cbutton a:visited,
.w3cbutton a:hover
{
	text-decoration: none;
}

.w3cbutton a.w3c
{
	position: relative;

	width: 3em;
	
	text-align: center;
	
	border-left: 1px solid #cecece;
}

.w3cbutton a.w3c:link,
.w3cbutton a.w3c:visited,
.w3cbutton a.w3c:hover
{
	background-color: #fff;
	color: #0c479d;
}

.w3cbutton a.spec
{
	position: absolute;
	left: 3em;
	top: -0.8em;
	
	width: 6em;

	text-align: left;

	padding-left: 0.5em;
	
	border-right: 2px solid #4a4a4a;
}

.w3cbutton a.spec:link,
.w3cbutton a.spec:visited,
.w3cbutton a.spec:hover
{
	background-color: #fc6;
	color: #000;
}

/*
 * Body blocks
 */

.body
{
	position: absolute;
	top: 0px;
	left: 100px;
	
	width: 550px;
	min-height: 470px;
	
	margin-bottom: 5em;
	padding: 10px;
}

/*
 * General sub-blocks
 */
 
.header, h1
{
	margin: 10px;
	padding: 5px;

	font-size: 1.4em;
	font-weight: 400;

	color: #1080d0;
	border-bottom: 1px solid #40608F;
}

h2
{
	font-style: italic;
	font-size: 1.2em;
	font-weight: 400;
}

.newstitle {
}

.newsbody {
}

.faq_question {
	width: 100%;
}

.note {
	color: inherit;
	background-color: #CBE2BA;
	border: 1px solid #40608F;
	padding: 2px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.footnotes {
	margin-left: 1em;
	padding-left: 4em;
	width: 50%;
	font-size: 0.8em;
	border-top: 1px solid #40608f;
}

/* Standard attributes */

.footer
{
	position: absolute;
	bottom: -20px;

	width: 550px;
}

.footer .wrapper
{
	position: absolute;
	top: auto;
	left: 0px;
	bottom: -3em;

	width: 100%;
	min-height: 0px;
}

.copyright
{
	font-size: 0.8em;
	text-align: center;
}

.browsers
{
	margin-top: 1em;

	font-size: 0.8em;
	text-align: center;
}