﻿#middleCol { padding-left: 189px; padding-right: 199px; }
#centerCol {width:472px}
#rightCol { width: 199px; padding: 0; margin: 0; margin-right: -100%; display:block }
#headerCol { height: 100%; }

/***************************************  flash section styles   ************************************************/
#flashSection { background: url(_Images/flashSectionBG.gif) repeat-x; height:100%;  margin:0 auto; width:100%; padding:10px 0 10px 0; z-index:1}
.flashContainer { width: 865px; margin:0 auto;  }
.flashImg { width: 661px; float: left; }
.headerEvents { background: url(_Images/eventsBoxBG.gif) repeat-y; width: 195px; height: 207px; float: left;  display:table; border: thin solid #D9D8D6; border-left: none; z-index:1 }
.eventsTitle { margin: 8px 0 0 5px; }
.eventsBoxTitle { color: #C8DEE9; font-size: 11px; font-weight: bold; margin: 0 0 0 10px; text-decoration: underline; vertical-align: text-top; }
.eventRow { width: 100%; height: 50px; }
.eventsDate { color: #C8DEE9; font-size: 10px; margin: 10px 0 0 0px; width: 32px; border-right: thin solid #EADFC9; float: left; overflow:hidden; }
.eventsText { color: #C8DEE9; font-size: 9px; float: left;  width: 140px; margin: 10px 0 0 6px;  }

/*********************************** right content DEsign styles **********************************************/
.rightContainer { margin: 10px 0 0 5px; border-left: thin solid #C7C7C7; height:100% }
.rightContentHeader { padding: 10px 0 0 10px; }
.rightContentBottom { padding: 10px 0 0 10px; }
.adultEducation { margin: 0 0 0 15px; }
.bottomImgFooter { color: #006381; font-size: 9px; font-family: Arial; font-weight: bold; padding: 0 0 0 0px; }
.bottomImgFooter a.homePageLeftLink { color: #006381; font-size: 9px; font-family: Arial; font-weight: bold; padding: 0 0 0 0px; }

/****************************** Homepage inner Tabs ********************************************************/
.inner_tabarea { height: 100%; margin: 10px 0 0 10px; }
.inner_menu { padding: 0; margin: 0; width: 100%; }
.innerNumber { color: #CA1D19; font-weight: bold; font-family: arial; }
#tablist { padding: 0; margin: 0; width: 410px; background: #E4E4E4; height: 20px; border-bottom: thick solid #9A0D2D; }
#tablist li { list-style-type: none; display: inline;  }
#tablist li a { background: url(_Images/tabs_inner.gif) no-repeat; text-align: center; height: 20px; width: 102px; margin: 0px; padding: 5px 0 0 0; float: left; font-size: 11px; font-weight: bold; color: #9A0D2D; text-decoration: none; position: relative; font-family: arial;  overflow:auto; cursor:pointer}
#tablist li a:link, #tablist { color: #9A0D2D; font-size: 10px; font-family: Verdana;  width:450px}
#tablist li a.selectedTab { height: 20px; width: 100px; margin: 0; padding: 5px 0 0 0; float: left; background: #920120; font-size: 10px; font-weight: normal; color: #ffffff; text-decoration: none; cursor: text; text-align: center; font-size: 11px; }
#tabcontent { width:398px; background: none; margin: 0; }
.tabcontent { display: none; float: left; width: 440px; border: thin solid #EBCBD6; border-top: none; padding: 10px 0 0 8px; height: 100%; }
.inner_tab { background: white; height: 100%; }
.item { width: 400px; }

/***************************************** bottom style designs ********************************************/
.bottomContainer { height: 140px; background: url(_Images/bottomColBG.gif) repeat-x; }
.drHaigazianImg { margin: 20px 0 0 40px; float: left; position: relative; width: 100px; }
.drContent { margin: 65px 0 0 20px; max-width: 690px; float: left; position: relative; color: #006381; font-size: 12px; font-family: Arial; font-weight: bold; }
.bottomContent { font-family: Vivaldi; font-size: 16px; color: #A2A2A2; font-style: italic; font-weight: bold; margin: 5px 50px 0 0; }



