﻿/* h1 & h2 */
h1 {font-size: 18px; font-weight: bold; display: inline; padding-right: 15px;} 
h2 {font-size: 18px; font-weight: bold; display: inline; padding-right: 15px;}
h2 a {color: #7c7973;}
h2 a:hover {color: #dd0005; text-decoration: none;}

/* section */
.sectionHeader {width: 960px; padding: 15px 10px 20px 20px;}
.sectionHeader .breadcrum {color: #7c7973;}
.sectionHeader .breadcrum a {color: #7c7973; text-decoration: underline;}  
.sectionHeader .read {float: right; padding-right: 80px;}
.sectionHeader .read a {padding-left: 10px; color: #817770;}  
.section {width: 990px; overflow: hidden; background: url(background/sectionBackground.gif) 0 0 repeat-y;}
.section .leftMenu {width: 185px; padding-right: 10px; float: left;}
.section .content{width:780px; padding-right: 10px; padding-bottom: 40px; float: left;}
.section .rightBar{width: 185px; padding-right: 10px; float: left; height: 100%; overflow: hidden;}


/* sectionBox */
.sectionBox {overflow: hidden; background-color: #edeae1; }
.sectionBox h2 {color: #302c2b; border-bottom: solid 1px #7c7973; padding-bottom: 5px; padding-right: 0; display: block;}
.sectionBox p {padding-top: 10px; line-height: 14px;}
.sbLeft {background: url(sectionBox/L.gif) 0 6px repeat-y;}
.sbTop {background: url(sectionBox/T.gif) 0 0 no-repeat;}
.sbRight {background: url(sectionBox/R.gif) 100% 6px repeat-y;}
.sbBottom {background: url(sectionBox/B.gif) 0 100% no-repeat; overflow:hidden;}   
.sbContent {overflow:hidden;}  
.sbContentPad {padding: 6px 6px 8px 6px; overflow:hidden;}
.sbContentText {float: left; width: 280px;}  
.sbContentTextPad {padding: 10px 30px 10px 10px;} 
.sbContentPic {float: right;}  

.tSpacer {width: 4px; height: 26px; background: url(tabs/divider.gif) 0 100% repeat-x; float: left;}  
.tDivider {width: 137px; height: 26px; background: url(tabs/divider.gif) 0 100% repeat-x; float: left;}

/* rightBar */
.rbMore {background-color: #f4f3e9; font-size: 11px; overflow: hidden;}
.rbMore h5 {color: #302c2b; font-size: 14px; font-weight: bold; padding: 20px 5px 7px 8px;}
.rbBar {color: #ffffff; background-color: #dd0005; width:100%; font-size: 11px; overflow: hidden;}
.rbBarPad { padding: 1px 5px 1px 9px; overflow: hidden;}
.rbPadding {overflow: hidden; padding: 9px 9px 20px 9px;}
.rbPadding ul {padding: 0 0 0 20px; margin: 0; list-style-image: url(rightBar/bullet.gif); list-style-position: outside;}  
.rbContact {overflow: hidden; padding: 9px 9px 20px 9px;}
.rbContactPic {float: left; padding: 0 10px 10px 0;}
.rbContactLinks {width: 185px; clear: both;}
.rbMore li {padding-bottom: 3px; width: 137px;}
.rbContact ul {padding: 10px 0 0 15px; list-style-image: url(rightBar/bullet.gif);list-style-position: outside;}  
.rbDocuments {overflow: hidden; padding: 9px 9px 20px 9px;}
.rbDocumentList {list-style-image: url(rightBar/document.gif); padding-left: 20px; overflow: hidden;}  
.rbBulletList {padding: 0 0 0 15px; list-style-image: url(rightBar/bullet.gif); list-style-position: outside;}  
.rbPadding .rbEventList {list-style-image: url(elements/smallCalendar.gif); padding-left: 20px;}   
.rbArrow {font-size: 10px; float: right; padding: 15px 10px 10px 0;}
.rbArrow a {color: #7c746f;}
.rbDistrict
{
  margin:10px 0 0px 0;
}
.rbDistrict select
{
  margin:10px 0 0 9px;
  font-size:12px;
}

/* tab */
.tPad {text-align: center;}  
.tab {height: 26px; list-style: none outside none; margin: 0; background: url(tabs/divider.gif) 0 100% repeat-x;}
.tab a {color: #302c2b; text-decoration: none; display: block; height: 13px; padding: 8px 0 5px 0; }
.tab li {width: 120px;list-style: none outside none; padding: 0; text-indent: 0; float: left;}

.tInactive, .tInactiveStart {background: url(tabs/inactiveB.gif) 0 0 repeat-x; margin: 0 4px 0 0;}
.tInactive .tLeft {background: url(tabs/inactiveL.gif) 0 0 no-repeat; float: left;}
.tInactive .tRight,.tInactiveStart .tRight {width: 120px; background: url(tabs/inactiveR.gif) 100% 0 no-repeat; float: left;}  
.tInactiveStart .tLeft {background: url(tabs/inactiveStartL.gif) 0 0 no-repeat; float: left;}

.tActive, .tActiveStart {background: #ffffff url(tabs/ActiveB.gif) 0 0 repeat-x; margin: 0 4px 0 0;}
.tActive .tRight, .tActiveStart .tRight {width: 120px; background: url(tabs/ActiveR.gif) 100% 0 no-repeat; float: left;} 
.tActive .tLeft {background: url(tabs/ActiveL.gif) 0 0 no-repeat; float: left;}
.tActiveStart .tLeft {background: url(tabs/ActiveStartL.gif) 0 0 no-repeat; float: left;}  


/* ThreeColumn */
.ThreeColumn {width: 100%; overflow: hidden; padding-bottom: 10px;}
.ThreeColumn h6 {border-bottom: solid 1px #ff0000; padding: 10px 0 3px 0; margin-bottom: 7px;}
.ThreeColumn a {color: #302c2b;}
.ThreeColumn .tcLeft {float: left; width: 185px; margin-right: 10px; min-height: 137px; overflow: hidden;}
.ThreeColumn .tcMiddle {float: left; width: 185px; margin-right: 10px; min-height: 137px; overflow: hidden;}
.ThreeColumn .tcRight {float: left; width: 185px; min-height: 137px; overflow: hidden;}    
.ThreeColumn .tcLeft ul, .tcMiddle ul, .tcRight ul {list-style-image: url(elements/greyBullet.gif); padding-left: 20px;}
.ThreeColumn .tcLeft:hover, .ThreeColumn .tcMiddle:hover, .ThreeColumn .tcRight:hover {background: url(section/gradient.gif) 0 100% repeat-x;}
.ThreeColumn .tcLeft:hover a, .ThreeColumn .tcMiddle:hover a, .ThreeColumn .tcRight:hover a {text-decoration: underline;}

/* ThreeColumnNoGradient */
.ThreeColumnNoGradient {width: 100%; overflow: hidden; padding-bottom: 10px;}
.ThreeColumnNoGradient h6 {border-bottom: solid 1px #ff0000; padding: 10px 0 3px 0; margin-bottom: 7px;}
.ThreeColumnNoGradient .tcLeft {float: left; width: 185px; margin-right: 10px; min-height: 137px; overflow: hidden;}
.ThreeColumnNoGradient .tcMiddle {float: left; width: 185px; margin-right: 10px; min-height: 137px; overflow: hidden;}
.ThreeColumnNoGradient .tcRight {float: left; width: 185px; min-height: 137px; overflow: hidden;}    
.ThreeColumnNoGradient .tcLeft ul, .ThreeColumnNoGradient .tcMiddle ul, .ThreeColumnNoGradient .tcRight ul {list-style-image: url(elements/greyBullet.gif); padding-left: 20px;}


/* leftMenu */
.leftMenu a {color: #302c2b; display:block;}
.lmUL {list-style: none; font-family: arial, verdana, sans-serif; text-indent: 0;}
.lmTop {border-bottom: solid 1px #dfded1; padding-top: 2px;}
.lmUL a {padding: 3px 10px 3px 15px;} 
.lmItem {border-bottom: solid 1px #dfded1; text-indent: 0; background: url(../Graphics/bullet.gif) 4px 7px no-repeat;}
.lmItem:hover {border-bottom: solid 1px #dfded1; text-indent: 0; background: #f4f3e9 url(../Graphics/bullet.gif) 4px 7px no-repeat;}
.lmItemActive {border-bottom: solid 1px #dfded1; text-indent: 0; background: #f4f3e9 url(../Graphics/bullet.gif) 4px 7px no-repeat;}
.lmItemActive:hover {border-bottom: solid 1px #dfded1; text-indent: 0; background: #f4f3e9 url(../Graphics/bullet.gif) 4px 7px no-repeat;}

.lmSub {border-bottom: solid 1px #dfded1;}
.lmSubUL {list-style: none; font-family: arial, verdana, sans-serif; text-indent: 0;}
.lmSubItemActive {padding: 3px 10px 3px 30px; border-bottom: none;}
.lmSubItemActive a {color:#302c2b;}
.lmSubItem {padding: 3px 10px 3px 30px; border-bottom: none;}
.lmSubItem a {color: #aaaaaa;}
.lmSubItem a:hover {color: #7c7973;}

/* article */
.article {}
.aHeading {border-top: solid 1px #dd0005; padding: 7px 0 5px 0; margin-top: 5px;} 
.aHeading a {color: #817770;}
.aHeadingSpacer {padding-left: 10px;}
.aPic {float: left; padding-bottom: 10px;}
.aTeaserText {font-weight: bold; float: right; width: 170px}
.aTeaserTextWide {font-weight: bold;}
.aBodyText {list-style-position: inside; list-style-type: disc; text-indent: 0; line-height: 16px;}
.aBodyTextBreak {padding: 5px;}
.article ul {list-style-type: disc; list-style-position: inside;}
.article ol {list-style-type: decimal; list-style-position: inside;}

/* toolbox */
.toolbox {background-color: #f4f3e9; overflow: hidden; width: 100%; margin-top: 30px;}
.toolbox h4 {border-bottom: solid 1px #dedbd7;}
.toolbox ul {padding: 5px 0 10px 20px; list-style-image: url(article/bullet.gif); list-style-position: outside;}
.tLeft {float: left; width: 50%;}
.tRight {float: right; width: 50%;}  
.tPadding {padding: 10px 30px 10px 30px;}
.tArrow{font-size: 10px;}
.tArrow a {color: #7c746f;}
.tByNewsArchive {padding: 5px 0 20px 0; display: block;}


/* articlePic */
.articlePic {float: left; overflow: hidden; padding-right: 10px;}
.apLeft {background: url(articlePic/L.gif) 0 0 repeat-y;}
.apTop {background: url(articlePic/T.gif) 0 0 repeat-x;}
.apRight {background: url(articlePic/R.gif) 100% 0 repeat-y;}
.apBottom {background: url(articlePic/B.gif) 0 100% repeat-x;} 
.apTL {background: url(articlePic/TL.gif) top left no-repeat;}
.apTR {background: url(articlePic/TR.gif) top right no-repeat;}
.apBL {background: url(articlePic/BL.gif) bottom left no-repeat;}
.apBR {background: url(articlePic/BR.gif) bottom right no-repeat;}  
.apContent {padding: 6px 6px 8px 6px;}  


/* articleList */
.articleList h6 {border-bottom: solid 1px #ff0000; padding: 3px 0 3px 0; margin-bottom: 7px;}
.articleList h6 a {color: #302c2b;}
.alItem, .alArcive {width: 100%; overflow: hidden; padding-top: 12px;}
.alPic {float: left; width: 205px;}
.alPic img {border: solid 1px #d5d1cd; padding: 0 0 0 0; margin: 5px 0 0 5px;}
.alText {float: left; width: 365px;}
.alText img {padding-right: 2px;}
.alText ul {list-style-image: url(articleList/greyBullet.gif); padding-left: 20px;}
.alDivider {padding-top: 12px; border-bottom: solid 1px #d5d1cd;}
.alMoreLink {padding-top: 3px;}
.alLinkToArchive {font-size: 10px; font-weight: bolder; padding-top: 10px;}
.alLinkToArchive a {color: #9a928b;}

/* calendarList */
.calendarList h6 {border-bottom: solid 1px #ff0000; padding: 3px 0 3px 0; margin-bottom: 7px;}
.calendarList h6 a {color: #302c2b;}
.clItem, .alArcive {width: 100%; overflow: hidden; padding-top: 12px;}
.clPic {float: left; width: 205px;}
.clPic img {border: solid 1px #d5d1cd; padding: 0 0 0 0; margin: 5px 0 0 5px;}
.clText {float: left; width: 365px;}
.clText img {padding-right: 2px;}
.clDivider {padding-top: 12px; border-bottom: solid 1px #d5d1cd;}
.clMoreLink {padding-top: 3px;}
.clPlace {color: #9a928d; padding: 3px 0 9px 0;}
.clHost {color: #9a928d; padding: 3px 0 1px 0;}
.clArcive {padding-top: 10px;}

/* calendar */
.calendarHRblack {height: 2px; border-bottom: solid 1px #000000; width: 585px; margin-bottom: 8px;}
.calendarHRgrey {height: 10px; border-bottom: solid 1px #d5d1cd; width: 585px; margin: 5px 0 5px 0}

/* articleArchive */
.aaTableHeader {font-weight: bold;}
.aaHRblack  {height: 2px; border-bottom: solid 1px #000000; width: 585px; margin-bottom: 8px;}
.aaHRgrey {height: 10px; border-bottom: solid 1px #d5d1cd; width: 585px; margin: 5px 0 5px 0}
.aaHRred {height: 2px; border-bottom: solid 2px #d40005; width: 585px; margin: 0 0 5px 0}
.aaPaging {text-align: center; padding: 10px 0 20px 0;}
.aaDateAndOwner {font-size: 11px; width: 130px;}
.aaHeading {font-weight: bold; font-size: 12px;}

/* bulletList */
.bulletList {padding: 0px 15px 5px 0px; float: left; width: 309px;}    
.bulletList .content {overflow: visible; padding: 0px 0 0 0px; clear: both;}  
.bulletList .content ul {padding-top: 0px; list-style-image: url(elements/greyBullet.gif); padding-left: 20px;}
.bulletList .link {float: right; font-size: 10px; font-weight: bolder; padding-left: 5px;}
.bulletList .link a {color: #a9a29d;}

/* siteMap */
.siteMapLeft {float: left; width: 45%; padding-bottom: 30px;}
.siteMapRight {float: right; width: 45%; padding-bottom: 30px;}
.siteMapHeadingDivider {width: 95%; border-top: solid 2px #dc0106; margin-bottom: 20px;}
.siteMapTopNode li {font-weight: bold; line-height: 16px;}
.siteMapTopNodeDivider {width: 190px; height: 1px; border-top: solid 1px #d5d1cd; margin: 10px 0 10px 1px; padding: 0;}
.siteMapSubNode {text-indent: 8px;}
.siteMapSubNode li {font-weight: normal;}
.siteMapSubSubNode {text-indent: 16px; font-style: italic;}

/* pictureArchive */
.pictureArchive h5 {font-weight: bold; border-bottom: solid 1px #dd0005; width: 100%; padding-top: 10px;}
.pictureArchive h5 a {color: #302c2b;}
.pictureArchive img {margin: 10px 0 5px;}
.pictureArchive p {font-size: 11px;}

/* pictureArchivePics */
.pictureArchivePics h5 {font-weight: bold; border-bottom: solid 1px #dd0005; width: 100%; padding-top: 10px;}
.papThumb {margin: 10px 0 5px 0;}
.pictureArchivePics p {font-size: 10px;}
.papBack {font-size: 10px; font-weight: bolder; padding-top: 25px;}
.papBack a {color: #a9a29d;}

/* contact */
.contact {}
.contact h1 {margin-bottom: 10px; padding-bottom: 3px; display: block; border-bottom: solid 1px #ff0000;}
.contact h2 {font-size: 14px; display: block; padding: 3px 0; margin: 20px 0 10px 0; border-bottom: solid 1px #ff0000;}
.contact ul {list-style-image: url(elements/greyBullet.gif); list-style-position: outside; padding: 10px 0 10px 20px}
.contact li {padding-bottom: 5px;}
.contactInfo p {padding-bottom: 10px;}
.contactInfoDetails {margin-top: 10px; padding: 10px; border: 1px solid #ff0000}
.contactInfoDetails table {margin-top: 10px;}
.contactInfoDetails td {padding: 5px 5px 5px 0;}
.contactInfoDetails label {padding-right: 8px; font-size: 12px;}


/* faq */
.faq {}
.faqContent {padding: 15px 10px 0 0;}
.faq h3 {font-size: 12px; display: block;}
.faqList h3 a {color: #01649B;}
.faqList h3 a:hover {cursor: pointer; text-decoration: underline;}
.faqListItemToggle {font-size: 12px; padding-left: 18px; font-weight: normal; background: url('/Styles/faq/faqClosed.gif') no-repeat 0 2px;}
.faqList .Open {background-image: url(/Styles/faq/faqOpen.gif);}
.faqListItem {padding-bottom: 9px;}
.faqListItemAnswer {padding: 11px 0 11px 4px; margin-left: 15px; border-bottom: solid 1px #cccccc; line-height: 18px;}
.faqMore {text-align: right;}


/* contacts */
.contactsHeader {border-bottom: solid 1px #000000; display: block; width: 92%; padding-bottom: 2px; margin-bottom: 17px;}
.contactsABC {font-weight: bold; padding: 23px 0 30px 0;}
.contactsABC a {padding-right: 5px;}
.contactsABC .selectedLetter {padding-right: 5px; color: #dd0005;}
.contactsTable {width: 95%; border-collapse: collapse; margin-bottom: 20px;}
.contactsTable th {font-weight: bold; font-size: 12px; padding-bottom: 3px; border-bottom: solid 2px #dc0106;}
.contactsTable .alignRight{float: right;}
.contactsTable td {border-bottom: solid 1px #d5d1cd; padding: 10px 0 10px 0;}
.contactsTable img {float: right; padding-right: 10px;}

.contactsChooseDept {padding: 23px 0 4px 0;}
.contactsDivider {width: 92%; border-bottom: solid 1px #d5d1cd; padding: 0 0 10px 0;}
.contactsDeptTable {width: 95%; border-collapse: collapse; margin-bottom: 20px;}
.contactsDeptTable .alignRight{float: right;}
.contactsEmailIcon {float: right; padding-right: 10px;}
.contactsRow td {border-bottom: solid 1px #d5d1cd; padding: 10px 0 10px 0;}
.contactsDeptHeader td {font-weight: bold; font-size: 12px; padding: 28px 0 3px 0; border-bottom: solid 2px #dc0106;}
.contactsDeptSubHeader td {padding: 9px 0 16px 0;}
.contactsDeptSubHeader img {padding: 0 3px 1px 0;}
.contactsDesc th {font-weight: bold; font-size: 12px; border-bottom: solid 1px #dc0106; padding-bottom: 2px;}



/* tips */
.tArrow {padding-right: 5px;}
.tBox {background-color: #f4f3e9; margin-top: 5px; border-right: solid 1px #f6f6f6; border-bottom: solid 1pxsty #e5e5e5;}
.tBox h1 {border-bottom: solid 1px #dd0005; padding-bottom: 3px; display: block; margin-bottom: 16px;}
.tBoxPadding {padding: 16px 20px 16px 16px; border-right: solid 1px #e5e5e5; border-bottom: solid 1px #dddddd;}
.tTinyText {font-size: 9px;}

/* district */
.districtCountyList {float: left; padding: 20px 20px 10px 20px; font-weight: bold;}
.districtCountyListUL {list-style-image: url(elements/greyBullet.gif); list-style-position: outside;}
.districtFlashMap {float: right; padding: 20px 80px 10px 0; height: 340px;}

/* searchPage */
.searchPageSearchBox {border-bottom: solid 1px #d5d1cd; padding-bottom: 20px; margin-right: 30px;}
.searchPageSearchField {height: 18px; width: 150px; font-size:12px; }
.searchPageSearchButton {padding-left: 5px;}
.searchPageHeading {display: block; border-bottom: solid 1px #82766f; padding-bottom: 5px; margin: 0 30px 20px 0;}
.searchPageError {margin: 5px 5px 15px 5px; padding: 5px; border: dotted 1px #ff0000; color: #ff0000; font-weight: bold; font-size: 12px;}

/* searchPageBestMatch */
.searchPageBestMatch td {padding-top: 10px;}
.searchPageBestMatch h3 {font-size: 14px;}
.searchPageBestMatch h3 a {color: #302C2B;}
.searchPageBestMatch p {font-size: 11px; line-height: 18px; padding: 3px 0 5px 0;}

/* searchPageResultList */
.spRLTableHeader {font-weight: bold; font-size: 14px;}
.spRLTableHeader h1 {font-size: 16px;}
.spRLHRgrey {border-bottom: solid 1px #d5d1cd; width: 555px; margin: 10px 0 10px 0}
.spRLHRred {border-bottom: solid 2px #d40005; width: 555px; padding-bottom: 2px; margin: 0 0 12px 0}
.spRLPaging {text-align: center; padding: 10px 0 20px 0;}
.spRLBullet {margin-right: 3px;}

/* linkList */
.linkList {overflow:hidden;}
.linkList ul {padding-bottom: 10px;}
.linkListLeft {float:left; width:250px; overflow:hidden;}
.linkListRight {float:right; width:280px; overflow:hidden;}
.linkList h3 {font-size: 12px; font-weight: bold; border-bottom: solid 1px #dd0005; padding-bottom: 4px; margin-bottom: 7px; width: 250px;} 
.linkList li {background: url(elements/greyBullet.gif) 0 5px no-repeat; margin: 2px 0 2px 0;}
.linkList li a {padding-left: 12px;}

/* other */
.tabPlainListing h6 {font-size: 12px; font-weight: bold; border-bottom: solid 1px #dd0005; padding-bottom: 4px; margin-bottom: 7px; width: 250px;}
.tabPlainListing li {background: url(elements/greyBullet.gif) 0 5px no-repeat; margin: 2px 0 2px 0;}
.tabPlainListing li a {padding-left: 12px;}
.tabOpinionsPadding {padding: 10px 0 10px 0;}
.newsletter {font-family: arial; font-size: 11px;}
.newsletter td {padding: 3px;}
.newsletter table label {padding-left: 5px;}

/* Students, District and Local */
.NewsTeasers {
  font-family: Arial, Sans-Serif;
  width: 590px;
  margin-top:20px;
}

.NewsTeasers .MainTeaser {
  float: left;
  width: 100%;
  padding-bottom: 50px;
}

.NewsTeasers .TeaserWrapper {
  float: left;
  width: 100%;
  padding-top: 25px;
  margin-top: 18px;
  border-top: 1px solid #C4C0C0;
}

.NewsTeasers .FirstTeaserWrapper {
  padding-top: 0;
  margin-top: 0;
  border: 0 none;
}

.NewsTeasers h3 {
  font-size: 16px;
  font-weight: bold;
  color: #362f2d;
  float: left;
  width: 100%;
  padding-bottom: 4px;
  border-bottom: 2px solid #C4C0C0;
  margin-bottom: 20px;
}

.NewsTeasers dt{
  color: #291d1c;
  font-size: 14px;
  line-height: 22px;
}

.NewsTeasers dd{
  color: #291d1c;
  font-size: 12px;
  line-height: 20px;
}

.NewsTeasers dd.Date {
  color: #797170;
  font-size: 11px;
}

.NewsTeasers dd.More a {
  color: #01649b;
  text-decoration : none;
  padding-left: 14px;
  background: transparent url('/Images/blueArrow.png') no-repeat left 50%;
  font-size:12px;
}

.NewsTeasers dd.More a:hover {
  text-decoration : underline;
}    

.NewsTeasers .TeaserWrapper dl {
  width: 177px;
  float: left;
  margin-right: 14px;
  display: inline;
  height:305px;
}

.NewsTeasers .MainTeaser dl {
  width: 100%;
  float: left;
}

.NewsTeasers .MainTeaser dl dt {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 8px;
  font-weight: bold;  
}             

.NewsTeasers .MainTeaser dl dd {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 10px;
}     

.NewsTeasers .MainTeaser dl dd.Date {
  font-size: 11px;
}

.NewsTeasers .TeaserWrapper dd,
.NewsTeasers .TeaserWrapper dt {
  padding-bottom: 5px;
}

.NewsTeasers .TeaserWrapper dd.Photo img {
  float: left;
  height: 99px;
  width: 175px;
  border: 1px solid #C4C0C0;
}

.NewsTeasers .TeaserWrapper dd.Photo {
  float: left;
  height: 101px;
  width: 177px;
  padding-bottom: 0;
  margin-bottom: 12px;
}               

/* student */
.ArticleContent
{
  display:inline;
  float:left;
  margin-right:35px;
  padding-bottom:38px;
  width:565px;  
  font-family: Arial, Sans-Serif;
  font-size: 12px;  
}
.ArticleContent p
{
    line-height: 16px;
    padding-bottom: 5px;  
}
.ArticleContent h2
{
  border-bottom:1px solid #f7911e;
  color:#302C2B;
  display:block;
  padding-bottom:5px;
  padding-right:0;
  font-size:18px;
  font-weight:bold;
  margin-bottom:13px;
  float:none;
}
.ArticleContent .MainPicture
{
  float:left;
  margin-right:10px;
  padding:4px;
  border:1px #eceae9 solid;
}
.ArticleContent .Introduction
{  
  font-weight:900;
}
.ArticleContent .MainText
{
  margin-top:10px;
}
.Clear
{
  clear:both;
}
.ArticleContent .ArticleTeaser
{
  border-bottom:1px #d5d1cd solid;
  padding:10px 0 10px 0;
  float:left;
  width:100%;
  clear:both;
}
.ArticleContent .ArticleTeaser h5
{
  border-bottom:1px #EC6D70 solid;
  padding-bottom:3px;
}
.ArticleContent .ArticleTeaser h5 a
{
  color:#000;
}
.ArticleContent .ArticleTeaser .TeaserPicture
{
  width:200px;
  height:102px;
  float:left;
}
.ArticleContent .ArticleTeaser .TeaserPicture img
{
  border:1px #eceae9 solid;
}
.ArticleContent .ArticleTeaser .TeaserIntro
{
  float:left;
  width:350px;
}
.ArticleContent .ArticleTeaser .TeaserIntroText
{
  float:left;
  margin-bottom:3px;
  margin-top:5px;
}
.ArticleContent .ArticleTeaser a.ReadMore
{
  background:url('/Images/greyBullet.gif') no-repeat left center;
  padding-left:10px;
  clear:left;
  display:block;
}
.ArticleContent .Gallery
{
  
}
.ArticleContent .Gallery li
{
  width:180px; 
  height:128px;
  float:left;
  margin-right:8px;
  margin-bottom:8px;
}
.ArticleContent .Gallery li img
{
  border:1px solid #C4C0C0;    
}        

.rightBar .SmallBox .BannerText
{
  margin:0;
  position:absolute;
  top:10px;
  left:10px;
  margin-right:10px;
  line-height:16px;
  font-weight:900;
  width:160px;
}

.rightBar .SmallBox {
    width: 183px;
    float: left;
    /*height: 75px;*/
    margin: 0 0 5px 0;
    display: inline; /** ie 6 hack **/
    /*background: #fff url('/images/smallBoxes.png') no-repeat left top;*/
    border:1px #eceae9 solid;
    background-color:#FFF;
}
.rightBar .SmallBox a
{
  display:block;
  margin:7px;
  position:relative;
}
.rightBar .SmallBox a:hover
{
  text-decoration:none;
}
.rightBar .SmallBox img
{
  margin:0;
  width:170px;
}