body, html { margin: 0px; padding: 0px; background-image: none; }
body { background: url( '/Images/Design/BG.png' ) #ffffff repeat-x; min-width: 1100px; }
form { margin: 0px; padding: 0px; }

* { font-family: "Segoe UI", Tahoma, Arial, Sans-Serif; margin: 0px; padding: 0px; }

img { padding: 0px; margin: 0px; }

a { text-decoration: none; color: #5e8dbc; }
a:hover { text-decoration: underline; color: #5e8dbc; }

/*H Tags*/
h1 { font-size: 34px; font-weight: bold; text-align: left; margin: -10px 0px 0px 0px; color: #336699; }
h2 { font-size: 26px; font-weight: bold; text-align: left; margin: -5px 0px 5px 0px; color: #003366; }
h3 { font-size: 18px; font-weight: bold; text-align: left; margin: -5px 0px 0px 0px; color: #336699; }

/*HomePage*/

/*Department Header*/
div.PageWrap { width: 956px; margin: auto; }
div.DeptName { float: left; padding: 16px 0px 0px 10px; }
div.HeaderLine { height: 45px; width: 3px; text-align: center; float: left; padding: 3px 0px 0px 0px; }
div.Department { width: 299px; height: 50px; float: left; }
div.Search { width: 320px; height: 67px; float: right; }
.SearchBox { padding: 20px 10px 0px 0px; }
div.HeaderLinks { text-align: right; height: 32px; color: #ffffff; }
div.HeaderLinks a { font-size: 15px; font-weight: normal; color: #ffffff; text-decoration: none; padding: 0px 10px; }
div.HeaderLinks a:hover { text-decoration: underline; }
div.HeaderLinks a img { border: 0px none; margin-right: 4px; vertical-align: middle; }
div.HeaderLinks img { vertical-align: middle; }

div.SiteHeader { width: 940px; height: 72px; margin: 0px auto; }
div.SiteHeaderLeft { width: 290px; height: 56px; float: left; padding: 8px 0px; }
div.SiteHeaderDivider { width: 20px; height: 72px; float: left; background: url( '/Images/SiteHeader/SiteHeaderDivider.png' ) no-repeat; }
div.SiteHeaderCenter { width: 290px; height: 44px; float: left; padding: 14px 0px; }
div.SiteHeaderRight { width: 340px; height: 64px; padding: 8px 0px 0px 0px; float: left; text-align: right; }
div.SiteHeaderWideRight { width: 630px; height: 64px; padding: 8px 0px 0px 0px; float: left; text-align: right; }
div.SiteHeaderDividerForWideRight { width: 20px; height: 72px; float: left; background: transparent none; }

/*Department Header a.tags*/
a.HSCTitle { height: 24px; width: 290px; background: url( '/Images/Design/HSCTitle.png' ) no-repeat; display: block; }
a.HSCTitle:hover { background-position: 0px -24px; }
a.SchoolTitle { height: 32px; width: 290px; background: url( '/Images/Design/SchoolTitle.png' ) no-repeat; display: block; margin: 1px 0px 0px 0px; }
a.SchoolTitle:hover { background-position: 0px -32px;}
a.SiteTitle { height: 50px; width: 299px; background: url('/Images/Design/SiteTitle.png') no-repeat; display: block; margin: -2px 0px 0px 0px; }
a.SiteTitle:hover { background-position: 0px -50px; }

/*Site Nav Bar*/
div.NavWrap { width: 956px; height: 38px; }
div.NavBar { background: url('/Images/Design/NavBar.png') no-repeat; width: 956px; height: 45px; margin-top: -7px; float: left; }
div.TopNav_ButtonWrap { width: 940px; height: 37px; margin: auto; }
div.NavSep { background: url('/Images/Design/NavSepLine.png') no-repeat; width: 2px; height: 26px; float: right; margin-top: 6px; }

/* Navigation Buttons */
div.HomeButton { float: left; height: 37px; text-align: center; margin-top: 8px; } 
div.HomeButton a.HomeLink { display: block; color: #003366; font-size: 15px; font-weight: bold; text-decoration: none; height: 27px; padding-top: 10px; } /* Natural Height: 29px; */
div.HomeButton a.HomeLink:hover { background: url('/Images/Design/NavBarOverLeft.png') no-repeat; }
div.HomeButton:hover { background: url('/Images/Design/NavBarOverLeft.png') no-repeat;  }

div.NavigationButton { float: left; height: 37px; text-align: center; background: transparent url('../Images/Navigation/Blah.gif') no-repeat; margin-top: 8px; } 
div.NavigationButton a.NavigationLink { display: block; color: #003366; font-size: 15px; font-weight: bold; text-decoration: none; height: 27px; padding-top: 10px; } /* Natural Height: 29px; */
div.NavigationButton a.NavigationLink:hover { background: url('/Images/Design/NavBarOver.png') no-repeat; }
div.NavigationButton:hover { background: url('/Images/Design/NavBarOver.png') no-repeat;  }

div.NavigationButtonRight { float: right; height: 37px; text-align: center; background: transparent url('../Images/Navigation/Blah.gif') no-repeat; margin-top: 8px; } 
div.NavigationButtonRight a.NavigationLinkRight { display: block; color: #003366; font-size: 15px; font-weight: bold; text-decoration: none; height: 27px; padding-top: 10px; } /* Natural Height: 29px; */
div.NavigationButtonRight a.NavigationLinkRight:hover { background: url('/Images/Design/NavBarOverRight.png') no-repeat top right; }
div.NavigationButtonRight:hover { background: url('/Images/Design/NavBarOverRight.png') no-repeat top right;  }

div.NavigationButton div.DropDown { visibility: hidden; display: none; }
div.NavigationButton:hover div.DropDown { visibility: visible; display: block; position: relative; width: 297px; margin-left: -2px; margin-top: 0px; }

.DropDownContent { width: 293px; padding: 0px 8px; background: transparent url('/Images/Design/DropDownBGRP.png') repeat-y; text-align: left; } /* Natural Width: 366px; */
.DropDownBottom { width: 297px; height: 10px; background: transparent url('/Images/Design/DropDownBottom.png') no-repeat; }
.DropDownBottom img { width: 297px; height: 13px; }
a.DropDownItem { display: block; width: 297px; height: 16px; margin-left: -8px; padding: 4px 0px 4px 4px !important; color: #003366; font-size: 13px; font-weight: bold; text-decoration: none; background: url('/Images/Design/DropDown.png') no-repeat; } /* Natural - width: 350px; height: 24px; */ 
a.DropDownItem:hover { background: url('/Images/Design/DropDownRollOver.png') no-repeat; width: 293px; }

div.NavigationLastButton div.DropDown { visibility: hidden; display: none; }
div.NavigationLastButton:hover div.DropDown { visibility: visible; display: block; position: relative; width: 297px; margin-left: -104px; margin-top: 0px; }

.Home { width: 114px; }
.Tab1 { width: 154px; }
.Tab2 { width: 143px; }
.Tab3 { width: 193px; }
.Tab4 { width: 176px; }
.Tab5 { width: 160px; }

/*Site Page Layout*/
div.MainImg { width: 956px; height: 325px; }
/*div.MainImgCont { background: url('/Images/Design/MainImageContentBox.png') no-repeat; width: 320px; height: 141px; position: absolute; margin: 184px 0px 0px 608px; padding: 20px 10px 10px 25px; font-size: 12px;}*/
div.ContentBGRP { background: url('/Images/Design/SiteContentBGRP.png') repeat-y; width: 956px; min-height: 400px; overflow: hidden; padding-bottom: 10px; }
div.ContentBGBottom { background: url('/Images/Design/SiteContentBGFooter.png') no-repeat; width: 956px; height: 21px; }
div.RightPanelWrap { width: 326px; float: right; margin-right: 5px; }
div.RightPanelBG { background: url('/Images/Design/RightPanelBG.png') bottom no-repeat; width: 323px; min-height: 100px; float: right; }
div.RightPanelBGRP { background: url('/Images/Design/RightPanelBGRP.png') repeat-y; width: 323px; overflow: hidden; margin: 10px 0px 0px 0px; }
div.GoldBox { background: url('/Images/Design/GoldBox.png') no-repeat; width: 12px; height: 37px; float: left; }
div.RightPanelHeadFont { font-size: 30px; font-weight: bold; margin-left: 20px; color: #ffffff; }
div.RightPanelFont { font-size: 12px; color: #ffffff; margin: 10px 10px 10px 10px; }
div.RightPanelFont a { color: #ffcc00 }
div.RightPanelBreak { border-top: Solid 1px #81c8f3; width: 300px; height: 1px; margin: 10px 0px; }
div.NewsLeftColWrap { width: 586px; float: left; margin: 10px 0px 0px 24px; }
div.WelcomeCont { font-size: 12px; }
div.GoldLineBreak { border-bottom: Solid 1px #ffcc00; width: 580px; height: 1px; margin: 10px 0px; }
div.HighlightWrap { max-width: 290px; float: left; }
div.HighlightTop { width: 290px; float: left; }
div.Highlight { height: 300px; width: 290px; overflow: scroll; }
div.HomeLinks { width: 200px; float: left; margin-left: 5px; }

/*Page Buttons*/
.SideButtonWrap { width: 260px; height:86px; padding: 0px 0px 10px 0px; }
.SideButton { width: 86px; height: 86px; float:left; background: url('/Images/Buttons/ButtonBlue.png') no-repeat; } /* Natural Width is 86px & Height is 86px */
.SideButton img { margin: 8px 0px 0px 10px; }
.SideButton_GlareCap { width: 86px; height: 86px; background: url('/Images/Buttons/ButtonBlue_GlareCap.png') no-repeat; position:absolute; }
.SideButtonText { width: 159px; height: 56px; float:right; padding: 30px 0px 0px 15px; } /* Natural Width is 174px  Height is 86px */

/*MainFooter*/
div.FooterContent { width: 956px; margin: 0px auto; }
div.FooterContent div.FooterLeft { float: left; padding: 8px; color: #336699; width: 700px; }
div.FooterContent div.FooterRight { float: right; padding: 8px; text-align: right; }
div.FooterContent div.FooterRight a img { border: 0px none; border-right: 1px solid white; }
div.FooterContent div.FooterRight a img.LastFooterLink { border: 0px none; } 
div.FooterContent a { color: #336699; }
div.FooterContent a:hover { color: #ffcc00; text-decoration: underline; }

/*2Col Sub Page*/
div.LeftNavWrap { background: #d2e8f5; width: 940px; margin: 10px 10px 0px 8px; float: left; padding-bottom: 0px; }
div.LeftNavHead { background: url('/Images/Design/LeftNavHead.png') no-repeat; width: 246px; height: 31px; padding: 6px 0px 0px 10px; font-size: 20px; font-weight: bold; color: #ffcc00; }
div.LeftNavHead a { font-size: 20px; font-weight: bold; color: #ffcc00; }
div.LeftNavMid { background: #d2e8f5; width: 256px; }

ul.LeftNav { list-style:none; }
ul.LeftNav li.current { height: 23px;  width: 248px; text-decoration: none; padding: 8px 0px 0px 10px; border-bottom: Solid 1px #85c8ef; font-size: 14px; font-weight: bold; background: #f6f7f9; }
ul.LeftNav li.current a { text-decoration: none; color:#336699; height: 23px; width: 248px; display: block; margin: 0px; }
ul.LeftNav li.current:hover { height:23px; width: 248px; text-decoration: none; padding: 8px 0px 0px 10px; background: #f6f7f9; color:#336699;} /* Natural Width is 260px & Height is 31px */
ul.LeftNav li.white { height: 31px; width: 258px; text-decoration: none; padding: 0px; margin: 0px; border-bottom: Solid 1px #85c8ef; font-size: 14px; font-weight: bold; } /* Natural Width is 260px & Height is 31px */
ul.LeftNav li.white a { height: 23px; width: 248px; text-decoration: none; color:#336699; display: block; margin: 0px; padding: 8px 0px 0px 10px; } /* Natural Width is 260px & Height is 31px */
ul.LeftNav li.white a:hover { height:23px; width: 248px; text-decoration: none; padding: 8px 0px 0px 10px; margin: 0px 0px 0px 0px; background: #f6f7f9; color:#336699; } /* Natural Width is 260px & Height is 31px */
ul.LeftNav li.sub { height:22px; width: 238px; font-size: 14px; padding: 5px 0px 0px 20px; background: url('/Images/Design/LeftNavSub.png') repeat-y; color:#336699; } /* Natural Width is 260px & Height is 31px */
ul.LeftNav.li.sub a:hover { color:#336699; }

.NavButtonWrap { width: 246px; height:86px; padding: 10px 0px 0px 10px; }
.NavButton { width: 86px; height: 86px; float:left; background: url('/Images/Buttons/ButtonBlue.png') no-repeat; } /* Natural Width is 86px & Height is 86px */
.NavButton img { margin: 8px 0px 0px 10px; }
.NavButton_GlareCap { width: 86px; height: 86px; background: url('/Images/Buttons/ButtonBlue_GlareCap.png') no-repeat; position:absolute; }
.NavButtonText { width: 147px; height: 56px; float:right; padding: 30px 0px 0px 5px; font-size: 14px; color: #003366; } /* Natural Width is 174px  Height is 86px */

div.Breadcrumb { width: 667px; height: 14px; font-size: 10px; color: #003366; background: #ffcc00; padding-left: 5px; margin-left: 0px; }
div.BreadcrumbOne { width: 930px; height: 14px; font-size: 10px; color: #003366; background: #ffcc00; padding-left: 5px; }
div.OneColWrap { width: 930px; margin: 10px; }
div.RightColWrap { background: #ffffff; width: 672px; margin: 0px 0px 0px 0px; float: right; padding: 0px 0px 20px 10px;  min-height: 600px; }
div.SubMainImg { width: 672px; height: 231px; }
div.SubMainImgCont { background: url('/Images/Design/SubMainImageContentBox.png') no-repeat; width: 320px; height: 100px; position: absolute; margin: 131px 0px 0px 332px; padding: 20px 10px 10px 25px; font-size: 12px;}
div.SubContent { width: 657px; padding: 10px 15px 20px 0px; font-size: 12px; }
div.SubGoldLineBreak { width: 660px; height: 1px; border-bottom: Solid #ffcc00 1px; margin-left: 2px; }

/*img content*/
.ImgLeftContent {margin: 0px 10px 0px 0px; float:left; border:1px solid #4882c5;}
.ImgRightContent {margin: 0px 0px 0px 10px; float:right; border:1px solid #4882c5;}

/*ul*/
ul.Story { margin: 0px 0px 0px 30px; padding: 0px; }

li.FacultyList { background-color:#246aa6; font-weight:bold; color:White; padding:2px; text-align:center; list-style:none;}

li.FacultyListEven { background-color:#d3eefe; }
li.FacultyListOdd { background-color:white;}

li.FacultyListOdd a { text-decoration: none; color:#276da9; font-weight:bold; }
li.FacultyListOdd a:hover { text-decoration:underline;}

li.FacultyListEven a { text-decoration: none; color:#276da9; font-weight:bold; }
li.FacultyListEven a:hover { text-decoration:underline;}

/*Table*/
table.TableStyle { margin: 0px auto; padding: 0px; border: 1px solid #b8d2e9; border-collapse: collapse; text-align:left; }
table.TableStyle th { height: 33px; background: url('/Images/Table/TableHeaderRepeat.jpg') repeat-x; overflow: hidden; border: Solid 1px #b8d2e9; padding-left: 5px; font-size: 14px; font-weight: bold; color: #336699; }
table.TableStyle td { padding: 5px; border-left: Solid 1px #b8d2e9; border-bottom: Solid 1px #b8d2e9; border-right: Solid 1px #b8d2e9; }
table.TableStyle td.Bottom { background-color: #aad4fb; height: 10px; border-right: Solid 1px #aad4fb; }
table.TableStyle td.Center {text-align:center;}
table.TableStyle tr.MiddleSeparator { background-color: #cadff4; height: 10px; border-right: Solid 1px #aad4fb; }
table.TableStyle tr.Center {text-align:center;}
table.TableStyle tr.CenterBold {text-align:center; font-weight:bold;}
table.TableStyle tr.Odd { background-color: #cadff4;}
table.TableStyle tr.EvenHeader { text-align:center; font-weight:bold; background-color: #cadff4;}
table.TableStyle tr.EvenRow { background-color: #eaf5ff;}
table.TableStyle tr.BottomBold { font-weight:bold; }

/*faculty page*/
div.FacultyImageWrap { margin-bottom:10px; height:190px;}
div.FacultyImage { float: left; margin-right: 10px;}
div.FacultyImage img {border:1px solid #4882c5;}
div.FacultyText { float: left; height:160px; }

/*Online Courses DIVs*/
div.TabbedPanelsContentWrap { width:500px; margin-left:10px;}
div.Threecolwrap { width:100%; float:left;}
div.Twocolwrap { width:100%; float:left; display:inline; margin-right:-230px;}
div.InnerLeft { width:230px; float:left; background-color: #cadff4; display:inline; padding:5px;}
div.InnerMiddle { width:auto; margin-left:230px; margin-right:230px;}
div.InnerRight { width:230px; float:left; background-color:#2936da; color:White; }

td.LeftCol { width:235px; background-color:#faecce; padding:5px; vertical-align:top;}
td.RightCol { width:235px; background-color:#f5d395; color:White; padding:5px; vertical-align:top;}
table.OneCol { width:100%; background-color:#dbc190; vertical-align:top;}
table.OncColBckg { width:100%; background-color:#faecce; vertical-align:top;}
table.OneCol td { padding:5px;}
table.OncColBckg td { padding:5px;}
table.QuestionTable { background-color:#a7dcfe;}
table.QuestionTable td {padding:5px;}


/* UL, OL, & LI Fixes */

div.WelcomeCont ul { margin: 10px 0px 10px 50px; }
div.WelcomeCont ol { margin: 10px 0px 10px 50px; }
div.WelcomeCont p { margin: 0px 0px 12px 0px; }

div.RightColWrap ul { margin: 10px 0px 10px 50px; }
div.RightColWrap ol { margin: 10px 0px 10px 50px; }
div.RightColWrap p { margin: 0px 0px 12px 0px; }

div.SubContent ul { margin: 10px 0px 10px 50px; }
div.SubContent ol { margin: 10px 0px 10px 50px; }
div.SubContent p { margin: 0px 0px 12px 0px; }

div.Highlight ul { list-style: none; margin: 0px; }