@import url(appstyles.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:12px/18px Tahoma, Geneva, sans-serif; color:#333;}
body.start {background:url(images/bkgd_start.png) repeat-x top left #4891dc;}
body.twoCol,
body.threeCol {background:url(images/bkgd_bodyInt.png) repeat-x top left #4891dc;}

.mastWrap{ margin:0; padding:0; width:100%;}
.cntrWrap{width:940px;margin:0 auto;}
.fltFix{width:100%;}

a { color: #4891dc; text-decoration: underline; outline:none; }
a:hover { color: #4891dc; 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 {font: 33px/40px 'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; color:#4891dc; font-weight:bold; padding: 10px 0 0;}
h2, .PageSubTitleHeader {font: 22px/30px 'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; color:#ff7900; font-weight:bold; padding:10px 0 5px; line-height:normal;}
h3 {font-size:18px;line-height:21px; font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; padding:10px 0 0;}
h4 {font-size:15px;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:0; padding: 20px 0 0; float:left; width:100%; height:117px;}

.structHead #ContentLogo {float:left; }
.structHead #ContentLogo h1 {font-weight:bold; font-size:30px; color:#4891dc;font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif;text-transform:uppercase; padding:15px 0 0;}
.structHead #ContentLogo h2 {font-weight:normal; color:#c3c8ca; font-size:18px;font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; padding:0; margin:-5px 0 0;}
.structHead #ContentLogo a {text-decoration:none;background:url(images/logo.gif) no-repeat top left; height:100px; padding:0 0 0 120px;float:left;}

.structHead .headRight {float:right; text-align:right; padding:30px 0 0;}

.structHead .headRight #ContentHeadNav {color:#999999; float:right;}
.structHead .headRight #ContentHeadNav ul {margin:0; padding:0; list-style:none;}
.structHead .headRight #ContentHeadNav ul li {float:left; border-right:1px solid #999; line-height:12px; padding:0 6px; font-size:11px;}
.structHead .headRight #ContentHeadNav ul li:first-child,
.structHead .headRight #ContentHeadNav ul li.last {border:none; padding:0 0 0 6px;}
.structHead .headRight #ContentHeadNav ul li a {text-decoration:none;}
.structHead .headRight #ContentHeadNav ul li a:hover {text-decoration:underline;}
.structHead .headRight #ContentHeadNav ul li.title a {color:#999; cursor:default;}
.structHead .headRight #ContentHeadNav ul li.title:hover a {text-decoration:none; cursor:default;}

.structHead .headRight #ContentSearch {background:url(images/bkgd_search.gif) no-repeat top left; margin:8px 0 0; width:276px; float:right;*margin:-20px 0 0;}
.structHead .headRight #ContentSearch input {background:none; border:none; width:225px; padding:0 0 4px; color:#999; font-size:11px; font-family:Tahoma, Geneva, sans-serif;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.nav {margin:0; padding:0; border-bottom:3px solid #fff; float:left; width:100%;}

/* Main menu settings */
#ContentTopNav {clear:both; float:left; margin:0; padding:0; width:100%; z-index:1000; position:relative;}

/* Top menu items */
#ContentTopNav ul {margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;}
#ContentTopNav ul li {margin:0 0 0 1px; padding:0; float:left; position:relative; left:50%; font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-weight:bold; line-height:43px;}
#ContentTopNav ul li a {display:block;margin:0; padding:0 20px; font-size:20px;text-decoration:none; color:#fff;}
#ContentTopNav ul li.active a {}
#ContentTopNav ul li:hover a {background: url("images/topnav_hover.gif") no-repeat scroll left top transparent; color:#336699; padding:0 14px 0 20px;}
#ContentTopNav ul li:hover span {background: url("images/topnav_hover_cap.gif") no-repeat scroll right top transparent; display: block; padding: 0 6px 0 0;}

/* Submenu items */
#ContentTopNav ul ul {display:none; position:absolute; left:0; right:auto; width:215px;background:#a7caee; }
#ContentTopNav ul ul li {left:auto; margin:0; clear:left; width:100%; line-height:normal;background:#a7caee; }
#ContentTopNav ul ul li.right {display:none;}
#ContentTopNav ul ul li a,
#ContentTopNav ul li.active li a,
#ContentTopNav ul li:hover ul li a {font-size:13px;background:#a7caee; padding:5px 20px;}
#ContentTopNav ul ul li a:hover,
#ContentTopNav ul li.active ul li a:hover,
#ContentTopNav ul li:hover ul li a:hover {background:#d4e5f6; color:#336699;}

/* Flip the last submenu so it stays within the page */
#ContentTopNav ul ul.last {left:auto; right:0; }

/* Make the sub menus appear on hover */
#ContentTopNav ul li:hover ul {display:block; }

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

.structLeft #ContentSectionNav {float:left; width:195px;}
.structLeft #ContentSectionNav ul {margin:0; padding:0 0 0 25px; list-style:none;}
.structLeft #ContentSectionNav ul li { display:none;}
.structLeft #ContentSectionNav ul li.selected {display:block;border-bottom:1px solid #cbe0f5; margin:0 0 5px; padding:0 0 5px;}
.structLeft #ContentSectionNav ul li a {color:#4891DC; font-size:26px; font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-weight:bold; line-height:normal; padding:0 0 5px; margin:0 0 5px; text-decoration:none;}

.structLeft #ContentLeftNav {padding:0 0px 0 25px; float:left; width:195px;}
.structLeft #ContentLeftNav ul {margin:0; padding:0; list-style:none;}
.structLeft #ContentLeftNav ul li {font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-weight:bold; font-size:14px; margin:0 0 15px;}
.structLeft #ContentLeftNav ul li.right {display:none;}
.structLeft #ContentLeftNav ul li a {color:#072545; text-decoration:none; display:block; padding:0 15px 0 0;}
.structLeft #ContentLeftNav ul li:hover a {color:#51667c;}

.structLeft #ContentLeftNav ul li.title a {color:#ccc;}

.structLeft #ContentLeftNav ul li.selected a,
.structLeft #ContentLeftNav ul li.selected:hover a {color:#ff7900; background:url(images/leftnav_active.gif) no-repeat top right;}

.structLeft #ContentLeftNav li ul {padding:0 10px 0 20px; width:150px;}
.structLeft #ContentLeftNav li ul li {font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:normal; margin:4px 0;}
.structLeft #ContentLeftNav li.selected ul li a,
.structLeft #ContentLeftNav ul li.selected:hover li a {color:#4891dc; background:none; padding:0;}
.structLeft #ContentLeftNav li.selected ul li a:hover {color:#072341;}

.structLeft #ContentLeftBtn {margin:0; padding:0; float:left; width:170px; padding:25px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; padding:0 3px; float:left; width:100%;background:#fff;}

.twoCol .structBody .content {float:left; background:url(images/bkgd_content_1col.gif) repeat-y top left; margin:35px 0;}
.threeCol .structBody .content {float:left; background:url(images/bkgd_content_2col.gif) repeat-y top left; margin:35px 0;}

.structBody ul#ContentBreadCrumbs{padding:0;margin:0px;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left; text-transform:uppercase;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:10px;padding:2px 6px 2px 12px;background:url(images/bcArws.gif) no-repeat center left; color:#9bafc4;}
.structBody ul#ContentBreadCrumbs li:first-child a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.selected a{font-weight:bold;}

.structBody .MidWrap{margin:0; padding:0; float:left;}
.twoCol .structBody .MidWrap {width:660px;}
.threeCol .structBody .MidWrap {width:473px; margin:0 30px 0 0; position:relative;}
.threeCol .structBody .MidWrap .spanWhite {float:left; background:#fff; width:510px;}

.photo {float:left; width:940px; height:211px; overflow:hidden;border-bottom:3px solid #fff;}

.structBody h1#ContentPageName {font: 33px/40px 'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; color:#4891dc; font-weight:bold; margin:0 0 25px;}

.structBody #ContentMiddle{margin:0; padding:0; float:left; width:100%;}

.twoCol #ContentMiddle blockquote {background: none repeat scroll 0 0 #EEEEEE; float: right; margin: 5px 0 10px 10px; padding: 20px; width: 210px; font-size:11px;}

/* RIGHT COLUMN
---------------------------------------------*/
.threeCol .structRight {margin:95px 0 0 25px; padding:0; float:left; width:140px;}
.threeCol .structRight .area {float:left; margin:0 0 10px; padding:0 0 10px; width:100%;}
.threeCol .structRight .area h1 {color:#072545; font-size:16px; font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-weight:bold; border-bottom:1px solid #cbe0f5; line-height:normal; padding:0 0 5px; margin:0 0 5px;}
.threeCol .structRight .area ul {margin:0; padding:0; list-style:none;}
.threeCol .structRight .area ul li {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0 0 10px;display:none;}
.threeCol .structRight .area ul li.selected {display:block;}
.threeCol .structRight .area ul li.selected a {display:none;}
.threeCol .structRight .area ul li.selected li.right a {display:block;}
.threeCol .structRight .area ul li.right {display:block;float:none;}
.threeCol .structRight .area ul li.title {color:#072545; font-size:16px; font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-weight:bold; border-bottom:1px solid #cbe0f5; line-height:normal; padding:0 0 5px; margin:0 0 5px;}
.threeCol .structRight .area ul li a {color:#ff7900;text-decoration:none;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:35px 3px; float:left; background:url(images/bkgd_bodyFoot.png) no-repeat top left; width:940px;}

.structFooter .footLeft {float:left;}

.structFooter #ContentFooterNav {}
.structFooter #ContentFooterNav ul {margin:0; padding:0; list-style:none;}
.structFooter #ContentFooterNav ul li {float:left; padding:0 20px 0 0;}
.structFooter #ContentFooterNav ul li a{color:#254b70; font-weight:bold;text-decoration:none;}

#ContentMemberTools {float:left;margin:0px;padding:10px 0 0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;}
#ContentMemberTools li {float:left;padding:0 10px 0 0;font-weight:bold;font-size:11px;line-height:14px;}
#ContentMemberTools a {color:#fff;display:block;padding:0;text-align:center;text-decoration:none;}
#ContentMemberTools .MTLinkscontainer {display:none;}

.structFooter #ContentFooter{margin:0; padding:0; float:right; text-align:right; font-size:11px; color:#fff; line-height:normal;}
.structFooter #ContentFooter h1 {color:#ffcb00;font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-size:18px; text-transform:uppercase; margin:0 0 5px; padding:0; line-height:normal;}

/* Homepage Elements 
---------------------------------------------*/
.start .photo {height:303px; position:relative;width:946px; margin:0 0 0 -3px;border:none;}
.start .photo #ContentPhoto {border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF;border-bottom: 3px solid #FFFFFF;background:#fff;}
.photo .corner {height: 26px; position: absolute; width: 26px; z-index: 100;}
.photo #c-bl {background: url("images/cr-bl.png") repeat scroll 0 0 transparent; bottom: 0; left: 0;}
.photo #c-br {background: url("images/cr-br.png") repeat scroll 0 0 transparent; bottom: 0; right: 0;}

.start .structBody {background:none;}

.start .callOuts {float:left; color:#b08c00; line-height:normal;height:140px; overflow:hidden;}
.start .callOuts h1 {color:#755d00; font-size:24px; padding:0; line-height:normal;}
.start .callOuts p {margin:0;}
.start .callOuts a {color:#b08c00; text-decoration:underline;}
.start .callOuts ul {list-style:none; margin:0; padding:0;}
.start .callOuts ul li {float:left; width:270px; padding:3px 21px; border-left:1px solid #fff; margin:10px 0;}
.start .callOuts ul li:first-child {border:none;}
.start .callOuts a.more {background: url("images/button_readmore.png") no-repeat scroll left top transparent; display: block; float: right; height: 12px; margin: 13px 0 2px; text-indent: -99999px; width: 86px;}

.start .content {background:#fff; float:left; margin:0 0 0 -3px; padding:30px 0;width:940px;border-left:3px solid #fff; border-right:3px solid #fff;}
.start .frame {background:url("images/bkgd_content_1Col.gif") repeat-y scroll left top #fff; float:left;}
.start .structLeft {width:195px; margin:0 30px 0 20px; padding:0 5px 0 0;}
.start .MidWrap {width:670px; margin:0 20px 0 0;}
.start #ContentMiddle {width:420px;}
.start .structRight {width:220px; float:left; margin:0 0 0 30px;}
.start .structRight h2 {font-size:16px; line-height:normal;}
.start .structRight h3 {font-size:12px; color:#999; font-weight:normal; padding:0 0 5px; line-height:normal;}
.start .content h1 {color:#072545; font-size:20px; padding:0; margin:0 0 20px; line-height:normal;}

.start .eventItem {font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; float:left; width:100%;margin: 0 0 15px; padding: 15px 0 0; width: 100%; border-top:1px solid #cbe0f5;}
.start .eventItem:first-child {border:0; padding:0;}
.start .eventItem .date {float:left; width:80px;}
.start .eventItem .date .small {color:#ff7900; font-weight:bold; text-transform:uppercase; font-size:11px;float:left; line-height:normal; width:25px;}
.start .eventItem .date .date {color:#f32837; font-size:36px; width:45px;text-align:center;padding:0 10px 0 0; line-height:30px;}
.start .eventItem .info {float:left; width:115px;}
.start .eventItem .info .title {font-size:14px; font-weight:bold;}
.start .eventItem .info .title img[title='Add to Outlook'] {display:none;}
.start .eventItem .info .title a {text-decoration:none;}
.start .eventItem .info .time {font-family:Tahoma, Geneva, sans-serif}

.start .newsItem {float:left; width:100%; margin:0 0 20px;}
.start .newsItem .title {font-family:'Myriad Pro', Myriad, 'Calibri', Arial, sans-serif; font-weight:bold; font-size:16px; margin:0 0 5px;}
.start .newsItem .title a {color:#ff7900;text-decoration:none;}
.start .newsItem .copy {}