/* CSS Document */

/* basic elements */

html
{
margin: 0px;
padding: 0px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td
{
margin:0px;
padding:0px;
}

h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: normal;
}

ol, ul
{
list-style-type: none;
}

table
{
border-collapse: collapse;
}

caption, th
{
text-align: left;
}

fieldset, img
{
border:0;
}

dt, address, caption, cite, code, dfn, em, i, strong, b, th, var
{
font-style: normal;
font-weight: normal;
}

q:before, q:after
{
content:'';
}

h2, h3, h4, h5, p, ul
{
margin: 0 20px;
padding: .5em 0;
}

a
{
text-decoration:none;
}

.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.pkg
{
display: block;
}

/* page layout and design */

body
{
position: relative;
font:1em verdana, arial, sans-serif;
background-color: #000000;
color: #ffffff;
text-align: center;
}

h1
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #ffffff;
font-weight: bold;
}

h2
{
font-size:1.1em;
margin-bottom:10px;
font-weight:bold;
color: #ffffff;
}

a
{
font-size: 1em;
color: #f6cc0a;
}	

#header
{
position:relative;
width:100%;
margin: 20px 0 0px 0px;
}

#container
{
position: relative;
width: 750px;
margin: 0 auto 0 auto;
text-align: left;
}

#nav
{
position:relative;
top: 20px;
left: 23px;
width:140px;
margin: 0px 0 20px 0px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
float:left;
}

#nav a
{
color:#ffffff;
font-weight: bold;
}

#content
{
position:relative;
top: 20px;
left: 50px;
width: 530px;
float: left;
}

#content h1
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 10px 20px;
}

#content h2
{
font-size:1.1em;
margin-bottom:10px;
font-weight:bold;
}

#content h3
{
font-family:verdana, arial, sans-serif;
font-size: 1.1em;
font-weight:bold;
margin: 0 0 10px 20px;
}

#content p
{
padding-top: 0;
}

#content form
{
margin-left:20px;
}

#footer
{
position:relative;
top: 20px;
left: 23px;
width:100%;
float:left;
font-size: .6em;
font-family: Tahoma, Arial, Helvetica, sans-serif;
padding: 20px 0 20px 0;
}

#footer-inner
{
position:static;
}

#footer a:link, 
#footer a:visited
{
color: #ffffff;
}

#chargroup
{
position: relative;
left: 20px;
width:auto;
padding:0px 0 10px 0px;
}
	
.aboutimage
{
border: 3px;
border-color: #ffffff;
border-style: solid;
margin: 10px;
}

.bio
{
border-top: #ffffff dashed thin;
border-bottom: #ffffff dashed thin;
padding: 5px 0px 5px 10px;
}

.bio img
{
margin: 0px 10px 10px 10px;
border: #ffffff solid 3px;
}

.image
{
border: #ffffff solid 3px;
display: block;
margin-left: auto;
margin-right: auto;
}
	
.caption
	{
	text-align: center;
	}
	
#jordan
{
width: 200px;
padding: 0px 30px 30px 30px;
}

#jackson
{
width: 200px;
padding: 0px 0px 30px 30px;
}

#eric
{
width: 200px;
padding: 0 30px 30px 30px;
}

#ani
{
width: 200px;
padding: 10px 30px 30px 30px;
}

.homecaption
{
font-family:arial, helvetica, sans-serif;
font-size:.8em;
font-style: italic;
text-align: center;
}

.hometext
{
text-align: center;
font-size: 1.2em;
padding-bottom: 30px;
clear:both;
}

.video
{
margin: 10px 0 20px 20px;
}