body { min-width: 998px; height: 100%; margin-top: 0; font-family: Verdana; color: #5C5C5C; }


/*-------- Layout style --------*/
#wrapperMain { margin: 0 auto; width: 100%; }
#middleCol .column { position: relative; float: left;}
#centerCol { padding: 0px; width: 100%; }
#leftCol { width: 189px; padding: 0; margin-left: -100%; left: -189px; /* LC fullwidth */ }

#topCol, #bottomCol { width: 100%; margin: 0; padding: 0; display: inline-table; float: none; }
#footerCol {clear: both;}
#contentWrapperContainer { width: 100%; background: #E1E1E1 url(_Images/contentWrapperImgBG.gif) top left repeat-x; padding: 3px 0 0 0; height: 100%; }
#contentWrapper { width: 860px; margin: 0 auto; height: 100%; border: thin solid #C4C4C4; }

/*----------------*/
#centerCol { width: 671px; }
#rightCol { display: none; }

#middleCol { background-color: #ffffff; height: 100%; display:table; padding-left: 195px; padding-right: 0; }
#topCol, #bottomCol { font-size: 0; }
#footerCol { height: 100%; }
.endOfSection { clear: both; }

/********************************************** Header Styles ********************************************************/
#siteActionContainer { overflow: hidden; height:auto }
.ms-siteaction, .ms-siteaction a { line-height: normal; text-decoration: none; height:auto; }

#headerTop { width: 100%; background: url(_Images/topHeaderBG.gif) repeat-x; height: 94px; margin: 0 auto; overflow: hidden; }
#headerTopContainer { width: 860px; margin: 0 auto; overflow: hidden; }

.huLogo img { margin: 0; float: left; width: 325px; border: 0; }
.rightTopcontainer { margin: 0; float: right; width: 240px; }
.topHeaderMenu { float: right; margin: 5px 0 0 0; color: #770526; font-size: 10px; font-weight: bold; }
.topHeaderMenu a { text-decoration: underline; color: #8C324B; }
.searchBg { width: 100%; float: right; background: url(_Images/searchBg.gif) no-repeat; height: 49px; text-align: right; margin: 15px 0 0 0; }
.searchTxtContainer { margin: 2px 6px 0 18px; }
.searchTxt { font-size: 9px; font-weight: bold; color: #333333; width: 130px; height: 13px; font-family: arial; }
.searchSelect { z-index: 1; display: inline; position: relative; font-size: 9px; font-weight: normal; color: #666666; width: 180px; float: right; height: 18px; margin: 2px 10px 0 0; }
.searchSelect option { padding: 5px 0 0 3px; }
.searchSelect optgroup { padding: 0px 0 0 10px; }

/*********************************** Header Menu Styles **************************************************/
#headerMenuContainer { height: 28px; width: 100%; background: url(_Images/MenuBG.gif) repeat-x; }
.menuStyle { margin: 0 auto; width: 860px; border-left: 1px solid #f9ffff; border-right: 1px solid #f9ffff; }
.menuItemStyle { border-bottom: 1px solid #f9ffff; height: 21px; width: 172px; font-size: 13px; background: url(_Images/menuItemStyleBG.gif) no-repeat; text-align: center; padding: 5px 0 0 0; display: table; float: left; position: relative; }
a.menuItemStyle { color: #ffffff; text-decoration: none; font-family: arial; background: none; font-weight: normal; background: url(_Images/menuItemStyleBG.gif) no-repeat #064F6F; }
.staticHoverStyle { font-weight: normal; color: #BBC9D4; background: url(_Images/menuItemStyleHover.gif) no-repeat; text-align: center; }
a.menuItemStyle:hover { color: #f9ffff; text-align: center; text-decoration: none; font-weight: normal; background:  url(_Images/menuItemStyleHover.gif) no-repeat #0689B7;  }

a.staticHoverStyle:hover { color: #f9ffff; text-align: center; text-decoration: none; font-size: 11px; font-weight: normal; }
.staticSelectedStyle { height: 28px; width: 172px; background: url(_Images/menuItemStyleHover.gif) no-repeat; text-align: center; }
#flashSection { background: url(_Images/flashSectionBG.gif) repeat-x; height: 134px; display: table; margin: 0 auto; width: 100%; }

/*************************************** footer design styles  **************************************************/
#footerWrapper { margin: 0; padding: 0; }
#footerContainer { height: 40px; width: 100%; background: url(_Images/footerBG.gif) repeat-x; }
.footerContent { margin: 0 auto; background: url(_Images/footerContentBG.gif) repeat-x; width: 860px; height: 100%; }
.footerLeftMenu { color: #E1EAE9; font-size: 11px; font-family: arial; padding: 12px 0 0 15px; width: 40%; float: left; }
.devCompagny { float: left; color: #E1EAE9; font-size: 11px; font-family: arial; width: 35%; padding: 7px 0 0 0; }
.footerRightSign { float: left; color: #E1EAE9; font-size: 11px; font-family: arial; padding: 12px 0 0 0; }

/****************************************left content Design Styles ************************************************/
#leftContainer { margin: 10px 0 0px 0; height: 100%; border-right: thin solid #C7C7C7;  }
.leftContentHeader { color: #930028; font-size: 12px; font-family: Arial; font-weight: bold; padding: 0 0 0 10px; }
.welcomImg { padding: 0 5px 0 0; }
.breakRow { background-color: #205F7E; color: #205F7E; height: 4px; width: 159px; margin-right: 20px; }
.bodyRow { height: 1px; color: #205F7E; }

/********************************** SubMenu left design Styles *******************************************************/
.subMenuContainer { width: 157px; padding: 10px 0 0 5px; }
.subMenuContainer img {width:13px; padding:0 0 2px 0}
.subMenuStyle { margin: 0 auto; width: 157px; }
.subMenuItemStyle { height: 20px; width: 157px; font-size: 11px; }
.subMenuItemStyle a { color: #f9ffff; text-decoration: none; font-family: arial; background: none; font-weight: bold; }
.staticSubHoverStyle { color: #f9ffff; }
.staticSubHoverStyle a:hover { color: #f9ffff; text-decoration: none; font-size: 11px; }
.staticSubSelectedStyle { height: 20px; padding: 0 0 6px 0; }

/********************************** SubMenu tree left design Styles *******************************************************/
.subTreeStyle { display: inline-block; height: 100%; width: 157px; font-size: 11px; background: #1F627C; border-bottom: 2px solid #ffffff; padding: 3px 0 4px; }

.subTreeStyle { display: inline-block; height: 100%; width: 157px; font-size: 11px; background: #1F627C; border-bottom: 2px solid #ffffff; padding: 3px 0 4px; }
.subTreeStyle td a { display: block; font-size: 11px; background: #1F627C; border-bottom: 2px solid #ffffff; vertical-align: top; }

a.subTreeStyle { color: #f9ffff; text-decoration: none; font-family: arial; font-weight: bold; background: none; padding: 4px 0 0 5px; }
.subTreeStyle:hover { color: #f9ffff; background: #26A2D6; border-bottom: 2px solid #ffffff; }
a.subTreeStyle:hover { color: #f9ffff; text-decoration: none; font-size: 11px; background: none; }
.staticSubSelectedStyle { height: 100%; width: 157px; background: #26A2D6; border-bottom: 2px solid #ffffff; padding: 0 0 7px 0; }

/******************************************dynamic subpage ****************************************************/
.dynamicTreeItemStyle { color: #275D75; font-size: 10px; font-family: arial; font-weight: bold; height: 100%; background: #E4E4E4; border-bottom: solid 2px #ffffff; width: 159px; padding: 0 0 0 5px; text-indent:-5px; }
.dynamicTreeItemStyle td { width: 180px; }

/********************************* SubPage design styles ***********************************************/
.headerImgContainer { margin: 10px auto; width: 860px; z-index: 1; }
.headerImgContainer img { border: 3px solid #D7D9D6; }
#centerColContent { padding: 5px 20px 0 10px; text-align: justify; display: table; }

/************************************* center col design styles ******************************************/
.financialAidContainer { padding: 10px 0 0 0; width: 386px; height: 100px; border-bottom: thin solid #DFDFDF; }
.financialAidContent { float: left; position: relative; width: 250px; padding: 0 0 0 10px; }
.financialAidImg { float: left; width: 126px; height: 84px; position: relative; background: url(_Images/financialAid.gif) no-repeat; }
.summerSessionImg { float: left; width: 126px; height: 84px; position: relative; background: url(_Images/summerSessionImg.gif) no-repeat; }
.linksList { list-style: disc; color: #A84864; font-size: 11px; font-family: arial; font-weight: bold; }
.linksList li { padding: 0; list-style-type: disc; color: #A84864; }
.contentList { list-style: disc; color: #A84864; font-size: 12px; font-family: arial; font-weight: bold; margin: 0 0 15px 20px; }
.contentBotoomLinks { padding: 0 0 0 0; }

.ContextMenuBreak { margin: 1px 1px 1px 32px; padding: 0; height: 1px; overflow: hidden; display: block; border-top: 1px solid #C5C5C5; }

a.ContextMenuItem-Selected { font-weight: bold; }

.ajax__calendar { position: relative; left: 0px !important; top: 0px !important; visibility: visible; display: block; }
.ajax__calendar iframe { left: 0px !important; top: 0px !important; }

.ajax__dropdown_arrow_wrapper { height: 23px; padding: 0px 0 0 3px; position: absolute; }

/*************************************** default styles ***************************************/
#breadcrumb { height: 19px; background: #DFDFDF; font-size: 11px; color: #494949; font-weight: bold; font-family: Arial; padding: 5px 0 0 10px; color: #949494; }
#breadcrumb a { font-size: 11px; color: #494949; font-weight: bold; font-family: Arial; text-decoration: underline; }
.leftBreadcrumb { color: #88021B; font-size: 11px; font-weight: bold; text-decoration: none; text-align: center; }
.Root { display: none; }
.Header { color: #930028; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: underline; }
.Title { color: #88021B; font-family: arial; font-size: 14px; font-weight: bold; }
.mTitle { color: #88021B; font-family: arial; font-size: 12px; font-weight: bold; }
.leftTitle { color: #920021; font-family: arial; font-size: 12px; font-weight: bold; }
.contentTextBox { color: #929292; font-weight: normal; font-size: 10px; font-family: Arial; }
.imgTitle { color: #006381; font-size: 10px; font-family: Arial; font-weight: bold; padding: 0 0 0 20px; }
.contentTitle { color: #9D9D9D; font-weight: bold; font-size: 11px; font-family: arial; }
.moreLink a:hover { text-decoration: none; color: #1485AD; font-size: 11px; font-family: Arial; }
.moreLink a:link { text-decoration: none; color: #1485AD; font-size: 11px; font-family: Arial; }
.moreLink a:visited { text-decoration: none; color: #1485AD; font-size: 11px; font-family: Arial; }
.Link { color: #E1EAE9; font-family: arial; font-size: 11px; text-decoration: none; }
.hyperLink { color: #8C0018; font-size: 12px; text-decoration: none; }
.hyperLink:hover { color: #8C0018; font-size: 12px; text-decoration: underline; }
.pageNavigationLink a:link { color: #6f6f6f; font-family: arial; font-size: 11px; text-decoration: none; }
.pageNavigationLink a:hover { color: #5E0013; font-family: arial; font-size: 11px; text-decoration: underline; }
.pageNavigationLink a:visited { color: #6f6f6f; font-family: arial; font-size: 11px; text-decoration: none; }

a.accordionToggler:link, a.accordionToggler:link, a.accordionToggler:visited { color: #80001B; font-size: 11px; font-weight: bold; }
.imgTitle a.homePageLeftLink { color: #006381; }
.HpTitle a:link, .HpTitle a:visited, .HpTitle a:hover { color: #A84864; }

.linksList li a:link { color: #A84864; text-decoration: none; }
.linksList li a:hover { color: #A84864; text-decoration: underline; }

.Link a { text-decoration: none; color: #E1EAE9; font-family: arial; font-size: 13px; }
.subTitle { color: #88021B; font-family: arial; font-size: 11px; font-weight: bold; }
.subTitle li { padding: 0; margin: 0 0 0 10px; }
.HpTitle { color: #A84864; font-family: arial; font-size: 11px; font-weight: bold; }
.smallTitle { color: #88021B; font-family: arial; font-size: 11px; font-weight: bold; }
.hidden { display: none; }
.submit { text-decoration: none; }
.ms-rteCustom-hyperLink, .hyperLink { color: #8C0018; font-size: 12px; text-decoration: none; }
.ms-rteCustom-Title, .Title { color: #88021B; font-family: arial; font-size: 14px; font-weight: bold; }
.ms-rteCustom-subTitle, .subTitle { color: #88021B; font-family: arial; font-size: 11px; font-weight: bold; }
.ms-rteCustom-contentText, .contentText { color: #6f6f6f; font-weight: normal; font-size: 12px; font-family: arial; text-align: justify; line-height: 20px; }
.ms-rtecustom-HULink, .HULink { color: #88021B; font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; }
.HULink:hover { color: #88021B; font-family: arial; font-size: 11px; font-weight: bold; text-decoration: underline; }
.ms-rteCustom-imgStyle, .imgStyle { padding: 10px; }

.eventsCalendar .ms-ButtonHeightWidth, .eventsCalendar .ms-descriptiontext {	display:none;}

/*********************************************** MY HU DROPDOWN STYLES ***********************************/
#myHuDDContainer { background: #ffffff; display: none; position: absolute; z-index: 2; border: 2px solid #C1C1C1; margin: 20px 0 10px 0; height: auto; width: 230px; filter: alpha(opacity=96); opacity: .96; -moz-opacity: .96; -khtml-opacity: .96; padding: 5px 0 5px 0; }
.DdItem { color: #3D7887; font-size: 11px; padding: 10px 0 0 0px; vertical-align: top; width: 230px; float: left; display: table; position: relative; }
.ddTitle { color: #3F6C7F; font-weight: bold; font-size: 11px; font-family: arial; }
.ddTitle a { color: #3F6C7F; font-weight: bold; font-size: 11px; font-family: arial; text-decoration: none; }
.ddTitle a:hover { color: #3F6C7F; font-weight: bold; font-size: 11px; font-family: arial; text-decoration: underline; }

.imgContainer { float: left; position: relative; display: table; width: 20%; text-align: center; }
.ddtext { float: left; position: relative; display: table; width: 80%; color: #3F6C7F; font-weight: normal; font-size: 12px; font-family: arial; margin: 2px 0 0; }
.close { float: right; padding: 0 8px 0 0; }

/*************************************** RELATED BOX STYLES ****************************************/
.link-item { padding: 5px 0 0 5px; }
.link-item a:link { color: #ffffff; text-decoration: none; }
.link-item a:hover { color: #ffffff; text-decoration: underline; }
.link-item a:visited { color: #ffffff; }
.leftSiteMapBox { width: 180px; height: 15px; padding: 0 0 5px 15px; }

/********************************************* inner tabs library **********************************************/
.ms-vb a:link, .ms-vb a:visited { color: #A84864; }
.ms-vb a:visited:hover { color: #A84864; }

.optionTitle { color: red; }


/************************************** Administration Top Menu ***************************/

#sddm
{     margin: 0;
      padding: 0;
      z-index: 30}

#sddm li
{     margin: 0;
      padding: 0;
      list-style: none;
      float: left;
      font: bold 11px arial}

#sddm li a
{     display: block;
      margin: 0 1px 0 0;
      padding: 4px 2px;
      width: 180px;
      background: #1F627C;
      color: #FFF;
      text-align: center;
      text-decoration: none}

#sddm li a:hover
{     background: #26A2D6}

#sddm div
{     position: absolute;
      visibility: hidden;
      margin: 0;
      padding: 0;
      background: #EAEBD8;
      border: 1px solid #5970B2}

      #sddm div a
      {     position: relative;
            display: block;
            margin: 0;
            padding: 5px 10px;
            width: 163px;
            white-space: nowrap;
            text-align: left;
            text-decoration: none;
            background: #E4E4E4;
            color: #1F627C;
            font: 11px arial}

      #sddm div a:hover
      {     background: #26A2D6;
            color: #FFF}

.printContainer {  width:90%; float:left; text-align:right; padding:5px 0 0 0}  
.printText{ color:#055576; font-size:10px }
.print a { margin:0 30px 0 0}


.alphabetic{margin:5px 0 0 0 }
.alphabetic a:link{ color:#5D5D5D;}
.rowSeparator { display:block; width:100%}
.memberLogin { float:right; padding:0 25px 0 0; color:#606060; font-weight:bold; display:block}