/* ========================================================================== */
/* ============= MASTER ===================================================== */
/* ========================================================================== */
* { margin: 0;
	padding: 0;
	border: none;
	outline: none;
	color: #bbbbbb;
	text-decoration: none;
}
/* ========================================================================== */
/* ============= LAYOUT ===================================================== */
/* ========================================================================== */
html {
	background: #202020 url(/ui/img/wallpaper.png) left top repeat fixed;
	height: 101%;
}

/*#thePage,*/
#frontMatter,
#footer,
#gutter {
	-moz-user-select:none;
	-webkit-user-select: none;
	-khtml-user-select: none;
}

#theContainer {
/*	margin: 0 9em 0 4em;*/
	padding: 0 0 0 2em;
	margin: 0 auto 0 auto;
	min-width: 900px;
	max-width: 1200px;
}
#masterWait {
	display: none;
	position: fixed;
	top: 20%;
	width: 60%;
	left: 20%;
}
#masterWait p {
	padding: 0 0 0 2em;
	margin-top: 25%;
	text-align: center;
	font-size: 2em;
	color: #444444;
	font-style: italic;
}

#gutter p#jsMsg {
	color: #ffffff;
	font-style: italic;
	font-weight: bold;
}

#theScroll {
	position: relative;
	margin: 0 6em 0 auto;
}
#thePage {
	background: url(/ui/img/black_transparent.png) left top repeat fixed;
	padding: 14em 0 0 0;
}
#frontMatter {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

/* page side margins : grouped for ease of modification */
#content,
#frontMatter {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
#footer {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

/* size / styles / vertical margins of major elements */
#content {
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-top: 1em;
	padding-bottom: 0em;
	position: relative;
	min-height: 200px;
}
#banner {
	background-position: left bottom;
	height: 9em;
}
#footer {
	margin-top: 3em;
	border-top: 1px solid #ffaa00;
	padding-top: 0.5em;
	padding-bottom: 0.45em;
}
#gutter {
	padding-top: 0.3em;
	padding-bottom: 6em;
}
/* ========================================================================== */
/* ============= NAVIGATION ================================================= */
/* ========================================================================== */
#navbarLvl1 {
	padding: 0 0 0 2em;
	background-position: left top;
	-moz-border-radius-bottomleft: 0.75em;
	-moz-border-radius-bottomright: 0.75em;
	-webkit-border-bottom-left-radius: 0.75em;
	-webkit-border-bottom-right-radius: 0.75em;
	font-family: "geneva","tahoma";
}
#navbarLvl2 {
	padding: 0.4em 0.5em 0.5em 0.5em;
	text-align: right;
	font-family: "geneva","tahoma";
}

a.navLvl1:hover, a.navLvl2:hover { text-decoration: none; }

a.navLvl1, a.navLvl1:visited {
	display: block;
	float: left;
	padding: 0.5em 1em 0.5em 1em;
	color: #444444;
	font-weight:  bold;
	text-decoration: none;
	font-size: 13pt;
}
a.navLvl2, a.navLvl2:visited {
	margin: 0 1em 0 1em;
	padding: 0 0 0.15em 0;
	color: #999999;
	font-size: 11pt;
	border-bottom: 3px solid #555555;
}

a.navLvl1.isCur,
a.navLvl1.isAct {
	color: #eeeeee;
	background: url(/ui/img/bgNavLvl1.png) left bottom repeat-x;
	cursor: pointer;
}
a.navLvl1.noCur:hover,
a.navLvl1.noAct:hover {
	color: #222222;
	background: url(/ui/img/bgNavLvl1.png) left top repeat-x;
}

a.navLvl2.isCur {
	color: #ffaa00;
	border-color: #ffaa00;
	cursor: pointer;
}

a.navLvl2.noCur:hover {
	color: #dddddd;
	border-color: #888888;
}
#changeBannerMain {
	float: left;
	margin: 0.5em 0 0 0.75em;
}
#changeBannerMain p {
	font-size: 0.7em;
}
/* ========================================================================== */
/* ============= TEXT / ANCHOR STYLES ======================================= */
/* ========================================================================== */
html {
	font-family: Geneva,"MS Sans Serif", sans-serif;
	font-weight: 100;
/*	letter-spacing: 0.0em;*/
}
p {
	margin: 0 0 0.8em 0;
	font-size: 0.8em;
	text-align: justify;
	color: #aaaaaa;
}

a,
a:visited {
	color: #ffddaa;
}
a:hover,
a:active {
	color: #ffc855;
	text-decoration: underline;
}

table {
	border-collapse: collapse;
	width: 100%;
}
table p {
	margin: 0;
}

img.h1_icon {
	font-size: 1.8em;
	height: 1.5em;
	float: left;
	margin-right: 1em;
}
h1 {
	font-size: 1.3em;
	margin: 1.3em 0 0.5em 0;
	color: #ffddaa;
}
h2,h3 {
	font-size: 1.1em;
	font-style: italic;
	margin: 1em 0 0.6em 0;
	color: #eeeeee;
}
h3 {
	/* illegitimate? use of h3: a version of h2 for use directly under h1s */
	margin-top: 0em;
}
h1>span {
	margin-left: 1.2em;
	font-size: 0.80em;
	font-style: italic;
	font-weight: normal;
	color: #bbbbbb;
}
h2>span {
	margin-left: 1.2em;
	font-size: 0.80em;
	font-style: normal;
	font-weight: normal;
	color: #bbbbbb;
}
#footer p {
	margin: 0;
	font-size: 0.7em;
	color: #999999;
}

#footer a.footerLinks { color: #ffddaa; }
#footer a:hover {
	color: #ffaa00;
	text-decoration: underline;
}

#gutter p {
	margin: 0;
	font-size: 0.7em;
	color: #555555;
	font-family: Courier,monospace;
}

#gutter p span {
	color: #aaaaaa;
}

/* ========================================================================== */
/* ============= Stuff in gutter ========================================== */
/* ========================================================================== */
#validCssAnchor,
#validXhtmlAnchor {
	display: block;
	float: right;
	margin: 0px -7px 4px 15px;
	height: 20px;
	width: 88px;
/*	border: 1px solid red;*/
	background-image: url(/ui/img/w3cValid.png);
}
#validXhtmlAnchor { background-position: 88px 0px; }
#validXhtmlAnchor:hover { background-position: 88px 19px; }
#validCssAnchor { background-position: 0px 0px; }
#validCssAnchor:hover { background-position: 0px 19px; }
/* ========================================================================== */
/* ============= Prettify with shadows ====================================== */
/* ========================================================================== */
#shadowLt,
#shadowRt {
	position: absolute;
	bottom: 8px;
	height: 100%;
	width: 8px;
	background: url(/ui/img/shadowSides.png) 8px 0px;
}
#shadowRt {
	right: -8px;
	background-position: 0px 0px;
}
#shadowLt {
	left: -8px;
	background-position: 8px 0px;
}
#shadowBo {
	position: relative;
	margin: 0 -0px 0 -0px;
	background: url(/ui/img/shadowBottom.png) 0px 8px;
	height: 8px;
}
#shadowBL,
#shadowBR {
	position: absolute;
	background-image: url(/ui/img/shadowBottom.png);
	top: 0;
	width: 8px;
	height: 8px;
}
#shadowBL {
	left: -8px;
	background-position: -8px 0px;
}
#shadowBR {
	right: -8px;
	background-position: 0px 0px;
}
.wallDeco {
	position: fixed;
	background-repeat: no-repeat;
	background-attachment: fixed;
	z-index: -100;
	height: 101%;
	width: 100%;
}
#wallDeco1 {
	top: 0;
	left:  0;
	height: 101%;
	background-image: url(/ui/img/walldeco1.png);
	background-position: -20px 0px;
}
#wallDeco2 {
	background-image: url(/ui/img/walldeco2.png);
	background-position: bottom right;
}
#wallDeco3 {
	bottom: 0;
	left: 0;
	background-image: url(/ui/img/waves.png);
	background-position: bottom left;
}