@import url(appstyles.css);
@import url(slider.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#002a50;color:#666666;}

.mastWrap{ margin:0; padding:0; width:100%;background:url(images/bkgd_body.png) repeat-x top left;min-height:650px;}
.cntrWrap{width:980px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #0066cc; text-decoration: none; outline:none; }
a:hover { color: #0066cc; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0;}
h1, .PageTitleHeader {color:#a0a0a0; text-transform:uppercase; font-size:20px; padding:0;}
h2, .PageSubTitleHeader {font-size:16px; line-height:20px; color:#0066cc; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0;}
h3 {font-size:15px;line-height:21px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h4 {font-size:14px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:2px 0 16px;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:8px 3px;clear:both;border:none;background:#333;color:#333;}

img.left{float:left;margin:0 20px 10px 0;}
img.right{float:right;margin:0 0 10px 20px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}
.Error,.error {width:auto!important}
table.TableLayout_Business td {width:14%!important} 
table.TableLayout_Default td {width:14%!important} 
table.TableLayout_Inox td {width:14%!important} 
table.TableLayout_Mac td {width:14%!important} 
table.TableLayout_Modern td {width:14%!important} 
table.TableLayout_Orange td {width:14%!important} 
table.TableLayout_Outlook td {width:14%!important} 
table.TableLayout_Stylish td {width:14%!important} 
table.TableLayout_Sunny td {width:14%!important} 
table.TableLayout_Telerik td {width:14%!important} 
table.TableLayout_WebBlue td {width:14%!important}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:16px 0px 0px; padding:0 10px 10px; float:left; width:960px; background:#fff;position: relative; }

.structHead #ContentLogo {position:absolute; top:-16px; left:-10px; border-left:10px solid #fff;border-right:10px solid #fff;border-bottom:10px solid #fff;z-index:200;}

.structHead .headContent { float:left;border-bottom:3px double #e1e1e1;width:100%; text-align:right;height:69px; position:relative;z-index:100;}

.structHead #ContentTopNav {margin:0; padding:0; float:right; position:absolute; bottom:5px; right:0;}
.structHead #ContentTopNav ul {margin:0; padding:0; list-style:none;}
.structHead #ContentTopNav ul li {float:left;text-transform:uppercase; font-weight:bold; font-size:13px;padding:0 0 0 25px;}
.structHead #ContentTopNav ul li a {color:#eeac00;}

.structHead #ContentSearch {color:#094780; font-weight:bold; text-transform:uppercase; margin:10px 0;}
.structHead #ContentSearch input {background:url(images/bkgd_search.gif) no-repeat top left; border:none; padding:3px; width:128px;}

#ContentMemberTools {display:none;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0; float:left; width:230px;}

/* MAIN Left NAV
---------------------------------------------*/
#ContentLeftNav {position:relative;z-index:999;background:url(images/bkgd_leftnav.png) repeat-y top right #06335c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* Top Level Group */
#ContentLeftNav ul{list-style-type:none;margin:0px; padding:10px 0;background:url(images/bkgd_leftnav_logo.png) no-repeat center right;}
#ContentLeftNav ul li{font-weight:normal;text-transform:uppercase;font-weight:bold;}
#ContentLeftNav ul li a{color:#f3bd48;display:block;font-size:14px;text-decoration:none;padding:5px 20px;}
#ContentLeftNav ul li:hover {background:url(images/bkgd_leftnav_hover.png) repeat-x top left #e7a700; width:100%;}
#ContentLeftNav ul li a:hover{color:#fff;}
#ContentLeftNav ul li:hover a{color:#fff;}
#ContentLeftNav ul li.selected a{color:#fff;}
#ContentLeftNav ul li.selected:hover {background:none;}
#ContentLeftNav ul li#TopNav {display:none;}

/* Second Level Groups - Fly Outs*/
#ContentLeftNav li ul { position: absolute; left: -999999px;margin:-26px 0 0; background:#fad373; float:none; width:230px;text-align:left; padding:0;}
#ContentLeftNav li li { width: 230px; border:none; margin: 0;background:none;line-height:normal;}
#ContentLeftNav li li a {font-weight:normal;text-align:left;text-transform:capitalize;border:none;font-size:12px; padding:5px 15px 4px;}
#ContentLeftNav ul li:hover li a{color:#094780;}
#ContentLeftNav ul li:hover li a:hover{color:#fff;}
#ContentLeftNav li li:hover, #ContentLeftNav li li.sfHover { background: #e7a700;color: #ffffff;}

/* Second Level Groups - Selected Channel*/
#ContentLeftNav li.selected ul {left:0; position:relative;background:#1b5b95;margin:0;padding:0;}
#ContentLeftNav li.selected:hover ul {left:0; position:relative;}
#ContentLeftNav li.selected ul li {border-top:1px solid #326ca0;}
#ContentLeftNav li.selected ul li:first-child {border:none;}
#ContentLeftNav li.selected ul li a {color:#fff; padding: 2px 20px;}
#ContentLeftNav li.selected li:hover, #ContentLeftNav li.selected li.sfHover {background:#70a8db;}
#ContentLeftNav li.selected li.selected {background:#70a8db;}

/* Third Level */
#ContentLeftNav li li ul {display:none;}
#ContentLeftNav li li.selected ul#nav3 {display:block; background:#70a8db;border-top:1px solid #326ca0;}
#ContentLeftNav li li.selected ul#nav4 {display:none;}
#ContentLeftNav li li.selected ul#nav3 li.selected ul#nav4 {display:block;}
#ContentLeftNav li.selected li ul li {border:none;font-weight:bold;}
#ContentLeftNav li.selected li ul li.selected a {font-weight:bold;}
#ContentLeftNav li.selected li ul li:first-child {border:none;}
#ContentLeftNav li.selected li ul li a {color:#fff; padding: 2px 40px;font-weight:normal;}
#ContentLeftNav li.selected li li:hover, #ContentLeftNav li li.selected li.sfHover {background:#c6dcf1;}
#ContentLeftNav li.selected li ul li:hover a {color:#06345d;}
#ContentLeftNav li.selected li ul li.selected {background:#c6dcf1;}
#ContentLeftNav li.selected li ul li.selected a {color:#06345d;}

.start #ContentLeftNav li li ul {display:none;}

/* Fourth Level */
#ContentLeftNav ul#nav4 {display:none;}
#ContentLeftNav ul#nav4 {display:block;background:#c6dcf1;}
#ContentLeftNav ul#nav4 li {border:none;}
#ContentLeftNav ul#nav4 li a {padding:2px 60px;color:#06345d; font-weight:normal;}
#ContentLeftNav ul#nav4 li:hover {background:#c6dcf1;}
#ContentLeftNav ul#nav4 li.selected a {font-weight:bold;}


/* The Magic */
#ContentLeftNav li:hover ul ul,
#ContentLeftNav li:hover ul ul ul,
#ContentLeftNav li.sfHover ul ul,
#ContentLeftNav li.sfHover ul ul ul { left: -999em;}

#ContentLeftNav li:hover ul,
#ContentLeftNav li li:hover ul,
#ContentLeftNav li li li:hover ul,
#ContentLeftNav li.sfHover ul,
#ContentLeftNav li li.sfHover ul,
#ContentLeftNav li li li.sfHover ul { left: 230px;}

/*Fix for the Sticking*/
#ContentLeftNav  li:hover,
#ContentLeftNav  li li:hover,
#ContentLeftNav  li li li:hover,
#ContentLeftNav  li.sfHover,
#ContentLeftNav  li li li.sfHover,
#ContentLeftNav  li li.sfHover { position:static;}


/* QUICK LINKS NAV
---------------------------------------------*/
.structLeft .quickLinks {margin:0; padding:0; float:left; width:230px;position:relative; z-index:999;}

/* Top Level Group */
.quickLinks ul{list-style-type:none;margin:0; padding:10px 0;}
.quickLinks ul li{font-weight:normal;text-transform:uppercase;font-weight:bold;background:url(images/button_quicklinks.gif) no-repeat top right #094780;}
.quickLinks ul li a{display:block; text-indent:-999999px; height:55px;}
.quickLinks ul li:hover {}
.quickLinks ul li a:hover{color:#fff;}
.quickLinks ul li:hover a{color:#fff;}
.quickLinks ul li.selected a{color:#fff;}
.quickLinks ul li.selected:hover {background:none;}

/* Second Level Groups */
.quickLinks li ul { position: absolute; left: -999999px;margin:0; background:#094780; float:none; width:230px;text-align:left; padding:0;}
.quickLinks li li { width: 230px; border:none; margin: 0;background:none;line-height:normal;}
.quickLinks li li a {font-weight:normal;text-align:left;border:none;font-size:12px; padding:5px 15px; text-indent:0; height:auto; font-family:Verdana, Geneva, sans-serif;text-transform:none;}
.quickLinks ul li:hover li a{color:#fff;}
.quickLinks ul li:hover li a:hover{color:#fff;text-decoration:none;}
.quickLinks li li:hover, .quickLinks li li.sfHover { background: #46749F;color: #ffffff;}
.quickLinks ul li:hover li:hover a {color:#fff;}

/* The Magic */
.quickLinks li:hover ul ul,
.quickLinks li:hover ul ul ul,
.quickLinks li.sfHover ul ul,
.quickLinks li.sfHover ul ul ul { left: -999em;}

.quickLinks li:hover ul,
.quickLinks li li:hover ul,
.quickLinks li li li:hover ul,
.quickLinks li.sfHover ul,
.quickLinks li li.sfHover ul,
.quickLinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.quickLinks  li:hover,
.quickLinks  li li:hover,
.quickLinks  li li li:hover,
.quickLinks  li.sfHover,
.quickLinks  li li li.sfHover,
.quickLinks  li li.sfHover { position:static;}

/* Top Links Subnav */
#ContentTopLeftNav {float:left; width:100%; }
#ContentTopLeftNav ul {margin:0; padding:0; list-style:none;}
#ContentTopLeftNav ul li {display:none;}
#ContentTopLeftNav ul li#TopNav {display:block;}
#ContentTopLeftNav ul li#TopNav a {text-indent:-999999px;display:none;}

#ContentTopLeftNav li ul li {background:#e7a700;display:none;}
#ContentTopLeftNav li ul li#TopNav {display:block;}
#ContentTopLeftNav li ul li.selected {display:block;}
#ContentTopLeftNav li ul li a {padding:6px 20px;display:block!important; color:#fff; font-size:14px;text-indent:0!important;}

#ContentTopLeftNav li li ul {display:none;}
#ContentTopLeftNav li li.selected ul {display:block; padding:0 0 3px;}
#ContentTopLeftNav li ul li.selected ul li {background:#fad373;display:block;}
#ContentTopLeftNav li li ul li a {color:#094780; font-size:12px; padding:5px 20px;}
#ContentTopLeftNav li li ul li a:hover {text-decoration:underline;}
#ContentTopLeftNav li li ul li.selected a {font-weight:bold;}

#ContentTopLeftNav li li ul li.selected ul li a {padding:0 35px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0 10px 40px; float:left; width:960px; background:#fff;min-height:600px;}

.structBody ul#ContentBreadCrumbs{padding:10px 0;margin:0;list-style:none;float:left;border-bottom:3px double #e1e1e1; width:100%; font-family:Verdana, Geneva, sans-serif;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 10px;background:url(images/bcArw.gif) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li:first-child a{background:none;padding-left:10px;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}
.structBody ul#ContentBreadCrumbs li#TopNav {display:none;}

.structBody .MidWrap{margin:0 0 0 10px; padding:0; float:left; width:720px;}
.structBody .MidWrap .copy {float:left; padding:0 10px; width:700px;}

.structBody .MidWrap .copy h1#ContentPageName {margin:20px 0 15px; color:#a0a0a0; text-transform:uppercase; font-size:20px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%; font-family:Verdana, Geneva, sans-serif;}

.twoCol .structBody .MidWrap .copy {width:340px; margin:0 20px 0 0;}
.twoCol .structBody .MidWrap h1#ContentPageName {padding:0 10px;display:block;margin:20px 0 15px;}
.copy .eventDate {font-weight:bold; text-transform:uppercase;}

#ContentMiddle .topPage {border-bottom:3px double #e1e1e1; text-align:right; padding:2px 0; margin: 0 0 20px;}
#ContentMiddle .topPage a {color:#ccc; text-transform:uppercase; font-size:11px;}
#ContentMiddle .topPage a:hover {color:#666; text-decoration:none;}
ul.classDepts {color:#e1e1e1; margin:4px 0 0; padding:0px 0 0 20px; list-style:none; border-left:1px solid #e1e1e1;}
ul.classDepts li {font-size:14px; margin:0 0 5px;}
ul.classDepts li a {color:#666;}

.newspaperItem {float:left; width:100%; margin: 0 0 20px;}
.newspaperItem .thumb {padding:0 20px 0 0;float:left; margin:0 0 5px; width: 125px;}
.structBody .MidWrap .newspaperItem .copy {width:550px; padding:0;}
.newspaperItem .title {font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.newspaperItem .preview {}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

.twoCol .structRight {float:left; width:340px;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0 0 30px; padding:0; float:left; width:100%; background:url(images/bkgd_footer.png) repeat-x top left #0a4780;}

.structFooter #ContentFooter {margin:0; padding:0; float:left; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; height:55px;width:100%; overflow:hidden; position:relative;}
.structFooter #ContentFooter ul {margin:0; padding:0; list-style:none; clear:left; float:left; position:relative; left:50%; text-align:center;}
.structFooter #ContentFooter ul li {float:left; line-height:55px;display:block; position:relative; right:50%; padding:0; margin:0 16px; }
.structFooter #ContentFooter ul li a {}

/* Homepage Elements 
---------------------------------------------*/
.start .structHead {z-index:100;}
.start .structHead .rotator {float:left; width:640px; margin:82px 0 0; position:relative;z-index:3000;}
.start .structHead .startRight {float:right; width:290px; margin:15px 10px 0 0;}
.start .structHead .startRight h1 {border-bottom: 3px double #E1E1E1;display:block; width:290px; margin:0 0 15px -10px; padding:0 10px 7px;}
.start .structHead .startRight h2 {display:block; margin:10px 0 0;}
.start .structHead .startRight p {margin:0;}
.start .structHead .startRight .quickLinks {position:relative; z-index:800;}
.start .structHead .startRight .quickLinks ul li {background:url(images/button_quicklinks_start.gif) no-repeat top right #094780; width:290px;}
.start .structHead .startRight .quickLinks ul li a {height:79px;}
.start .structHead .startRight .quickLinks li ul {width:290px;}
.start .structHead .startRight .quickLinks li li {width:auto; background:none;}
.start .structHead .startRight .quickLinks li li a {height:auto;}
.start .structHead .startRight .quickLinks li li:hover, .quickLinks li li.sfHover { background: #46749F;color: #ffffff;}

.start #ContentLeftNav li.tallnav ul {margin:-192px 0 0;}

.start .structBody {z-index:50; min-height:100px;}
.start .structBody .MidWrap {width:280px; position:relative; margin:0 20px; height:300px;}
.start .structBody .structRight {width:400px;position:relative; height:300px;}

.start .headContent {height:auto; padding:8px 10px 8px 0; width:950px;}
.start #ContentSearch {float:left; margin:0;}
.start .structBody h1 {padding:10px 0 8px;}
.start .structBody #ContentMiddle {font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:normal;}

/* scroll bars */
#Scrollbar-Container {position: absolute;}
#Scrollbar-Container2{position: absolute;}
.arrow {cursor: pointer; position: absolute;background:url("images/arrows_scrollers.png") no-repeat scroll center 3px #fff; width:15px; height:10px;border-bottom: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;padding:2px;}
.arrow:hover {background-color:#eee; background-image: url(images/arrows_scrollers_hover.png);}
.MidWrap .arrow {width:280px;}
.structRight .arrow {width:400px;}
.Scrollbar-Up {}
.Scrollbar-Track {width: 0px; height: 161px;position: absolute; top: 36px; left: 4px; background: transparent url(images/scrollbar_track.gif) no-repeat center center;}
.Scrollbar-Handle {position: absolute; width: 20px; height: 0px;}
.Scrollbar-Down {top: 225px; background-position:center -8px;}

/* scroll content */
#Scroller-1 {padding:0px;position: relative;width: 280px;height: 190px;overflow: hidden; top:20px;}
#Scroller-2 {padding:0px;position: relative;width: 400px;height: 190px;overflow: hidden; top:20px;}
.ath #Scroller-1 {padding:0px;position: relative;width: 280px;height: 490px;overflow: hidden; }
.ath #Scroller-2 {padding:0px;position: relative;width: 400px;height: 490px;overflow: hidden;}
.Scroller-Container {position: absolute;padding:0; height:300px; padding:11px 0;}

.start .more {position:absolute; bottom:0; font-size:11px;}
.start .more a {font-weight:bold; text-transform:uppercase;}

.start .eventItem {float:left; width:100%; margin:0 0 10px;}
.start .eventItem .dateBox {float:left; width:34px; text-align:center;padding:0 10px 0 0;border-right:1px solid #e1e1e1;}
.start .eventItem .dateBox .month {font-size:11px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.start .eventItem .dateBox .date {background:#fdb702; color:#fff;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; line-height:20px;}
.start .eventItem .info {padding:0 0 0 10px; float:left; width:220px;}
.start .eventItem .info .title {font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.start .eventItem .info .title a {}

.start .newsItem {margin:0 0 10px;}
.start .newsItem .title {font-size:16px; margin:0 0 5px;}
.start .newsItem .title a {}
.start .newsItem .copy {}