body {
 font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif;
 margin: 0;
 padding: 0;
 font-size-adjust: .52;
 font-size: 76%;
 color: rgb(0,0,0);
 background-color: rgb(90,0,0);
}

#container {
 position:relative;
 width:778px;
 background-color: white;  /* Left Icon Bar background color */
 margin: 2px auto;
}

.mcontainer {
  background-color:white
}

#head {
 background-color:white;
 top:0;
 height:60px;
 width:100%;
}
#logo {
 float:left;
 height:60px;
}
#topbanner {
 float:right;
 height:60px;
}
#smalllogo{
 float:right;
 width:88px;
 height:60px;
}
#smo_topNavRow, #smo_bottomNavRow {
 height:25px;
 width:778px;
 border-bottom:2px solid rgb(90,0,0);
}
#smo_bottomNavRow {
 position:absolute;
 top:64px;  /* For IE 6 */
 z-index:2;
}
#container>#smo_bottomNavRow {
 top:60px;  /* For NOT IE6 */
}
#iconmenu{
 display:none;
/*
 width:50px;
 float:left;
*/
}
#internal{
 position:relative;
 float:right;
 width:778px;
 background-color:rgb(190,190,90);  /* Right Menu background color */
}
#content {
 width:692px;
 background-color:white;  /* Body and Pix background color */
 float:left;
}
#body{
 width:458px;
 float:left;
 margin-left:4px;
}

#body iframe {
 max-width: 400px !important;
 width:expression(this.width > 400 ? 400 : true) !important;
}

#content>#body{ /* Because of IE 6 */
 margin-left:8px;
}
#pix{
 width:202px;
 float:right;
 border:2px solid rgb(90,0,0);
 margin:4px;
 padding:4px;
}
.fatbody{
 width:618px !important;
}
#sitemenu{
 position:absolute;
 right:3px;
 top:2px;
}
#footer {
 clear:both;
 background-color:cyan;
 padding: 3px 5px;
 text-align:center;
 width:768px;
 background-color: white;  /* Left Icon Bar background color */
 margin: 2px auto;

}
#tHead {
 position:absolute;
 z-index:-1;
 visibility:hidden;
  /* display:none;TODO Investigate SE Impact, should this be z-index -1? */
}
.clearer, clear {
 clear:both;
}

/* GENERAL READABILTY AND CONSISTANCY */
h1 {
 font-size: 2.2em;
 font-weight: normal;
}
h2 {
 font-size: 1.7em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: normal;
}
h3 {
 font-size: 1.4em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: normal;
}
h4 {
 font-size: 1.2em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: bold;
}
h5 {
 font-size: 1.0em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: bold;
}
h6 {
 font-size: 0.8em;
 margin: 1.2em 0em 1.2em 0em;
 font-weight: bold;
}
img {
 border: 0;
}
ol, ul, li, dl {
 font-size: 1.0em;
 line-height: 1.8em;
 margin-top: 0.2em;
 margin-bottom: 0.1em;
}
p {
 font-size: 1.0em;
 line-height: 1.8em;
}
li > p {
 margin-top: 0.2em;
}
pre {
 font-family: monospace;
 font-size: 1.0em;
}
strong, b {
 font-weight: bold;
}
td {
 vertical-align:top;
}

fieldset {

}
/* DROP DOWN MENUS (ATP_MENU) */

.atp_menuExpandable{
/*background: url(plus.gif) top right no-repeat; */
}
.atp_menu{
 position:relative;
 display:block;
 margin:0;
 margin-left:5px;
 padding:0;
 width:320px; /* should include extra width for site links */
}
.atp_menu *{
 line-height:17px;
 margin:0;
 padding:0;
 font-size:12px;
 width:77px;
}
.atp_menu ul{
 position:absolute; /* needed to keep the menu from shifting other elements down */
 display:block;
 width:78px;
 background-color:rgb(128,0,0);
}
.atp_menu li ul{
 visibility:hidden;
}
.atp_menu li li ul{
 position:absolute; /* needed to keep the menu from shifting other elements down */
 top:auto;
 left:auto;
 margin-left:77px;
 margin-top:-20px; /* move the sub menu up verticaly */
}
.atp_menu li{
 list-style:none;
 height:auto;
 display:inline;
 display/**/:block;
 float:none;
 float/**/:left;
}
.atp_menu li li{
 display:block;
 float:left;
}
.atp_menu a:focus, .atp_menu a:focus:visited{ /* for better display with key nav in mozilla */
 background-color: rgb(191,228,255);
}
.atp_menu span{ /* hide some accessibility stuff */
 display:none;
}
.atp_menu a, .atp_menu a:visited{
 text-align:center;
 color:black;
 display:block;
 text-decoration:none;
 background-color:white;
 width:76px;
 border:1px solid black;
 margin-top:1px;
}
.atp_menu ul li a, .atp_menu ul li a:visited{
}
.atp_menu a:hover{
 color:rgb(0,73,128);
 border:1px solid black;
}
/* correct a little IE bug */
* html .atp_menu li li{
 display:inline;
}

.smo_defaultNav{
display:none;
}

.links{
 margin:0;
 padding:0;

}
.links *{
 line-height:17px;
 margin:0;
 padding:0;
 font-size:10px;
}
.links li{
 list-style:none;
 height:auto;
 width:84px;
}
.links li.listBreaker{
 height:8px;
 font-size:1px;
 line-height:1px;
}
.links a:focus,.links a:focus:visited{ /* for better display with key nav in mozilla */
 background-color: rgb(191,228,255);
}
.links a, .links a:visited{
 text-align:center;
 color:black;
 display:block;
 text-decoration:none;
 background-color:white;
 width:81px;
 border:1px solid black;
 margin-left:3px;
 margin-top:1px;
}
.links a:hover{
 color:rgb(0,73,128);
 border:1px solid black;
}

#smo_externalLinks {
 margin-top:1.4em
}

/* ADVANCED LAYOUT */
a {
  text-decoration:none
}

a, a:visited {
 color: rgb(0,73,128);
}
a:hover {
 color: rgb(128,0,0);
}

a.help {
 font-family:Verdana,Arial,san-serif;
 font-size-adjust:.55;
 font-size:.8em;
 text-decoration:none;
 color:rgb(90,0,0);
 padding:.1em;
 border:1px solid rgb(90,0,0);
 margin-top:1px;
 margin-left: 1em;
 background-color:yellow;
 display:inline
}
a.help:hover{
 color:rgb(0,51,90);
 border:1px solid rgb(0,51,90);
}

p+br,h1+br,h2+br,h3+br,h4+br,h5+br,h6+br,p+br+br{
 display:none;
}
p>br{
 display:none;
}

hr{
 border: thin solid rgb(90,0,0);
}
#iconmenu {
 text-align:center
}
#iconmenu img {
 max-width:48px;
 width:expression(this.width > 48 ? 48 : true);
 margin-top: 6px;
}

#logo {
 position:relative;
}
#logo img {
 position:absolute;
 bottom:0;
 max-height:60px;
 height:expression(this.height > 60 ? 60 : true);
}

#pix img{
 max-width:200px;
 height:expression(this.width > 200 ? 200 : true);
}
#body img{
 max-width:400px;
 width:expression(this.width > 400 ? 400 : true);
}

#navDiv table{
 border-collapse:collapse;
 margin:0;
 padding:0;
}
#navDiv td, #navDiv form {
 margin:0;
 padding:0;
}
#searchbar input, #searchbar select, #searchbar td{
 font-size:10px;
 margin-top:1px;
}
#smoBookMark {
 font-size:10px;
 margin-top:1px;
}

#body .newstuff{
 border:1px solid rgb(90,0,0);
}

#featuredArticles {
 background-color: rgb(128,201,255);
 border:1px solid rgb(90,0,0);
 margin:2px;
 width:180px;
}
#featuredArticles h2 {
 font-size:1.4em;
 text-align:center;
 background-color:white;
 color:rgb(90,0,0);
 margin:5px 5px;
 padding:0;
}



#pix #featuredArticles {
 width:98%;
}

.smoStandardArticleDisplay {
 border:1px solid rgb(90,0,0);
 margin:2px;
 padding:2px 4px;
 background-color:white;
}
.smoStandardArticleDisplay h4{
 border:none;
 font-size:1.1em;
 text-align:center;
}
.smoStandardArticleDisplay p  {
 padding:0;
 margin:0;
 line-height:1.2em;
 text-align:left !important;
 padding:.2em;
  max-width:95%;
}
.smoStandardArticleDisplay .standardArticleDate, .smoStandardArticleDisplay .standardArticleByline{
 display:block;
 font-size:.8em;
 font-style:italic;
 color: rgb(0,73,128);
}
.smoStandardArticleDisplay p a {

 text-decoration:none;
 color: black;
}
.smoStandardArticleDisplay p a:hover {
 color: rgb(128,0,0);
}

.smoStandardArticleDisplay .standardArticleByline{
 clear:both;
}
.smoStandardArticleDisplay p a b,.smoStandardArticleDisplay p a:visited b{
 font-size:1.1em;
 color: rgb(0,73,128);
}

.smoStandardArticleDisplay a:hover {
 color: rgb(128,0,0);
}
.smoStandardArticleDisplay img{
 float:right;
 margin:0;
 padding:0
}
.standardArticleByline a {
 color: rgb(0,73,128) !important;
 padding:0;
 display:block
}
.smoArticleByline h4{
  margin:0 !important;
  padding:0 !important;
  color: rgb(0,73,128)

}

.smoArticleByline p{
  margin:0;
  padding:0;
  margin-bottom: 1.5em;
  font-size: 0.8em

}

.SMO_FEATUREDMEMBERs {
  margin-left:0;
  padding-left: 0.2em
}
.SMO_FEATUREDMEMBERs li{
  margin-left:0;
  padding-left: 0.2em
}

.SMO_FEATUREDMEMBERs *{
  list-style:none;
  text-decoration:none
}

#body p, #body td {
 text-align:justify;
}

h1, h2, h3 {
 margin:.4em 0;
 color:rgb(90,0,0);
 border-bottom:1px solid rgb(90,0,0);
}
h4, h5, h6 {
 margin:.4em 0;
 color:rgb(90,0,0);
}
table.extracolumn {
 border-collapse:collapse;
 margin-top:.4em;
}
table.extracolumn td {
 vertical-align:top
}
td.newstuff {
 padding:.4em .4em;
 vertical-align:top
}
td.newstuff a{
 text-decoration:none;
}
#body td.textbody{
 padding-right:.5em;
 text-align:left;
}
h4.time {
 margin-top:0;
}
h4.bannerTime{
 border:none;
}


.smoBottomLinksList {
 clear:both;
 list-style:none;
 margin:1em;
 padding:0 .4em;
 border:2px solid rgb(90,0,0);
}
.smoBottomLinksList a {
 text-decoration:none;
}
.smoBottomLinksList li {
 line-height:1.3em;
 text-indent:-1.5em;
 padding-left:1.5em;
}

.areaExplain {
 margin-top:0;
}

.topiclist{
 list-style:none;
 padding-left:1em;
 margin-left:0;
}
.topiclist li{
 line-height:1.2em;
}
.topiclist a{
 text-decoration:none;
}

.frontPhotoDiv {
 text-align:left;
 padding-bottom:.4em;
 margin-bottom:.8em;
 border-bottom:3px double rgb(0,51,90);
}
.frontPhotoDiv .frontCutline{
 display:block;
 text-align:center;
}
.frontPhotoDiv a{
 text-decoration: none;
}
.frontPhotoDiv .fromLine {
 display:block;
 font-size:0.8em;
}
.frontPixPostedLine {
 font-size:0.8em;
}
.frontPhotoDiv .frontPicByline {
 display:block;
 font-size:0.8em;
}

#pix div.frontPhotoDiv:last-child{
 border:none;
}


h3.searchT{
 border:none;
 border-top:2px solid rgb(90,0,0);
 padding-top:.5em;
}
h3.searchT a{
 text-decoration:none;
}

#body .searchResultsDiv {
  clear:both
}
.searchResultsDiv table{
 border-collapse:collapse;
 min-width: 400px;
 width:100%;

}
#body .searchResultsDiv .thumb img{
 max-width:100px;
 width:expression(this.width > 100 ? 100 : true);
 hieght:expression(this.width > 67 ? 67 : true);
 max-height: 67px;

}

#body .searchResultsDiv .pic{
 float:right;
 max-width:200px;
 width:expression(this.width > 200 ? 200 : true);
}
.searchP{
 font-size:1.2em;
 margin:0;
 padding:0;
 padding-right:.5em;
}
.searchResultsDiv a {
 text-decoration:none;
}
.searchP .searchKeywords {
 display:block;
 color:black;
 font-style:italic;
 font-size:.8em;
}
.searchPostedLine {
 display:block;
}


.articlePicturesMedium {
 text-align:left;
 margin-bottom:.8em;
 border-bottom:3px double rgb(0,51,90);
}
.articlePicturesMedium p.photocutline{
 display:block;
 margin:.4em;
 text-align:center;
}
.articlePicturesMedium a{
 text-decoration: none;
}
.articlePicturesMedium .pixClickToEnlarge{
 display:block;
 width:198px;
 text-align:center;
 font-family:Verdana,Arial,san-serif;
 font-size-adjust:.55;
 font-size:.8em;
 background-color: rgb(90,0,0);
 border: 1px solid black;
 color:white;
}
.articlePicturesMedium img{
 display:block;
}

#body .mediaBox img {
 max-width:100px;
 width:expression(this.width > 100 ? 100 : true);
}

#loginForm input{
 margin-bottom:.2em;
 width:11em;
}
#loginForm label{
 width:6em;
 text-align:right;
 display:block;
 float:left;
 margin-right:.5em;
 padding-top:.2em;
}
#loginForm label.inline{
 float:none;
 display:inline;
}
#loginForm .securityNotice{
 width:10em;
}
#loginForm #smoRememberMe,#loginForm .btn {
 width:auto;
}

#eventForm #eventAddressFields select{
  width: 11em
}
#eventSearchCOUNTRY {
 width: 11em
}
#eventForm label {
  width:10em;
  text-align:right;
  float: left;
  margin-right:.5em;
  padding-top:.2em;
}
#eventForm .weekdays,#eventForm .weekdays td{
  font-size: .8em;
  border: thin solid blue;
  text-align:center;

}

#eventForm .weekdays label {
  width: 2em !important;
  float:none !important;
  text-align:center  !important;

}

#eventForm .weekdays input {
  width: 2em !important;
  float:none !important;
  text-align:center  !important;
}

/* Classes used by JS */
.menuHide{
 display:none;
}
.menuShow{
 display:auto;
}

.check {
 width:3em;
 text-align:left
}

#content .smoArticleEditBox {
  float:left;
  padding: .5em;
  margin-right: .5em;
  border: 1px solid blue
}



input.terms {
  width: 20px !important;
  margin:0 !important;
  padding: 0 !important;
  text-align:left;

}


.adminFlags input{
 width:3em !important;
}
.adminFlags table {
 font-size:0.8em;
 border-collapse:collapse;
 margin:.2em auto;
}
.adminFlags td {
 text-align:center;
 border:1px solid black;
}
.adminRestrictions{
 background-color:red !important;
}
#pix .adminFlags input{
 width:2em !important;
}
#pix .adminFlags table {
 font-size:0.6em;
 border-collapse:collapse;
 margin:.2em auto;
}

#pageContentFields label {
 font-weight:bold
}

.deleteWarning{
 font-weight:bold;
 color:red;
 margin-top:5em;
}

#body .seriesCent h4 {
 margin:0;
}
#body .seriesCent table {
 border-collapse:collapse;
 margin-left:auto;
 margin-right:auto;
 margin-top:.2em;
}
#body .seriesCent td {
 padding-right:.2em
}

#pix .seriesListing ul {
 margin:0;
 padding:0;
 list-style:none;
}

#pix .seriesListing a {
 text-decoration:none;
}

#body div.seriesListing
{
 margin:0;
 padding:0;
width:90%
}

#body .seriesListing ul
{
 margin:0;
 padding:0;
 list-style:none;
 padding:0;
 margin:0
}

#body .seriesListing a {
 text-decoration:none;
}

#body .seriesListing li {
 display:block;
 float:left;
 padding-right:.5em;
 width: 1.5em
}


.controlPanel{
 clear:both
}

.controlPanel * {
  list-style:none
}

.controlPanel ul a{
  text-decoration:none
}

.controlPanel h4 {
background-color: orange; color: white; font-weight: bold
}

.flrt {
  float:right
  }

.fllt {
  float:left
  }

.cent {
  text-align:center;
  margin:auto
  }
.smoPaginationList{
 display:inline
}
.smoPaginationList li{
 display:inline;
 padding-right:.6em
}

#directorySearch select{
  width: 200px
}
#directorySearch td{
  border: 1px solid black
}

#body .showsContainer {
 margin:0;
 padding:0.2em;
 line-height: 1em;
 width: 182px;
 background-color: rgb(128,201,255);
}

#body .showsContainer {
 width: 182px;
}

#pic .showsContainer {
 width: 98%;
}

.showsContainer h3 {
  background-color:white;
  color: green;
  border:none;
  padding-top: .5em;
  padding-bottom: .5em;
  text-align:center
}

.smoEventContainer {
  margin: 0;
  padding: 0.4em;
  width: auto !important;
  border: 1px solid green;
  background-color: white

}
.smoEventContainer p {
  margin:0;
  padding:0.3em;
  width: auto !important
}

.eventDescription a {
  text-decoration:none
}

.eventDetails p{
  margin:0
}

.note {
  color: rgb(60,60,90);
  font-weight:bold
}

.time {
  font-size: 1em;
  font-family:monospace
}

.sound {
  z-index:1
}

table.thecalendar {
  border:solid 1px;
}

table.thecalendar td {
 border:solid 1px gray !important;
 width: 50px !important;
 height:50px !important
}

.calendarDate {
  display:block;
  float:right;
  margin:0;
  background-color: black;
  color: white;
  text-align:right;
  padding-right: 0.2em;
  clear:both;
  width: 25%
}

.today {
  background-color: yellow
}


h3.faqHeaders {
  text-decoration:none;
  font-size:1.4em;
  border-bottom:none;
  border-top: solid black thin;
  margin-top: 2.2em
}

.faqDL dd span {
 color:black
}

.faqDL dt {
  font-size: 1.3em
}

.faqDL dt a, .faqDL dd a {
  text-decoration:none !important
}

#mUsers label {
  display:block
}

#styleEditor * label {
  display:block !important
}

#styleEditor * textarea {
  width: 95%
}

.pageDescription {
  max-width: 400px;
  display:none
}

.pageDescription h4{
  font-size: 1em
}

.pageDescription ul{
  text-align:left
}

.displayContent {
  display:block;
}

.webonizerDocumentPublisher{
  display:inline !important
}

.webpublisherDoctype {
  background-color: rgb(220,220,220) !important
}

.webpublisherEdit {
  background-color: yellow !important
}

.webpublisherRemove {
  color:gray
}