/*** The Essential Code ***/
/*** General tag styles ***/
a {
	color:#ff9;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	font-weight: bold;
	color:#CC9900;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	min-width: 550px;         /* 2 x LC width + RC width */
	margin: 0;
	padding: 0;
	position: relative;
	background-color: #000000;
}

fieldset {
	margin : 20px;
	padding : 1em;
	border : 1px solid #ccc;
}

form {
	margin: 0;
	padding: 0;
}

img{
	border: none;
}

legend {
	font-weight:bold;
}

p {
	font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	color: #000000;
	margin: 0px;
	text-align: left;
	padding-right: 0px;
}

select {
	background-color: #000000;
	color: #ffffff;
}

span {
	font-size: 12px;
	font-weight: normal;
	padding-left: 0px;
	color: #000000;
	margin: 0px;
	text-align: left;
	padding-right: 0px;
}

td {
	font-weight: bold;
	text-align: center;
}

tr {
	color: #ffffff;
}

ul, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/*** ids ***/
#container1 {
	position: relative;
}

#footer p{
	text-align: center;
	clear: both;
	background-color: #000000;
	color: #FFFFFF;
}
#footer smfont{
	font-size: 10px;
}
#guit2 {
	position: absolute;
	right: 0;
	background-image: url('Images/GuitarRight.gif');
	width: 125px;
	height: 105px;
	z-index: 1
}
#guit3 {
	position: absolute;
	right: 0;
	margin-right: 125px;
	background-image: url('Images/GuitarJack.gif');
	width: 63px;
	height: 105px;
	z-index: 2
}

#header {
	width: 100%;
	height: 80px;
	margin: 0;
	background-color: #000000;
	color: #FFFFFF;
	background-image: url('Images/GuitarBanner.gif');
	background-repeat: no-repeat;
	background-position: right top
}
#header h1 {
	position: absolute;
	left: 0;
	background-image: url('Images/RecordingLogoMain.gif');
	width: 313px;
	height: 80px;
	z-index: 1;
	font-size: 1px;
	color: #000000;
	margin: 0
}
#header2 {
	font-size: large;
	text-align: center;
	height: 105px;
	background-image: url('Images/PostHeaderFiller.gif');
}

#left {
	width: 130px;
	position: absolute;
	left: 0px;
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
}
#left p{
	color: #FFFFFF;
}

#linkscenter {
	padding: 25px;
	margin-left: 125px;
	margin-right: 180px;
	background-color: #000000;
}
#linkscenter strong{
	color: #FFFFFF;
}
#linkscenter p{
	color: #FFFFFF;
}
#login {
	float: right;
	z-index: 99;
	margin-right: 5px;
}
#map {
	width: 100%;
	height: 400px;
}
#mapdirections {
	width: 100%;
}
#navigation {
	font-size: x-small;
}

#news {
	margin-left: 140px;
	margin-right: 179px;
	background-color: #F1F1F1;
	color: #000000;
}
#news a {
	color:#996600;
}
#news a:hover {
	color:#000000;
}
#oldnews {
	background-color: #F1F1F1;
	color: #000000;
}
#oldnews a {
	color:#996600;
}
#oldnews a:hover {
	color:#000000;
}
#promap {
	margin-left: 140px;
	margin-right: 10px;
	min-width: 875px;
	background-color: #F1F1F1;
	color: #000000;
}
#promap a {
	color:#996600;
}
#promap a:hover {
	color:#000000;
}
#right {
	width: 169px;
	text-align: center;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
}
#right p{
	color: #FFFFFF;
}
#translator {
	color:#000000;
	background-color:#000000;
}
#wiki {
	margin-left: 140px;
	margin-right: 10px;
	background-color: #F1F1F1;
	color: #000000;
}
/* .bl, .br, .tl, .tr are for the rounded corners on news */
.bl {
  background: #F1F1F1 url('Images/bl.gif') no-repeat 0 100%; 
  width: 100%
}
.br {
  background: url('Images/br.gif') no-repeat 100% 100%;
}
.tl {
  background: url('Images/tl.gif') no-repeat 0 0;
}
.tr {
  background: url('Images/tr.gif') no-repeat 100% 0; 
  padding: 10px
}
/*** end of rounded corners ***/
/*** Thumb formatting ***/
div.thumb {
    margin-bottom: 0.5em;
    border-style: solid; border-color: #f1f1f1;
    width: auto;
    overflow: hidden;
}
div.tright {
    float: right;
    clear: right;
    border-width: 0.5em 0.8em 0 1.4em;
}
div.tleft {
    float: left;
    margin-right:0.5em;
    border-width: 0.5em 0.8em 1.4em 0;
}
div.thumb div div.thumbcaption {
    border: none;
    padding: 0.3em 0.1em 0 0;
}
/*** end of thumb formatting ***/
.small {
	font-size: 10px;
}
.alignright {
    position: relative;
    right: 0;
    text-align: right; /* depends on element width */
}
.alignleft	{
    position: relative;
    right: 0;
    text-align: left; /* depends on element width */
}
.blkbg {
	background-color:#000;
	padding: 3px;
}
.center {
	text-align: center;
}
.clear {
  clear: both;
}
.container img {
    vertical-align: middle;
	border: none;
}
.engiregister {
	text-align:left;
	color:#666666;
}
.engineersearchheader {
	text-align: center;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
.engineersearchheader a{
	text-align: center;
	color: #666666;
	font-size: 12px;
}
.engiresults {
	font-size: 10px;
}
.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.label {
	font-weight:bold;
	color:#333333;
}
.loginhighlight {
	color:#CC9900;
}
.mapimage {
	max-height: 125px;
	max-width: 250px;
}
.mapresultstable {
	background-color: #F1F1F1;
	color: #666666;
	padding: 5px;
}
.red {
	color:#FF6666;
}
.required {
	background-color:#FF6666;
}
.restable {
	background-color: #333333;
}
hr.storydivide {
	width: 100%;
	color: #CC9900;
	background-color: #CC9900;
	border: none;
}
.va-middle {
	vertical-align: middle;
}
.white {
	color: #ffffff;
}

/*** IE6 Fix ***/
* html #left {
	left: -140px;
}
.restable {
	background-color: #333333;
}
