@import "decor-1.css";
@import "menues.css";

body
	{
	margin: 0;
	padding: 0;
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	color: #2f4f4f;
	background: #f6f6f6 url(../images/main-bg.gif);
	}

#INTRO-1, #INTRO-2, #MAIN-1, #TEXT-BLOCK-1, #NOT-YET-1, #HELP-1, #HELP-2,
#ABOUT-UT2004-WP-1, #ABOUT-NATURE-SCENES-WP-1, #ABOUT-UT2004-SS-1, #ABOUT-MOVIES-WP-1,
#ABOUT-ARTWORK-1, #ABOUT-FREEWARE-1, #ABOUT-BITZ-1, #ABOUT-HUMOUR-1,
#HELP-n-INFO-1, #GB-1, #GuestBook-1
	{
	display: none;
	position: absolute;
	width: 80%;
	height: 93%;
	left: 17.40%;
	top: 3.25%;
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #a9a9a9;
	overflow: auto;
	z-index: 1;
	}

#INTRO-1, #MAIN-1
	{display: block}

#ABOUT-ARTWORK-1, #ABOUT-FREEWARE-1, #ABOUT-BITZ-1, #ABOUT-HUMOUR-1
	{background: transparent;}

#TEXT-BLOCK-1, #NOT-YET-1
	{background: #ffffff url(../images/oztroll-bg-1-nt-faded.jpg);}

#Blank
	{display: none; background: transparent; width: 0; height: 0;}

#AntiVert
	{position: absolute; background: transparent;}

#HELP-2
	{display: block;}

#GuestBook-1
	{
	display: block;
	width: 90%;
	height: 80%;
	top: 11%;
	left: 5%;
	}

#HELP-n-INFO-1
	{
	display: block;
	width: 99%;
	height: 80%;
	top: 11%;
	left: 0.5%;
	}

.eyefraim
	{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	}

.intro, .block-indent-1, .block-indent-2
	{
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	margin: 0.5em;
	text-indent: 1.5em;
	line-height: 130%;
	text-align: left;
	}

.block-indent-1, .block-indent-2
	{margin: 90px 100px 0 150px;}

.block-indent-2
	{margin-top: 30px;}

.dot-1
	{
	vertical-align: middle;
	margin: 0 10px 0 -36px;
	}

ul.dot-1 li
	{
	vertical-align: middle;
	margin: 0 100px 20px 150px;
	padding-left: 2em;
	/*list-style-image: url(../images/list-1-off.gif);*/
	list-style: none;
	background: transparent url(../images/list-1-off.gif) no-repeat 0 4px;
	}

.cent-1
	{
	margin: 0;
	text-align: center;
	font: normal 9pt verdana, arial, helvetica, sans-serif;
	}

.text-blox-1
	{
	margin: 50px 1em 0;
	text-align: left;
	}

.footer-1
	{
	position: absolute;
	width: 100%;
	top: 90%;
	margin: 0 auto;
	}

.stretch-1, .uc-1, .humour-1
	{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 0;
	border: none;
	text-align: left;
	}

.uc-1
	{
	height: 99%; 
	background: transparent url(../images/under-construction.gif) no-repeat center;
	}

.humour-1
	{
	height: 99%; 
	background: transparent;
	}

.stretch-img-1
	{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	z-index: 0;
	border: none;
	text-align: left;
	}

.preloader-1, .preloader-1 img
	{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: -1;
	}

.containerz-1
	{
	margin: 0 4%;
	text-align: left;
	}

.containerz-1 a:link, .containerz-1 a:visited, .containerz-1 a:active, .containerz-1 a:hover
	{
	display: inline;
	padding-left: 15px;
	font: bold 8pt verdana, arial, helvetica, sans-serif;
	color: #396da5;
	text-decoration: none;
	text-align: left;
	background: transparent url(../images/bullet-2-off.gif) no-repeat 0 3px;
	}

.containerz-1 a:hover
	{
	color: #dc143c;
	background: transparent url(../images/bullet-2-on.gif) no-repeat 0 3px;
	}

.colz-1, .colz-2, .colz-3
	{
	position: absolute;
	width: 26%;
	left: 50%;
	top: 50px;
	}

.colz-2, .colz-3
	{
	width: 33%;
	top: 70px;
	}

.colz-3
	{top: 80px;}

.colz-1 a:link, .colz-1 a:visited, .colz-1 a:active, .colz-1 a:hover
	{
	display: block;
	width: 100%;
	height: 20px;
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	line-height: 20px;
	text-indent: 10%;
	color: #396da5;
	background: transparent url(../images/list-1-off.gif) no-repeat 0 6px;
	}

.colz-1 a:hover
	{
	color: #dc143c;
	background: transparent url(../images/list-1-on.gif) no-repeat 0 6px;
	}

.oi-1
	{
	position: absolute;
	width: 600px;
	height: 32px;
	bottom: 3px;
	left: 50%;
	margin-left: -300px;
	text-align: center;
	font-size: 7.5pt;
	line-height: 12px;
	color: #708090;
	z-index: 2;
	}

.contentz-footer-1, .contentz-linx-1, .contentz-help-1
	{
	position: absolute;
	width: 200px;
	top: 10px;
	right: 0;
	z-index: 2;
	}

.contentz-help-1
	{top: 35px;}

.contentz-footer-1 a:link, .contentz-footer-1 a:visited, .contentz-footer-1 a:active, .contentz-footer-1 a:hover,
.contentz-linx-1 a:link, .contentz-linx-1 a:visited, .contentz-linx-1 a:active, .contentz-linx-1 a:hover,
.contentz-help-1 a:link, .contentz-help-1 a:visited, .contentz-help-1 a:active, .contentz-help-1 a:hover
	{
	display: block;
	height: 24px;
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	line-height: 24px;
	text-indent: 28px;
	color: #396da5;
	background: transparent url(../images/back-1-off.gif) no-repeat;
	text-decoration: none;
	}

.contentz-footer-1 a:hover, .contentz-linx-1 a:hover
	{
	color: #dc143c;
	background: transparent url(../images/back-1-on.gif) no-repeat;
	}

.contentz-footer-1 a:active, .contentz-linx-1 a:active
	{
	color: #000000;
	background: transparent url(../images/back-1-off.gif) no-repeat;
	}

.contentz-help-1 a:link, .contentz-help-1 a:visited, .contentz-help-1 a:active
	{background: transparent url(../images/help-1-off.gif) no-repeat;}

.contentz-help-1 a:hover
	{
	color: #dc143c;
	background: transparent url(../images/help-1-on.gif) no-repeat;
	}

.contentz-help-1 a:active
	{
	color: #000000;
	background: transparent url(../images/help-1-off.gif) no-repeat;
	}

.validtroll-1
	{
	position: absolute;
	width: 70%;
	height: 15px;
	left: 22.40%;
	bottom: 2px;
	font: normal 7pt verdana, arial, helvetica, sans-serif;
	color: #2f4f4f;
	text-align: center;
	z-index: 2;
	}

a.troll-1:link, a.troll-1:visited, a.troll-1:active, a.troll-1:hover,
a.valid-css:link, a.valid-css:visited, a.valid-css:active, a.valid-css:hover,
a.valid-xhtml:link, a.valid-xhtml:visited, a.valid-xhtml:active, a.valid-xhtml:hover
	{
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	width: 134px;
	height: 15px;
	margin-left: -67px;
	text-decoration: none;
	background: transparent url(../images/troll-off.png) no-repeat center;
	text-align: center;
	}

a.valid-css:link, a.valid-css:visited, a.valid-css:active, a.valid-css:hover
	{
	width: 80px;
	margin-left: -180px;
	background: transparent url(../images/valid-css-off.png) no-repeat;
	}

a.valid-xhtml:link, a.valid-xhtml:visited, a.valid-xhtml:active, a.valid-xhtml:hover
	{
	width: 80px;
	margin-left: 100px;
	background: transparent url(../images/valid-xhtml10-off.png) no-repeat;
	}

a.troll-1:hover
	{background: transparent url(../images/troll-on.png) no-repeat center;}

a.valid-css:hover
	{background: transparent url(../images/valid-css-on.png) no-repeat;}

a.valid-xhtml:hover
	{background: transparent url(../images/valid-xhtml10-on.png) no-repeat;}

.wc
	{
	position: absolute;
	width: 15%;
	height: 30px;
	bottom: 50px;
	margin: 0 auto;
	font: normal 7pt verdana, arial, sans-serif;
	color: #cecece;
	text-align: center;
	}

.wc a:link, .wc a:visited, .wc a:active, .wc a:hover
	{
	width: 100%;
	font: normal 7pt verdana, arial, helvetica, sans-serif;
	color: #2f4f4f;
	/*color: #cecece;*/
	text-align: center;
	text-decoration: none;
	}

.wc a:hover
	{color: #dd6900;}

.help-1
	{
	margin: 0 1em;
	padding-left: 30px;
	height: 55px;
	text-align: left;
	background-position: 0 5px;
	background-repeat: no-repeat;
	}

.backhome-1, .backhome-sub-1, .next-prev-1
	{
	position: absolute;
	width: 15%;
	top: 270px;
	left: 0;
	background: transparent;
	text-align: center;
	z-index: 2;
	}

.backhome-sub-1
	{top: 55px;}

.next-prev-1
	{top: 294px;}

a.home-1:link,  a.home-1:active,  a.home-1:visited,  a.home-1:hover,
a.home-sub-1:link,  a.home-sub-1:active,  a.home-sub-1:visited,  a.home-sub-1:hover,
a.back-1:link,  a.back-1:active,  a.back-1:visited,  a.back-1:hover,
a.forward-1:link,  a.forward-1:active,  a.forward-1:visited,  a.forward-1:hover,
a.reload-1:link,  a.reload-1:active,  a.reload-1:visited,  a.reload-1:hover,
a.help-2:link,  a.help-2:active,  a.help-2:visited,  a.help-2:hover,
a.help-3:link,  a.help-3:active,  a.help-3:visited,  a.help-3:hover,
a.prev-page-1:link,  a.prev-page-1:active,  a.prev-page-1:visited,  a.prev-page-1:hover,
a.next-page-1:link,  a.next-page-1:active,  a.next-page-1:visited,  a.next-page-1:hover,
a.email-1:link,  a.email-1:active,  a.email-1:visited,  a.email-1:hover,
a.email-2:link,  a.email-2:active,  a.email-2:visited,  a.email-2:hover
	{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	top: 0;
	left: 50%;
	margin-left: -52px;
	text-decoration: none;
	background: transparent url(../images/home-1-off.gif);
	}

a.home-sub-1:link,  a.home-sub-1:active,  a.home-sub-1:visited,  a.home-sub-1:hover
	{
	margin-left: -12px;
	background: transparent url(../images/home-sub-1-off.gif);
	}

a.back-1:link,  a.back-1:active,  a.back-1:visited,  a.back-1:hover
	{
	margin-left: -24px;
	background: transparent url(../images/back-1-off.gif);
	}

a.forward-1:link,  a.forward-1:active,  a.forward-1:visited,  a.forward-1:hover
	{
	margin-left: 4px;
	background: transparent url(../images/forward-1-off.gif);
	}

a.reload-1:link,  a.reload-1:active,  a.reload-1:visited,  a.reload-1:hover
	{
	margin-left: 32px;
	background: transparent url(../images/reload-1-off.gif);
	}

a.help-2:link,  a.help-2:active,  a.help-2:visited,  a.help-2:hover,
a.help-3:link,  a.help-3:active,  a.help-3:visited,  a.help-3:hover
	{
	top: 24px;
	margin-left: 32px;
	background: transparent url(../images/help-1-off.gif);
	}

a.help-3:link,  a.help-3:active,  a.help-3:visited,  a.help-3:hover
	{
	margin-left: 22px;
	top: 48px;
	}

a.prev-page-1:link,  a.prev-page-1:active,  a.prev-page-1:visited,  a.prev-page-1:hover,
a.next-page-1:link,  a.next-page-1:active,  a.next-page-1:visited,  a.next-page-1:hover
	{
	width: 36px;
	margin-left: -52px;
	background: transparent url(../images/back-2-off.gif);
	}

a.next-page-1:link,  a.next-page-1:active,  a.next-page-1:visited,  a.next-page-1:hover
	{
	margin-left: 16px;
	background: transparent url(../images/forward-2-off.gif);
	}

a.email-1:link,  a.email-1:active,  a.email-1:visited,  a.email-1:hover,
a.email-2:link,  a.email-2:active,  a.email-2:visited,  a.email-2:hover
	{
	top: 24px;
	background: transparent url(../images/email-1-off.gif);
	}

a.email-2:link,  a.email-2:active,  a.email-2:visited,  a.email-2:hover
	{
	margin-left: -47px;
	top: 49px;
	}

a.home-1:hover
	{background: url(../images/home-1-on.gif);}

a.home-sub-1:hover
	{background: transparent url(../images/home-sub-1-on.gif);}

a.back-1:hover
	{background: url(../images/back-1-on.gif);}

a.forward-1:hover
	{background: url(../images/forward-1-on.gif);}

a.reload-1:hover
	{background: url(../images/reload-1-on.gif);}

a.help-2:hover,  a.help-3:hover
	{background: url(../images/help-1-on.gif);}

a.prev-page-1:hover
	{background: url(../images/back-2-on.gif);}

a.next-page-1:hover
	{background: url(../images/forward-2-on.gif);}

a.email-1:hover,  a.email-2:hover
	{background: url(../images/email-1-on.gif);}

a img
	{border: none;}

a:link, a:visited, a:active, a:hover
	{
	font: normal 8pt verdana, arial, helvetica, sans-serif;
	color: #396da5;
	text-decoration: none;
	text-align: left;
	}

a:hover
	{color: #dc143c;}

.page-title-1, .page-title-2
	{
	position: absolute;
	width: 50%;
	top: 15px;
	left: 25%;
	font: bold 10pt verdana, arial, helvetica, sans-serif;
	color: #2f4f4f;
	text-align: center;
	/*border: 1px solid #2f4f4f;*/
	z-index: 2;
	}

.page-title-2
	{top: 55px;}

a.cloze-notez:link, a.cloze-notez:visited, a.cloze-notez:active, a.cloze-notez:hover
	{
	position: absolute;
	display: block;
	width: 100px;
	height: 20px;
	left: 50%;
	margin-left: -50px;
	font: normal 7.5pt verdana, arial, helvetica, sans-serif;
	line-height: 20px;
	color: #dcdcdc;
	text-align: center;
	border: 1px solid #f5f5f5;
	}

a.cloze-notez:hover
	{
	font-weight: bold;
	color: #dc143c;
	border: 1px solid #dc143c;
	}