/*
For all you hotshot CSS snoopers:
I apologize for whatever non-standard
weird-ass stuff I'm doing here.
CSS is a playground at this stage.
*/

body {
background-color: rgb(173, 198, 192);
background-image:url('xpar.png');
background-attachment:fixed;
}

#topBigLinkPos {
position: absolute;
left: 4px;
top: 1px;
width: 635px;
height: 133px;
}

h1 {
margin-top: -44px;
z-index: 2;
font-size: 110px;
font-family: Arial;
font-weight: bold;
text-align: center;
color: rgb(216, 229, 210);

text-align: right;
}

h2 {
z-index: 3;
text-align: left;
font-size: 46px;
font-weight: bold;
color: rgb(173, 198, 192);
font-family: Arial;
}

#lilGfx {
position: absolute;
left: 611px;
float:right;
padding-left: 9px;
padding-top: 4px;
clear: both;
}

#dotComPos {
margin-top: -11px;
position: absolute;
height: 32px;
width: 82px;
left: 634px;
top: 1px;
}

#dotComStyle {
color: rgb(216, 229, 210);
margin-top: -11px;
text-align: left;
z-index: 2;
font-family: Arial Black;
font-size: 22px;
font-weight: bold;
}

#titlePos {
position: absolute;
left: 318px;
top: 27px;
height: 71px;
width: 554px;
}

#page {
position: absolute;
left: 170px;
top: 0px;
width: 875px;
height: 4500px;
z-index: 0;
background-color: rgb(244, 245, 221);

}

#leftLine {
position: absolute;
left: 150px;
top: 1px;
width: 33px;
height: 3000px;
border-left: thin solid rgb(111, 133, 111);
z-index: 4;
}


#sepLine {
position: absolute;
left: -164px;
width: 90px;
height: 19px;

border-top: thin solid rgb(111, 133, 111);

padding-top: 5px;
padding-left: 54px;
font-style: italic;
z-index: 4;
}

#dLoadLinkStyle {
text-align: right;
z-index: 4;
}

#dLoadSpanStyle {
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
text-align: right;
}

#aDload:link,
#aDload:visited {
color: rgb(159, 109, 87);
font-weight:bold;
background-color:transparent;
text-decoration:none;
border-bottom:none;
font-family: Helvetica,Arial,sans-serif;
}

#aDload:hover {
color: rgb(250, 109, 87);
border-bottom: thin dotted rgb(222, 0, 0);
}

#aDload:active {
color: rgb(0, 0, 0);
border-bottom: thin dotted rgb(222, 0, 0);
}

#linkStyle {
list-style: none;
padding-top: 2em;
text-align: right;
}

#d {
padding-right: 33px;
padding-top: .5em;
text-align: left;
color: rgb(51, 51, 51);
font-size: 13px;
}

#listPos {
position: absolute;
left: 301px; top: 150px;
width: 599px; height: 55px;
}

#fileExtStyle {
color: rgb(111, 133, 111);
 }
 
#heyKidsNew {
color: rgb(200, 10, 10);
font-size: 13px;
font-weight: bold;
background-color: rgb(255, 255, 111);
}

#update {
color: rgb(200, 10, 200);
font-size: 13px;
font-weight: bold;
background-color: rgb(111, 255, 255);
}

/* below is modified from http://css.maxdesign.com.au/listamatic/horizontal23.htm */

#navcontainer
{
width: 95%;
/*float: right;*/
background-color: rgb(216, 229, 210);
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
margin: 0;
padding: 0 0 0 7%;
color: rgb(216, 229, 210);
font-family: arial, helvetica, sans-serif;
font-size: 10px;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainer ul li a
{
padding: 0.2em 12px;
background-color: rgb(216, 229, 210);
color: rgb(0, 0, 0);
text-decoration: none;
border-left: 1px solid rgb(99, 99, 99);
float: right;
}

#navcontainer ul li a:hover
{
background-color: rgb(216, 229, 210);
color: rgb(216, 11, 11);
font-size: 10px;
letter-spacing: 2px;
}

#navlist li a:hover, #navlist li a:active
{
text-align: right;
color: rgb(216, 11, 11);
text-decoration: none;
background: rgb(216, 229, 210);
text-align: left;
}