/***********************************
Redifined HMTL tags
***********************************/

body{
	text-align:center;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#999999;
	margin:0px;
	padding:0px;
	background-attachment: fixed;
	background-color: #000000;
	background-image: url(images/body_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
body img {
	padding: 0px;
	margin: 0px;
	display:inline;
	border:none 0px;
}
#pagetitle {
	height: 70px;
	width: 760px;
	text-align: left;
	margin-bottom: 2px;
}
a{outline: none;}

h5 {
	font-size: 16px;
	text-transform: uppercase;
	padding-top: 50px;
	font-weight: bold;
	color: #A0020D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -20px;
	margin-left: 0px;
}
h3 {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #A0020D;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: -15px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0020D;
}

h6 {
	text-transform: uppercase;
	color: #999999;
	font-size: 12px;
}

 label
{
	width: 10em;
	text-align: right;
	margin-right: 0.5em;
	display: inline;
	margin-top: 4px;
	float: left;
	clear: both;
}

.submit input
{
	float: right;
	text-align: center;
}
input
{
	color: #666666;
	border: 1px solid #999999;
	margin-top: 0px;
	background-color: #fcfcfc;
	float: left;
	clear: left;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
fieldset
{
	border: 1px solid #CC0000;
	width: 675px;
	color: #666666;
	padding: 5px;
}

legend
{
	color: #fff;
	background-color: #333333;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 0px;
}


/***********************************
Global
***********************************/
#globalContainer{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	position:relative;
	height:100%;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center top;
}

/***********************************
Header Elements and Classes
***********************************/

#headerContainer{
	width:798px;
	height:150px;
	position:relative;
	background:#000 url(images/header.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#headerLogo{width:207px; height:76px; top:20px; left:20px; position:absolute;}



/***********************************
Navigation
***********************************/

#MainMenu 
{
	height:51px;
	background: #FFFFFF url("images/bmid_101.gif");
	border:0;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#tab 
{
	top:0;
	margin: 0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
	display:inline;
	margin:0;
	padding:0;
	float: left;
}
#tab a 
{
	background:#000000 url("images/bright_101.gif") no-repeat right top;
	margin:0;
	text-decoration:none;
	display:block;
	float:left;
	padding: 0;
}
#tab a span 
{
	display:block;
	background:url("images/bleft_101.gif") no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#000000;
	font-weight:bold;
	line-height:51px;
	letter-spacing: 0.1em;
	padding-right: 25px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: hidden;
	border-left-color: #C6C6C6;
	border-right-width: 1px;
	border-right-style: hidden;
	border-right-color: #C6C6C6;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#990000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid ;
	background: #FFFFFF url("images/bmid_101.gif");
	color:#000000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid ;
	color:#000000;
	background:url("images/bleft_101.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:51px;
	background:url("images/bright_101.gif") no-repeat right top;
	padding:0 13px 0 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid ;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#990000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#990000;
	font-weight:bold;
}

/***********************************
Panels and Content Layout
***********************************/

#toppadder {
	position: relative;
	height: 80px;
	clear: both;
	background-image: url(images/citydown.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	width: 798px;
}
#content-left

 {
	position: relative;
	float: left;
	width: 760px;
	display: inline;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
	text-align: left;
	margin-right: 20px;
}

#content-center

 {
	position: relative;
	width: 800px;
	display: inline;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	text-align: center;
}
#rightBannerColumn{
	width:140px;
	float:right;
	text-align:center;
	clear: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 19px;
	padding-left: 19px;
	height: 100%;
	background-position: center top;
}
#rightBannerColumn img {
	padding-bottom: 20px;
}

#rightBannerbottom{
	width:140px;
	height:40px;
	float:right;
	text-align:center;
	clear: right;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #d4d4d4;
	background-image: url(images/rt_bottom.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#BottomBannerContainer{
	width:800px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	background-color: #868686;
	clear: both;
	height: 130px;
	background-image: url(images/botbannerbg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.gap {
	padding: 0px;
	margin-right: 15px;
	margin-left: 15px;
}

#BottomBannerContainer img {
	border: 1px solid #333333;
}

#contentContainer{
	padding:0px;
	margin-top: -30px;
}

.panel{ position:relative; background-color:#1c1c1c;}
.transparentpanel{ position:relative;}
.panelsmall{ position:relative; background-color:#1c1c1c;}
.panelsmalltransparent{ position:relative;}
.panelcolumn{ position:relative; background-color:#2c2b2b;}


/***********************************
Right Banners
***********************************/
#rightBannerContainer{margin:-10px 0px 0px 0px;}
#rightBannerContainer ul{margin:0px; padding:0px; list-style:none;}
#rightBannerContainer ul li{color:#444343; font:normal 11px/18px Arial;}
#rightBannerContainer ul a{color:#444343; font:normal 9px/18px Arial; text-decoration:none;}
#rightBannerContainer ul a:hover{color:#868686; font:normal 9px/18px Arial; text-decoration:none;}

/***********************************
Magazine Issues
***********************************/
#CurrentIssue{ width:737px; height:312px; background:url(../images/spotlights/spotlight_temp.jpg) no-repeat;}

/***********************************
Spotlights
***********************************/
#footer-wrap {
	clear: both;
	width: 800px;
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer-wrap a {
	text-decoration: none;
	color: #B90212;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #999;	
}
#footer-wrap p {
	padding:0;
	color: #999999;
}
#footer-wrap h3 {
	color: #666666;
	margin: 0;
	text-transform: uppercase;
}
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/***********************************
Credits
***********************************/

#doyoumakewebsites {
	position: relative;
	width: 800px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	font-size: 10px;
	bottom: 0px;
	line-height: 0px;
	padding-bottom: 20px;
	background-color: #000000;
}
#doyoumakewebsites a {
	color: #0099CC;
}
#doyoumakewebsites a:hover {
	color: #33CC00;
}

#content-left #archive {
}
#content-left #archive img {
	padding: 8px;
	border: 1px solid #e3e3e3;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 16px;
}
#content-left #events {
}
#content-left #events img {
	border: 0px;
	text-align: center;
}

#content-left #racks {
}
#content-left #racks #locs {
	background-color: #FFFFFF;
	width: 172px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-image: url(images/rack-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	float: left;
	clear: right;
}

#content-left #racks #locs ul{
	padding: 0px;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content-left #racks #locs li{
	padding-top: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E8E8E8;
	padding-bottom: 1px;
}

#content-left #racks img {
	padding: 8px;
	border: 1px solid #e3e3e3;
	margin-right: 8px;
	margin-left: 8px;
	margin-bottom: 16px;
}

#content-left #contact {
	margin: 0px;
	padding: 0px;
}

#content-left #contact img {
	padding: 8px;
	margin-right: 20px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
}

#content-left   #contact   #peoplel {
	background-color: f8f8f8;
	width: 360px;
	margin-bottom: 10px;
	float: left;
	clear: left;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	text-align: left;
}



#content-left #contact #peopler {
	background-color: f8f8f8;
	width: 360px;
	margin-bottom: 10px;
	float: right;
	clear: right;
	border: 1px solid #CCCCCC;
}



#twitter{
	float: right;
	width: 200px;
	height: 84px;
	z-index: 200;
}