body{
  font-size: 11px;
  font-family: arial;
	margin: 0 0 40px 0;
	padding: 15px 0 0;
  background: #000;
}


.hidden { display:none; }
.clear { clear: both; }

#configBar{
  width: 880px;
  margin: -10px auto 6px;
  padding: 0 4px;
  color: white;
  text-align: right;
}

#configBar a {color: #eee; text-decoration: none;}
#configBar a:hover {color: #fff; text-decoration: underline;}
#configBar a.logout {color: #f77;}
#configBar a.logout:hover {color: #f44;}

#mainContainer{
  width: 900px;
  margin: 0 auto 10px;
  padding: 0;
  background: #FFF;
}

#navContainer {height: 30px; width: 860px; margin: 0 auto;}
#navContainer #navHolder {list-style: none; margin: 0; padding: 0;}
#navContainer #navHolder li {list-style: none; margin: 0; padding: 0; display: block; float: left;}
#navContainer #navHolder li a {display: block; padding: 10px 15px 9px;}
#navContainer #navHolder li a {font-weight: bold;}
#navContainer #navHolder li a {color: black; text-decoration: none;}
#navContainer #navHolder li a:hover {text-decoration: underline; background: #666; color: white;}
#navContainer #navHolder li.selected a {color: white; background: black;}
#navContainer #navHolder li.selected a:hover {text-decoration: underline; background: #000; color: white;}

#subnavContainer {height: 30px; width: 872px; margin: -5px auto 0; background: #999; border: 4px solid #000; border-top: 0}
#subnavContainer #subnavHolder {list-style: none; margin: 0; padding: 0; }
#subnavContainer #subnavHolder li {list-style: none; margin: 0; padding: 0; display: block; float: left;}
#subnavContainer #subnavHolder li a {display: block; padding: 10px 15px 9px;}
#subnavContainer #subnavHolder li a {font-weight: bold; border-right: 1px solid black;}
#subnavContainer #subnavHolder li a {color: black; text-decoration: none; background: #eee;}
#subnavContainer #subnavHolder li a:hover {text-decoration: underline; background: #666; color: white;}
#subnavContainer #subnavHolder li.selected a {color: white; background: black;}
#subnavContainer #subnavHolder li.selected a:hover {text-decoration: underline; background: #000; color: white;}

#header{
  position: relative;
  background: #000;
  width: 880px;
  height: 90px;
  margin: 0 auto 5px;
}

#mainContent {min-height: 400px; width: 880px; margin: 0 auto;}


#upperMainPageContent {margin-bottom: 5px;}
#upperMainPageContent #upperMainPageInnerLeft {float: left; width: 640px; margin-right: 5px;}
#upperMainPageContent #upperMainPageInnerRight {float: left; width: 235px;}
#upperMainPageContent #upperMainPageInnerRight #frontAd1 {margin-bottom: 0;}
#upperMainPageContent #upperMainPageInnerRight #frontBadges {background: black; padding: 0px 0 21px 45px;}
#upperMainPageContent #upperMainPageInnerRight #frontBadges .siteBadge {float: left; width: 53px; height: 54px;}
#upperMainPageContent #upperMainPageInnerRight #frontBadges .siteBadge span {display: none;}
#upperMainPageContent #upperMainPageInnerRight #frontBadges .facebookBadge {background: url(/common/images/layout/badges.jpg) -7px -9px no-repeat; margin-right: 40px;}
#upperMainPageContent #upperMainPageInnerRight #frontBadges .twitterBadge {background: url(/common/images/layout/badges.jpg) -63px -9px no-repeat;}

#lowerMainPageContent {clear: both;}
#lowerMainPageContent #lowerMainPageInnerLeft {float: left; width: 376px; margin-right: 5px;}
#lowerMainPageContent #lowerMainPageInnerRight {float: right; width: 498px; min-height: 384px; background: url(/common/images/layout/frontConentBG.png) 0 0;}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentColumn {float: left; width: 145px; margin-right: 1px; padding: 10px;}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentColumnVideos {width: 332px; margin-right: 0; padding: 10px 0;}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentHeader {margin: 0 auto 10px;}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentHeaderNews {width: 49px; height: 25px; background: url(/common/images/layout/headerNews.jpg);}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentHeaderBlog {width: 45px; height: 25px; background: url(/common/images/layout/headerBlog.jpg);}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentHeaderVideos {width: 65px; height: 25px; margin: -5px auto 0; background: url(/common/images/youtube.jpg);}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentColumn .frontContentSeeMore {display: block; text-align: center; color: white;}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentColumnVideos .miniVideoPost {float: left; width: 145px; margin: 0 10px 10px;}
#lowerMainPageContent #lowerMainPageInnerRight .frontContentColumnVideos .frontContentSeeMore {clear: both; margin-top: 10px; padding: 2px; background: black;}

#leftPanelPillHolder {margin-bottom: 5px;}
#leftPanelPillHolder #leftPanelPill {background: black url(/common/images/layout/logoAbMed.png) 12px center no-repeat;}
#leftPanelPillHolder #leftPanelPill {-moz-border-radius: 12px}
#leftPanelPillHolder #leftPanelPill #pillBowl {margin-left: 100px; width: 248px; background: #666;}
#leftPanelPillHolder #leftPanelPill #pillBowl {padding: 30px 16px 30px 12px; color: white;}
#leftPanelPillHolder #leftPanelPill #pillBowl {-moz-border-radius: 0 12px 12px 0}
#leftPanelPillHolder #leftPanelPill #pillBowl h2 {font-size: 16px; font-weight: bold;}
#leftPanelPillHolder #leftPanelPill #pillBowl p {font-size: 14px;}

#headerLogo {position: relative; top: 13px; left: 15px; background: url(../images/mainLogo.png); width: 306px; height: 65px;}
#headerSearchHolder {float: right; position: relative; top: 54px; right: 0; width: 180px; height: 30px;}
#headerSearchHolder #headerSearchInput {float: left; width: 140px; border: 1px solid white; border-right: 0; -moz-border-radius: 2px 0 0 2px;}
#headerSearchHolder #headerSearchInput input {background: transparent; border: 0; color: #aaa; padding: 2px; width: 130px;}
#headerSearchHolder #headerSearchSubmit {float: left; background: url(../images/searchB.png); width: 30px; height: 30px;}
#headerSearchHolder #headerSearchSubmit {position: relative; top: -4px; left: -6px;}

#footer {
  width: 900px;
  margin: 0 auto 0;
  padding: 0;
}

#footerCopyright {background: url(../images/copyright.jpg); width: 165px; height: 12px; margin: 0 auto; }


/* misc stuff */

.miniVideoPost {color: white; margin-bottom: 10px;}
.miniVideoPost .miniVideoPost_Title {font-weight: bold; font-size: 14px; margin-bottom: 4px;}
.miniVideoPost .miniVideoPost_Title .miniVideoPost_TitleLink {text-decoration: none; color: white;}
.miniVideoPost .miniVideoPost_Post {font-size: 12px; margin-bottom: 4px; color: #eee;}
.miniVideoPost .miniVideoPost_Date {color: #fff;}

.miniBlogPost {color: white; margin-bottom: 10px;}
.miniBlogPost .miniBlogPost_Title {font-weight: bold; font-size: 14px; margin-bottom: 4px;}
.miniBlogPost .miniBlogPost_Title .miniBlogPost_TitleLink {text-decoration: none; color: white;}
.miniBlogPost .miniBlogPost_Post {font-size: 12px; margin-bottom: 4px; color: #eee;}
.miniBlogPost .miniBlogPost_Date {color: #fff;}

.blogHeaderTitle {margin: 15px 20px -20px; color: #b00}
.blogHeaderTitle a {color: #b00}
.blogHeaderDate {font-size: 20px; margin: 30px 10px 0; padding: 20px 10px; font-weight: bold;}
.blogHeaderDate {font-family: "Times New Roman"}
.blogHeaderDate {border-top: 2px solid #a00; border-bottom: 2px solid #a00; background: #f9f9f9; color: #b77}
.normalBlogPost {margin: 0 10px 10px;}
.normalBlogPost {border-top: 1px solid #ccc; padding: 10px 10px 0;}
.normalBlogPost .normalBlogPost_Title {margin-bottom: 3px;}
.normalBlogPost .normalBlogPost_TitleLink {font-weight: bold; font-size: 16px; color: #333; text-decoration: none;}
.normalBlogPost .normalBlogPost_TitleLink:hover {text-decoration: underline;}
.normalBlogPost .normalBlogPost_Post {font-size: 14px; color: #666; padding: 10px;}
.normalBlogPost .normalBlogPost_AuthorLink {color: black; font-weight: bold;}


/* form stuff */

.mainLoginForm {width: 460px; margin: 0 auto 0; border: 3px solid #333; background: #eee url(../images/layout/login_64.png) 20px 70px no-repeat;}
.mainLoginForm .loginMessage {font-size: 14px; margin-bottom: 20px; text-align: center; display: block; background: #999 url(../images/layout/loginBG.png); padding: 20px 10px; color: white; font-weight: bold;}
.mainLoginForm .formItemContainer {width: 250px; margin: 0 auto;}
.mainLoginForm .formItemHolder {margin-bottom: 10px;}
.mainLoginForm .formItemHolder .formLabel {margin-bottom: 5px;}
.mainLoginForm .formItemHolder .formLabel label {font-size: 16px;}
.mainLoginForm .formItemHolder .formInputText input {width: 197px;}
.mainLoginForm .formItemHolder .formInputText input {border: 2px solid #999;}
.mainLoginForm .formItemHolder .formInputText input:hover,
  .mainLoginForm .formItemHolder .formInputText input:focus {border-color: #333;}
.mainLoginForm .formButtonHolder {margin: 20px 0 20px;}
.mainLoginForm .formButtonHolder input {font-size: 16px;}

.mainComingSoon {width: 460px; margin: 0 auto 0; border: 3px solid #333; background: #eee url(../images/layout/worm-gear-icon.png) 20px 70px no-repeat;}
.mainComingSoon .comingSoonMessage {font-size: 14px; margin-bottom: 20px; text-align: center; display: block; background: #999 url(../images/layout/loginBG.png); padding: 20px 10px; color: white; font-weight: bold;}
.mainComingSoon .comingSoonContainer {width: 320px; margin: 0 10px 50px 100px; font-size: 16px;}

.miniYoutubeLink {color: #aaf;}