/* Body */

body, td {
	margin:0px auto;
	padding:0px;
	background:#E8E8E8;
	color:#393939;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	text-align:left;
}

A {
	FONT-WEIGHT: bold; COLOR: #0000FF; TEXT-DECORATION: none;
}

A:visited {
	COLOR: #5252AF;
}

A:hover {
	COLOR: #4E00FF; TEXT-DECORATION: underline;
}

/* Containers */

#outside_container {
	padding:25px 0px 10px 0px;
	border:0px;
    background:#E8E8E8;
	min-width:1200px;
	/* following is for IE. Make sure to reset text-align in the various sub-containers */
	text-align:center;
}

#container {
	background:#fff;
  	background-position: top center; 
  	border:solid 1px #969696;
 	margin: 0px auto 0px auto;
  	padding: 0px;
  	text-align: left;
  	width:800px;
  	position:center;
}

/* Header tabs */

#header {  
	background:#E8E8E8;
 	margin: 0px auto 0px auto;
  	padding: 0px;
  	text-align: left;
  	width:800px;
  	position:left;
	font-size:9px;
	line-height:10px;
}

ul#top_nav {   
    margin:0px; 
    padding:0px;
    position:relative; 
}
ul#top_nav li {
  	border:solid 1px #969696;
  	border-bottom: none;
  	background:#fff;
	float:left;
    margin:0px; 
    padding:5px;
    list-style:none;
    margin-right:5px;
    font-size:12px;
    text-transform:uppercase;
    display:inline;
}
ul#top_nav li.current {
  	background:#E8E8E8;
}

/* Content */
  
#content {
	width:800px;
	padding:10px 10px 25px 10px;
	overflow:hidden;
	line-height:20px;
	position:relative;
}
/* hack for IE/FF compatibility. fucking IE... */
html>body #content { width:780px; }

.centeredcol { float:left; margin-left:75px; text-align:left; }
.singlecol { float:left; margin-right:30px; text-align:left; }
.ccolumn1 { float:left; margin-right:50px; margin-left:50px; text-align:center; }
.ccolumn2 { float:left; margin-right:50px; margin-left:50px; text-align:center; }
.tblcolumn1 { float:left; margin-right:30px; text-align:left; }
.tblcolumn2 { float:left; margin-right:30px; text-align:left; }
.reviewcol1 { float:left; margin-right:30px; text-align:left; width:200px; }
.reviewcol2 { float:left; margin-right:30px; text-align:left; width:500px; }

/* eventually need to get rid of either h1/h2 or title/stitle and use just one set of tags on my pages */
#content h1 {
	font-weight:bold;
	font-size:16px;
}
.title {
	FONT-WEIGHT: bold; FONT-SIZE: 16px;
}

#content h2 {
	font-weight:bold;
	font-size:14px;
}
.stitle {
	FONT-WEIGHT: bold; FONT-SIZE: 14px;
}

.footnote {
	font-size:8pt; font-style:italic; line-height:5px; 
}

ul#list {
    margin:-15px 0px 10px 0px; padding:0px;
    position:relative; top:0px; left:25px;
}
ul#list li {
    margin:0px; padding:0px;
    list-style:none;
	margin-right:5px;
}

ul#default {
    margin:0px; padding:0px;
    position:relative; top:0px; left:0px;
}
ul#default li {
    margin:0px; padding:0px;
    list-style:none;
	margin-right:0px;
}

ul#simple li {
    list-style:none;
}

ul#gigs {   
    margin:0px 0px 0px 25px; 
    padding:0px;
    position:relative; 
}
ul#gigs li {
	float:left;
    margin:0px; 
    padding:5px;
    list-style:none;
    margin-right:5px;
    font-size:12px;
    display:block;
}

.small {
	font-size: 10px;
	font-style: italic;
	}

INPUT {
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	BORDER-TOP-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px; 
}

TEXTAREA {
	FONT-SIZE: 11px;
	FONT-WEIGHT: normal;
	BORDER-TOP-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 3px;
	PADDING-RIGHT: 3px; 
}

#spacer {
	width:200px;
	padding-top:25px;
}

/* Footer */

#footer {  
	background:#E8E8E8;
 	margin: 10px auto 0px auto;
  	text-align: left;
  	width:800px;
  	position:left;
	padding:10px 10px 30px 10px;
	font-size:9px;
	line-height:10px;
}
.fcolumn1 { float:left; }
.fcolumn2 { float:left; }
.fcolumn3 { float:right; text-align:right; }

ul#bottom_nav {   
    margin:0px; 
    padding:0px;
    position:relative; 
}
ul#bottom_nav li {
    margin:0px; 
    padding:0px;
    list-style:none;
    margin-right:5px;
    font-size:12px;
    text-transform:uppercase;
    display:inline;
}
ul#credits {
    margin:0px; 
    padding:0px 50px 0px 0px;
    position:relative; top:0px; left:50px;
}
ul#paypal {
    margin:0px; 
    padding:0px 0px 0px 350px;
    text-align:center;
    position:relative; top:0px; left:50px;
}
ul#credits li, ul#paypal li {
    list-style:none;
    font-size:9px;
    text-transform:uppercase;
}