﻿body{
  background: url(../img/layout/nav-bg.jpg) repeat-y #fff;
  margin-top: 8px;
}

#Wrapper{
  margin:0 auto;
  width:975px;
  padding:0;
}

#PageWidth{
  width:760px;
  margin: 0;
  position:relative;
}

/*    Left Column Styles    */
#LeftNav{
  position: absolute;
  top:160px;
  left: 7px;
  border:1px #ccc solid;
  width:200px;
  height:175px;
  overflow:hidden;
  z-index: 100;
}

#LeftNavBg{
  position: relative;
}

#NavFadeBg{
  width: 200px;
  height:175px;
}

#LeftNavBg ul{
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  padding:0px;
  list-style:none;
  z-index: 200;
}

#LeftNavBg ul li{
  margin:0;
  padding:0;
  font-size: 11px;
}

#LeftNavBg ul li a:link, #LeftNavBg ul li a:active, #LeftNavBg ul li a:visited{
  margin-bottom:4px;
  padding-left: 15px;
  text-decoration: none;
  color:#000;
  font-weight: bold;
  display: block;
  width: 185px;
  height:16px;
}

#LeftNavBg ul li a:hover{
  padding-left: 12px;
  text-decoration:none;
  color:#000;
  border-left: #A5B8C9 3px solid;
}

#LeftContactInfo{
  position: absolute;
  top:75px;
  left: 7px;
  font-size:10px;
  width:202px;
}

.leftAnnouncement{
  border:1px #A5B8C9 solid;
  background:#fff;
  padding:3px;
  text-align:center;
  font-size:11px;
  margin:3px 0;
}

.leftAnnouncement p{ padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }

address{
  font-style:normal;
  padding-left:7px;
}

/*    /Left Column Styles    */


/*    SideNav Column Styles    */
#SideNav{
  list-style: none;
  padding:0;
  margin:0;
}

#SideNav li{
  list-style: none;
  padding:2px 0;
  margin:0;
}

#SideNav li a, #SideNav li a:link, #SideNav li a:active, #SideNav li a:hover, #SideNav li a:visited{
  font-size: 11px;
  font-weight: bold;
  color:#000;
  text-decoration:none;
}

/*    /SideNav Column Styles    */

/*    Content Column Styles    */

#PageContent{
  margin: 0 0 0 223px;
  _height:370px;
  min-height:370px;
  position:relative;
}

#MastHead{
  position: relative;
  height: 81px;
}

#MastHead h1{
  width: 382px;
  height: 58px;
  margin:0px;
  padding:0px;
  background:url(../img/layout/theMetroScene.jpg) no-repeat;
}

#MastHead h1 a{
  width: 382px;
  height: 58px;
  display: block;
}

#MastHead h1 a span{
  display: none;
}

/*    Content Column Styles    */

#PageCopy{
  float:left;
  width:545px;
}

.SubTitle{
  background: url(../img/layout/o-l-cb.gif) no-repeat;
  text-indent: -99999px;
  width: 360px;
  height:14px;
  margin: 0 0 10px 0;
  padding:0px;
  
}

#RightGutter{
  float: right;
  width: 143px;
  padding: 0 7px;
}

.GutterElement{
  text-align: center;
  margin-bottom: 15px;
  font-size: 11px;
}

.GutterElement img{
  padding: 5px;
}

#FeaturedEvents{
  margin: 15px 0px 15px 0px;
  padding: 0px 0px 0px 0px;  
}

#FeaturedEvents h2{
  float:left;
  width: 25px;
  height: 100px;
  background:url(../img/tabs/events-v.gif) no-repeat;
  text-indent: -9999px;
}

.FeaturedElement{
  display:block;
  width: 155px;
  height:160px;
  border: 1px solid #A5B8C9;
  float: left;
  overflow: hidden;
  font-size: 11px;
  text-align: center;
  margin-right:8px;
}

.FeaturedSponsor{
  display:block;
  width: 155px;
  height:160px;
  border: 1px solid #A5B8C9;
  float: left;
  overflow: hidden;
  font-size: 11px;
  text-align: center;
  margin-right:8px;
}

.FeaturedElement a img{
  display:block;
  margin:0 auto;
}

.FeaturedElement span{
  display:block;
  padding: 5px 0;
}

#Sponsors{
  clear:both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
  background:url(../img/tabs/sponsors-v.gif) no-repeat;
  height:160px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
}

.subRow
{
  width:100%;
  height:20px;
  padding:5px 0px 5px 0px;
  margin:0px;
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color:#ccc;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
}

.subRowLast
{
  width:100px;
  height:20px;
  padding:5px 0px 5px 0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
}

.subRowBottom
{
  width:100%;
  height:20px;
  padding:5px 0px 5px 0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
}

.subRowWide
{
  width:300px;
  height:20px;
  padding:5px 0px 5px 0px;
  margin:0px;
  border-style:solid;
  border-width:0px 0px 1px 0px;
  border-color:#ccc;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt
}
/*    /Content Column Styles    */


/*    Event Results    */

.ResultsStatus{
  padding: 2px;
  color: #fff;
  background: #A5B8C9;
  font-size: 11px;
  height: 13px;
}

.CurrentResults{
  width: 200px;
  float: left;
}

.Pagination{
  float: right;
  width: 200px;
  text-align: right;
}

.Pagination ul{
  margin:0;
  padding:0;
  list-style:none;
}
.Pagination ul li{
  display:inline;
  margin:0 4px;
  padding:0;
  list-style:none;
  font-weight:bold;
}

.ResultsStatus a, .ResultsStatus a:link, .ResultsStatus a:active, .ResultsStatus a:visited{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
} 

.ResultsStatus a:hover{
  text-decoration: underline;
}

#Results table{
  width: 100%;
}

#Results td.Col1, #Results td.Col2, #Results td.Col3, #Results td.Col4{
  width: 166px;
  padding: 4px 4px 8px 4px;
  text-align:center;
  font-size: 11px;
  vertical-align:top;
}

#Results td a, #Results td a:link, #Results td a:active, #Results td a:hover, #Results td a:visited{
  text-decoration: none;
}


/*    /Event Results    */


/*    Photo Details    */
#PhotoDetails{
  
}

#PhotoDetails img{
  float:left;
}

#PhotoDetails table{
  width:177px;
  float:right;
}

#PhotoDetails th.header{
  background: #A5B8C9;
  color: #fff;
  font-weight:bold;
  padding:2px;
}

#PhotoDetails th{
  font-weight:bold;
}

#PhotoDetails th, #PhotoDetails td{
  font-size:11px;
  text-align:left;
  padding: 1px 3px 3px 0;
}

#PhotoDetails td{
  border-bottom:#ccc dashed 1px;
}

#PhotoDetails .Col2, #PhotoDetails .Col3{
  text-align: right;
}

#PhotoDetails td.Col3 input{
  width:40px;
  border:#666 solid 1px;
}

#PhotoDetails th.addtocart{
  padding-top: 7px;
  text-align:right;
}

/*    /Photo Details    */

.left{
  text-align:left;
}

.center{
  text-align:center;
}

.price{
  font-weight: bold;
}

#Publications{

}

#PubLeft{
    width:545px;
  float:left;
}

#PubRight{
  float:right;
  width: 140px;
  text-align:center;
  margin:0 0 40px 20px;
}

#PubRight img{
  padding: 0 0 10px 0;
}

#PubRight a{

}

ol.Form{
  margin:0;
  padding:0;
}

ol.Form li{
  list-style:none;
  margin:0;
  padding:5px 0;
  clear:left;
}

ol.Form li label{
  display:block;
  width: 100px;
  text-align:right;
  float:left;
  padding-right:5px;
}

#NavAdmin{
  border: #A5B8C9 1px solid;
  width:200px;
  margin:10px auto;
  text-align:center;
}

#copyright{
  clear:both;
  margin:0;
  padding:55px 0 10px 0;
  font-size:10px;
  text-align:center;
}

#events{
  color:#A5B8C9;
  padding:0 0 20px 0;
}

#events ol {
  list-style: none;
  margin: 0;
  padding:0;
}

#events li {
  margin:0;
  padding:0 20px 0 0;
  display:inline;
}

#AdImagesUpload
{
  margin-top:10px;
  padding:15px;
  line-height:34px;
}

#ImageList
{
  width:600px;
}

#TopAd
{
  margin-left:7px;
  margin-bottom:5px;
}

#BottomAd
{
  margin-left:7px;
  margin-top:-10px;
  margin-bottom:15px;
  clear:both;
}

#HomeBottomAd
{
  clear:both;
}
  

#AdRight
{
  position:absolute;
  top:0;
  right:-210px;
}

#AdRight td
{
  padding-bottom:10px;
}

#LeftAd td
{
  padding-bottom:10px;
}

.uploadDisplay
{
  display:inline;
  padding-right:20px;
}

.uploadLocation
{
  display:inline;
  padding-right:20px;
}

.editdelete
{
  font-size:9px;
  background:#e7ebf7;
  margin-top:-17px;
  margin-bottom:18px;
  padding:5px 0px;
  height:10px;
  border:1px solid #CCC;
}

.saveCancel
{
  font-size:9px;
  background:#e7ebf8;
  margin-top:-17px;
  margin-bottom:18px;
  padding:5px 0px;
  height:10px;
  border:1px solid #CCC;
}

.locationUpdate
{
  margin-top:10px;
}

.UpDown
{
  margin-top:30px;
}
