body, html
{
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 background: url(../img/GUI/bkg.png) repeat-x;
 font-family: Arial, Sans-Serif;
 font-size: 14px;
}

#footer
{
 position: relative;
 clear: both;
 height: 120px;
 width: 100%;
}

#footer a
{
 font-family: Arial, Sans-Serif;
 font-size: 12px;
 font-weight: bold;
 color: #5f5f5f;
 text-decoration: none;
}
#footer a:hover { color: #2696e5; }

#footercopy
{
 color: #444;
 padding-top: 30px;
}

#footersocial
{
 position: absolute;
 top: 12px;
 left: 400px;
 text-align: center;
}

#footerlinks
{
 position: absolute;
 right: 0;
 z-index: 200;
 margin-top: -55px;
}

#footerlinks ul
{ 
 list-style: none;
 padding: 0;
 margin: 0;
}

#footerlinks li { margin-top: 3px; }

a
{
 color: #2696e5;
 text-decoration: none;
 outline: none;
}
a:hover { text-decoration: underline; }
s { color: #777; }
em { color: #e34400; }
img { border: 0; }
pre
{
 overflow: auto;
}

h1
{
 font-family: Verdana, Sans-Serif;
 font-size: 19px;
 color: #65798b;
 font-weight: bold;
 margin-top: 0;
 padding-top: 0;
}

h3
{
 font-family: Verdana, Sans-Serif;
 font-size: 12px;
 color: #43515d;
 font-weight: normal;
 margin-top: 0;
 padding-top: 0;
}

.hr
{
 width: 100%;
 height: 2px;
 background: url(../img/GUI/stitch.png) repeat-x;
 overflow: hidden;
 margin: 8px 0;
}

#container
{
 position: relative;
 width: 1000px;
 margin: 0 auto;
 padding: 10px;
}

#header
{
 height: 200px;
 overflow: hidden;
}

#logo
{
 position: absolute;
 left: 386px;
 width: 228px;
 height: 117px;
}

#navbar
{
 background: url(../img/GUI/navbar.png) no-repeat;
 position: absolute;
 top: 130px;
 width: 490px;
 height: 48px;
 left: 255px;
 overflow: hidden;
}

#navbar ul
{
 width: 429px;
 position: relative;
 list-style: none;
 padding: 0;
 margin: 12px 30px;
}

#navbar li
{
 float: left;
 text-align: center;
 overflow: hidden;
 font-family: Verdana, Serif;
 font-size: 15px;
 font-weight: heavy;
 color: #3b3d38;
 margin: 0 11px;
}

#navbar a
{
 font-family: Verdana, Serif;
 font-size: 15px;
 font-weight: heavy;
 color: #666760;
 text-decoration: none;
}

#navbar a:active, #navbar a:hover, #navbar a.active { color: #fff; }

#profile
{
 width: 120px;
 position: absolute;
 top: 25px;
 left: 10px;
}

#profile img
{
 position: absolute;
 top: 10px;
 left: 36px;
}

#profile p
{
 font-family: Verdana, Sans-Serif;
 font-size: 9px;
 color: #666760;
 line-height: 12px;
 text-align: center;
 text-transform: uppercase;
}

#profile_image
{
 width: 68px;
 height: 68px;
 background: url(../img/GUI/profile.png) no-repeat;
 margin-left: 26px;
}

a.zip, a.html, a.pdf, a.exe { padding-left: 22px; }
a.exe { background: url(../img/types/exe.gif) no-repeat; }
a.zip { background: url(../img/types/zip.gif) no-repeat; }
a.pdf { background: url(../img/types/pdf.gif) no-repeat; }
a.html { background: url(../img/types/html.gif) no-repeat; }

table.grid {
 border-width: 0px;
 border-spacing: 0px;
 border-style: outset;
 border-color: gray;
 border-collapse: collapse;
 background-color: white;
 width: 100%;
 font-size: 16px;
}
table.grid th {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: gray;
	background-color: gray;
	-moz-border-radius: 0px 0px 0px 0px;
	color: #f3f3f3;
}
table.grid td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: gray;
	-moz-border-radius: 0px 0px 0px 0px;
}

.off
{
 background: #fff;
}

.on
{
 background: #c7dded;
}