/* (c)2007-2008 Pencilbox Productions */

/* Basic Style Stuff */
body { color : #ffffff; background-image: url('images/bg.jpg'); background-color: black; }
table { border-collapse: collapse; border-spacing: 0px; border: 0px; }
td { padding:0px; border-spacing: 0px; border: 0px; }
p, h1, h2, h3, h4, h5, h6{ font-family : verdana; color: #FFFFFF; }
a{ color: #FF6624; }
a img{ border:0px;}

/* Menu Style Scripts */
#menu li { position: relative;}
#menu li:hover { background-color: #333333; }	
#menu li a:visited, #menu li a:active{ color: white;}
#menu li a:hover{ background-color: #333333; }
#menu, #menu li ul{ list-style-type: none; margin: 0; padding: 0; width: 100%; text-align: center;}
#menu li a{ background: #808080;  font: bold 12px Verdana, Helvetica, sans-serif; color: white; display: block; width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none;}

/* Table Related Styles */
#main{ border: 0px; width: 80%; left:10%; position: absolute; margin-top: 20px; margin-bottom: 20px;}
#logo{ width: 220px; height: 123px; background-image: url('images/logo.png');}
#menuwrap { width: 20%; vertical-align: top; text-align: center;}
#contentwrap{ width: 100%; vertical-align: top; }
#footer { text-align: center; }
#shoutwrap { width: 218px; vertical-align: top;}
#copyright{ text-align: center; width: 33%; }

#validation {width: 33%; text-align: right;}
table#tabfoot{ width: 100%;}

.center { text-align: center; }
.content{ width:100%;}
.page {height: 0%; vertical-align: top;}

/*  Rounded Corners */
.lg {background-color: #808080; }
.dg {background-color: #333333; }
.tl1 { width: 10px; height: 10px; background-image: url('images/tl1.gif'); }
.tr1 { width: 10px; height: 10px; background-image: url('images/tr1.gif'); }
.bl1 { width: 10px; height: 10px; background-image: url('images/bl1.gif'); }
.br1 { width: 10px; height: 10px; background-image: url('images/br1.gif'); }
.tl2 { width: 10px; height: 10px; background-image: url('images/tl2.gif'); }
.tr2 { width: 10px; height: 10px; background-image: url('images/tr2.gif'); }
.bl2 { width: 10px; height: 10px; background-image: url('images/bl2.gif'); }
.br2 { width: 10px; height: 10px; background-image: url('images/br2.gif'); }