/* UCBJ CSS */

body{
  margin: 0px;
  padding: 0px;
  background: url(images/bg.jpg) repeat-x #7d7d7d;
  color: #636363;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a{ color: #f57822; font-weight: bold; text-decoration: none; }
a:hover{ text-decoration: underline; }
img{ border: 0; }
form, input{ margin: 0px; padding: 0px; }
.clear{ clear: both; }

.container{
  position: relative;
  width: 1002px;
  margin: 0px auto;
}

#sitetop{ position: relative; }
#subscribe{ position: relative; float: left; width: 270px; }
#subscribePad{ position: relative; width: 180px; margin: 24px auto 0px auto; }
#subscribe img{ display: block; margin-bottom: 4px; }
.goForm{ position: relative; margin: 0px; padding: 6px 0px; }
.goButton{ position: absolute; top: 0px; right: 0px; cursor: pointer; }
.subTextIn{ width: 156px; font-size: 11px; padding: 2px 0px; }

#bannerTop{
  position: relative;
  height: 90px;
  width: 728px;
  float: right;
  margin: 8px 0px;
}
#bannerTop img{ display: block; }

.wrapper{
  position: relative;
  border: 1px solid #424242;
}
#header{
  position: relative;
  width: 1000px;
}
#header img{ display: block; }

#content{
  position: relative;
  width: 1000px;
  background: #fff;
}
.contentPad{ padding: 14px; }

/* Navigation */
#nav{ position: relative; margin-bottom: 14px; width: 972px; height: 39px; }
#nav a{
  display: block;
  position: relative;
  float: left;
  height: 39px;
  background-position: top left;
}
#nav a:hover{ background-position: bottom left; text-decoration: none; }
#navHome{ width: 69px; background: url(images/nav_home.jpg); }
#navNews{ width: 127px; background: url(images/nav_news.jpg); margin-right: 1px; }
#navFeatures{ width: 96px; background: url(images/nav_features.jpg); margin-right: 1px; }
#navColumns{ width: 96px; background: url(images/nav_columns.jpg); margin-right: 1px; }
#navOpinion{ width: 96px; background: url(images/nav_opinion.jpg); margin-right: 1px; }
#navCommunity{ width: 96px; background: url(images/nav_community.jpg); margin-right: 1px; }
#navAdvertising{ width: 96px; background: url(images/nav_advertising.jpg); margin-right: 1px; }
#navClassifieds{ width: 96px; background: url(images/nav_classifieds.jpg); margin-right: 1px; }
#navArchives{ width: 96px; background: url(images/nav_archives.jpg); margin-right: 1px; }
#navAbout{ width: 96px; background: url(images/nav_about.jpg); }

/* Homepage */
.sectionHeadGray{ position: relative; height: 39px; background: #797979; }
.sectionHeadGray img{ display: block; }
#newsCol{ position: relative; float: left; width: 336px; }
.newsItem{ 
  position: relative;
  margin-right: 14px;
  padding-bottom: 12px;
  /* border-bottom: 1px solid #636363; */ 
}
#newsCol h2{
  margin: 8px 0px;
  padding: 0px;
  font-family: Georgia, serif;
  font-size: 20px;
}
#newsCol h2 a{ color: #636363; font-weight: normal; }
#newsCol h2 a:hover{ color: #f57822; text-decoration: none; }

#midCol{ position: relative; float: left; width: 465px; z-index: 1; }
#features{ position: relative; background: #797979; color: #ffffff; padding-bottom: 12px; }
.featureHeading{ position: relative; width: 465px; height: 96px; }
.featureHeading img{ display: block; position: absolute; top: 7px; right: 18px; }
#featureExecProfile{ background: url(images/feature_execprofile.jpg); }
#featureIndustryFocus{ background: url(images/feature_industryfocus.jpg); }
#featureEntrSpirit{ background: url(images/feature_entrspirit.jpg); }
#featureMedProfile{ background: url(images/feature_medprofile.jpg); }
.featureText{ position: relative; padding: 0px 14px; margin-bottom: 4px; }
.featureText h3{ margin: -22px 0px 10px 0px; font-size: 14px; width: 364px; }
#featureFoot{
  position: relative;
  height: 36px;
  background: #00a94f;
  margin-bottom: 15px;
}
#featureFoot img{ display: block; border: 0; float: left; }
.featureFootLeft{ margin-right: 80px; }
#mapArea{
  position: relative;
  background: #9f9f9f;
  height: 189px;
  margin-bottom: 30px;
  z-index: 1;
}
#map{
  position: absolute;
  top: -15px;
  right: -11px;
  width: 262px;
  height: 222px;
  background: url(images/map.jpg);
  z-index: 1;
}
#map img{ display: block; }
#mapContent{
  position: absolute;
  width: 218px;
  top: 50px;
  left: 14px;
  color: #005596;
  font-weight: bold;
  line-height: 2em;
  z-index: 100;
}
#mapContent a {
  color:#005596; 
}

#rightCol{ position: relative; float: right; width: 160px; }
.sectionHeadYellow{ position: relative; height: 39px; background: #e4b600; }
.sectionHeadYellow img{ display: block; }
.sideColPad{ padding: 8px; }
.sideTextIn{ width: 128px; font-size: 11px; padding: 2px 0px; }
#updates{ position: relative; background: #e4b600; margin-bottom: 2px; }
#partners{ position: relative; background: #e4b600; margin-bottom: 2px; }
#partners select{ width:145px; }
#sideTools{ position: relative; background: #e4b600; margin-bottom: 14px; }
#bannerSide{ position: relative; height: 600px; width: 160px; }
#bannerSide img{ display: block; }

#yeller{
  position: relative;
  clear: left;
  float: left;
  width: 798px;
  background: url(images/yeller_bg.jpg) repeat-y;
  margin-bottom: 14px;
  z-index: 1000;
}
#yeller a{ color: #005596; }
#yeller h2{ font-size: 14px; font-weight: bold; margin-top: 0px; }
#yelTri{
  position: absolute;
  top: -29px;
  right: 22px;
  width: 58px;
  height: 29px;
  background: url(images/tri.jpg);
  z-index: 1000;
}
#yelBox1{ position: relative; float: left; width: 263px; }
#yelBox2{ position: relative; float: left; width: 271px; }
#yelBox3{ position: relative; float: left; width: 264px; }
.yelHead{ display: block; }
.yelPad{ padding: 10px; }

#bottomRow{ position: relative; clear:left; float: left; width: 798px; }
#bottomRow .taco{ display: block; float: left; margin-right: 15px; }
#bottomRow .supreme{ margin-right: 0px; }

#footer{ position: relative; padding: 10px 0px; text-align: center; color: #ffffff; }
#footer a{ color: #ffffff; font-weight: normal; }


/* Interior Pages */
#wideCol{ position: relative; float: left; width: 800px; min-height:870px; height:auto !important; height:870px; }
#wideCol h1{ margin: 6px 0px; font-size: 30px; font-weight: normal; font-family: Georgia, serif; }
#util{ position: relative; margin-bottom: 14px; }
#util #emailForm, #commentsBar #commentForm { display:none; background-color:#eee; margin-top:10px; padding:1px 10px 10px 10px;}
#util a{ color: #7faaca; font-weight: bold; }
.date{ font-weight: bold; }
.photo{ position: relative; width: 360px; padding-bottom: 14px; color: #005596; font-style: italic; }
.photo img{ display: block; margin-bottom: 8px;}
.pLeft{ float: left; margin-right: 14px; }
.pRight{ float: right; margin-left: 14px; }

.numComments{ color: #7faaca; font-weight: bold; }
#commentsBar{ margin-bottom: 8px; }
#commentsBox{
  position: relative;
  border: 1px solid #999999;
  padding: 10px;
  margin-bottom: 14px;
}
.comment{
  font-size: 11px;
  color: #005596;
  padding-bottom: 12px;
  border-bottom: 1px solid #cccccc; 
  margin-bottom: 12px;
}
.commenter{ font-weight: bold; }
.commentdate{ font-style: italic; }

.clearer { clear:both; }