/* global formatting */
body {
font-family:Arial, Helvetica, sans-serif;
margin:0px 0;
padding:0;
}

a img {
border:0px;
}

/* header */
#head {
}

#head .left {
background-color:#611759;
}

#head .middle {
background-color:#FFFFFF;
background-image:url(../images/headerfiling.jpg);
background-position:left top;
background-repeat:no-repeat;
width:820px;
height:100px;
}

#head .right {
background-color:#FFFFFF;
}

/*
#head div
{
	height:100px;
	margin-left:auto;
	margin-right:auto;
}
*/
#head #bangflashlogo {
float:right;
margin-top:24px;
margin-bottom:36px;
}

#head #webtracklogo {
float:left;
margin-top:4px;
}

#head p {
margin-top:0;
margin-bottom:0;
}

#webtracktitle {
text-align:center;
font-size:xx-large;
font-weight:bold;
color:#611759;
margin-left:250px;
}

#webtrackslogan {
text-align:center;
font-size:medium;
font-style:italic;
font-weight:bold;
color:#611759;
margin-left:250px;
}

/* navigation */
.stripe {
height:5px;
background-color:#44103e;
}

#navbar {
/*height:40px;*/
}

#navbar a:link {
color:#fff;
}

#navbar a:hover {
text-decoration:none;
}

#navbar a:visited {
color:#fff;
}

#navbar p {
text-align:center;
margin:0px;
padding:5px 5px 5px 5px;
background-color:#bfacbd;
background-image:url(../images/navbackgroundtop.gif);
background-repeat:repeat-x;
}

#navbar span {
padding:5px 10px 5px 10px;
font-size:medium;
color:#FFFFFF;
border-right:1px solid #ffffff;
}

#navbar span.first {
border-left:1px solid #ffffff;
}

/* main section */
#middle {
	width:820px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:top;
}

#middle p {
color:#333333;
text-align:justify;
}

#middle p.heading {
margin-top:0em;
margin-bottom:1.5em;
padding:0;
text-align:left;
}

#middle p.highlight {
color:#611759;
margin-top:1em;
clear:left;
}

#middle a:link {
color:#333333;
}

#middle a:visited {
color:#333333;
}

#middle a:hover {
text-decoration:none;
}

#middle .heading span, #middle .subheading span {
/*display:block;*/
padding-right:0.5em;
padding-left:0.5em;
color:#611759;
}

/* side navigation */
#side {
width:190px;
margin:20px 20px 20px 0px;
padding:0;
border:0px solid #611759;
float:left;
}

#side p.heading {
font-size:medium;
font-weight:bold;
background-color:#bfacbd;
border-top:1px solid #611759;
border-bottom:1px solid #611759;
margin:0px 0px 5px 0px;
}

#side p {
font-size:small;
font-weight:bold;
margin:1em;
text-align:left;
}

/* content area */
#content {
width:600px;
padding:0;
margin:20px 0px 20px 0px;
float:right;
}

#centralcontent
{
width:620px;
margin:20px 0px 20px 100px;
border:0px solid #611759;
}

#content .heading, #centralcontent .heading {
font-size:medium;
font-weight:bold;
margin-bottom:2em;
width:270px;
}

#content .heading {
width:270px;
}

#centralcontent .heading {
width:600px;
}

#content .heading span, #centralcontent .heading span {
border-top:1px solid #611759;
border-bottom:1px solid #611759;
padding-top:5px;
padding-bottom:5px;
float:left;
background-color:#bfacbd;
}

#content .subheading, #centralcontent .subheading {
font-size:small;
font-weight:bold;
}

#content .subheading span, #centralcontent .subheading span {
border-top:1px solid #611759;
border-bottom:1px solid #611759;
padding-top:3px;
padding-bottom:3px;
float:left;
background-color:#bfacbd;
}

#content p, #centralcontent p {
font-size:small;
}

#middle div.align {
clear:both;
margin:0;
padding:0;
height:1px;
}

#content .row {
}

#content div.twocolumn {
width:280px;
float:left;
margin-right:15px;
}

#content div.threecolumn {
width:180px;
float:left;
margin-right:20px;

}

#centralcontent div.twocolumnleft {
width:300px;
float:left;
margin-right:20px;
}

#centralcontent div.twocolumnright {
width:300px;
float:left;
}

#flashcontainer {
height:300px; 
width:620px;
padding:0;
margin-bottom:10px;
}

#content li {
list-style-type:square;
font-size:small;
margin-top:0.5em;
}

#middle #content p.centralimage {
text-align:center;
font-weight:bold;
clear:both;
}

#content td p, #centralcontent td p {
padding:0;
margin-top:3px;
margin-bottom:3px;
}

#content td img, #centralcontent td img {
padding:0;
margin-bottom:3px;
}

/* bottom */
#footer {
background-color:#bfacbd;
background-image:url(../images/navbackgroundtop.gif);
background-repeat:repeat-x;
}

#footer div, #copywrite
{
	width:820px;
	margin-left:auto;
	margin-right:auto;
}

#footer p {
margin:0px;
padding:0.5em 0em 0.5em 1em;
color:#FFFFFF;
font-weight:bold;
font-size:small;
}

#footer .contact {
float:right;
margin:0;
padding:0.5em 0em 0.5em 1em;
}

#footer .question {
float:left;
margin:0;
padding:0.5em 1em 0.5em 0em;
}

#footer a:link {
color:#FFFFFF;
}
#footer a:hover {
text-decoration:none;
}
#footer a:visited {
color:#FFFFFF;
}

#copywrite p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#999999;
	margin:0.5em 0;
	padding:0;
}

/* form styles */

input, select, textarea
{
color: #000;
background: #fff2fe;
border: 1px solid #44103e;
font-family: Arial, Helvetica, sans-serif;
}

select, textarea
{
    scrollbar-base-color:#fff2fe;
}

.submit input
{
color: #000;
background: #e5cfe3;
border: 2px outset #fff2fe;
}

/* ----- now highlight active tab based on body @class attribute ----- */

div.home #navbar span#nav-home,
div.why #navbar span#nav-why,
div.features #navbar span#nav-features,
div.contact #navbar span#nav-contact
{
  background-color: #fff;
  border-bottom:1px solid #fff;
}

div.home #navbar span#nav-home a,
div.why #navbar span#nav-why a,
div.features #navbar span#nav-features a,
div.contact #navbar span#nav-contact a
{
  color: #611759;
  text-decoration:none;
}