html, body {
margin: 0;
padding: 0;
}

body {
text-align: center;
background: #292F49 url(layout/bodyfill.jpg) top left repeat-x;
font: 13px/20px verdana, arial, tahoma, sans-serif;
color: #000;
padding: 0 0 22px 0;
}


#container {
margin: 0 auto;
text-align: left;
width: 842px;
background: #939CBD url(layout/containerfill.jpg) top left repeat-y;
position: relative;
}

#header {
height: 394px;
background: transparent;
position: relative;
z-index: 100;
}


#tlink {
	position:absolute;
	width:123px;
	height:39px;
	z-index:101;
	left: 630px;
	top: 136px;
}


#photohead {
position: absolute;
top: 174px;
left: 15px;
z-index:99;
}

#tagline {
position: absolute;
top: 174px;
left: 15px;
z-index:100;
}

#content {
background: transparent url(layout/contentfill.jpg) top left no-repeat;
position: relative;
}

#sidebar {
width: 290px;
margin: 0 0 0 15px;
padding: 308px 0 10px 0;
position: relative;
background: transparent url(layout/sidebarfill.jpg) top left no-repeat;
z-index: 1;
}

#text {
margin: 20px 28px 0 0;
width: 500px;
float: right;
display: inline;
padding: 30px 0 16px 0;
position: relative;
background: transparent url(layout/textfill.jpg) bottom right no-repeat;
z-index: 1;
}

#text p {
margin: 0;
padding: 6px 0;
}

a {
color: #EFE3D1;
}

a:hover {
color: #efb952;
}

.nb {
border: 2px solid #FECF29;
}

.nb:hover  {
border: 2px solid #FF8236;
}


#footer {
text-align: center;
background: #292F49 url(layout/footerfill.jpg) top left no-repeat;
clear: both;
color: #bac2e0;
font-size: 10px;
}

#footer a {
color: #bac2e0;
text-decoration: none;
}
#footer a:hover {
color: #E4DCB8;
}

#footer p {
margin: 0;
padding: 20px 0 10px 0;
_padding: 10px 0;
}

ul {
list-style: square;
padding: 2px 0 2px 24px;
margin: 0;
}

a.toggler {
display: block;
}
.element {
background: #E6CAA2;
margin: 0 0 8px 0;
padding: 10px;
}

/* some style stuff */

#text h1 {
font: 600 small-caps 26px arial, helvetica, verdana, sans-serif;
letter-spacing: 1px;
margin: 10px 0 12px 0;
padding: 0;
color: #364177;
}

#text h2 {
font: 600 18px arial, helvetica, verdana, arial, sans-serif;
background: #E7D2A5;
margin: 7px 0 5px 0;
padding: 2px 0 2px 6px;
color: #364177;
border: 1px solid #292F49;
}

#text h3 {
font: 600 15px arial, helvetica, verdana, arial, sans-serif;
margin: 6px 0 4px 0;
padding: 0;
color: #364177;
}

.fl {
float: left;
margin: 0 8px 5px 0;
display: inline;
}

.fr {
float: right;
margin: 0 0 5px 8px;
display: inline;
}

.cr { clear: right; }
.cl { clear: left; }
.cb { clear: both; }

.validation-advice { background: #fff; padding: 3px; color: red; }

.bb {
border: 2px solid #364177;
background: #E7D2A5;
padding: 3px;
}

#altmenu{
border: 2px solid #BCE6FC;
background: #1F4D9A;
padding: 6px;
text-align: center;
}

#altmenu a{
color: #fff;
}

#logo {
position: absolute;
top: 9px;
left: 20px;
background: transparent url(layout/spanfill.gif) top left no-repeat;
}

/* sitemap & staff */

#sitemap dt, .staffdl dt { font-weight: 600; }
#sitemap dd, .staffdl dd { padding: 1px 0 1px 12px; margin: 0; }


/* n4v!g47!0n - yeah i know, too much crap but i didn't feel like taking it back. */

#nav {
width: 815px;
height: 30px;
margin-left: 15px;
margin-top: 360px;
float: left;
display: inline;
}

#navin {
width: 815px;
height: 30px;
z-index: 100;
position: relative;
overflow: hidden;
}

#navin #menu {
height: 250px;
position: absolute;
width: 100%;
z-index: 100;
}

#navin:hover {
overflow: visible;
}