@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:11px/15px Arial, Helvetica, sans-serif; background:#002b5c url(images/BG.gif) repeat-x left top; color:#454545;}

.mastWrap{float:left;width:100%;}
.cntrWrap{width:908px;margin:0 auto;}
.fltFix{float:left;width:100%;}

a { color: #005496; text-decoration: underline; outline:none;font-weight:bold}
a:hover { color: #005496; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
img{border:none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:2px 5px 3px 0; color:#a0bfd7; font-family:"Gill Sans", "Lucida Sans", Verdana, Helvetica, Arial}
h1, .PageTitleHeader {font-size:230%;line-height:28px; color:#002C5F;}
h2{font-size:260%; line-height:26px;}
h3 {font-size:180%;line-height:24px; color:#ababab;}
h4 {font-size:150%;line-height:20px;}
h5 {font-size:130%;line-height:18px;}
p {margin:7px 0;padding:0;}
#PageTitle, .PageSubTitleHeader, .PageTitleHeader { display: none;}
.imodcalendardetail h2{font-size:150%;line-height:20px;}

.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 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
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}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead{ margin:0;  padding:0 3px; float:left; width:900px; background:url(images/Header.gif) no-repeat left top; height:127px;}

.structHead .MTwrap {float:left;margin:0px;padding:0; width:900px;}
.structHead #ContentMemberTools {float:right;margin:0px;padding:2px 0; clear:both;}
.structHead #ContentMemberTools ul {list-style:none;margin:0;padding:0;}
.structHead #ContentMemberTools li {border-left:1px solid #005496;float:left;padding:0 10px;}
.structHead #ContentMemberTools li#Logout {border-left:medium none;}
.structHead #ContentMemberTools li#FirstTimeLogin {border-left:medium none;}
.structHead #ContentMemberTools a {color:#ffe075;display:block;font-size:10px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

.structHead h1{float:left;margin:5px 0 0 38px;padding:0; display:inline;}
.structHead h1 a{display:block;height:95px;text-indent:-999em;width:252px;}

.structHead #ContentSearch{ margin:25px 5px 0 0; padding:0; float:right; display:inline}
.structHead #ContentSearch input{ width:150px; border:1px solid #FFFFFF;}
.structHead #ContentSearch img{ vertical-align:middle}

.structHead ul.topTabs{ list-style:none; margin:32px 0 0 300px; padding:0; float:right; display:inline;}
.structHead ul.topTabs li{ float:left;_margin:0 0 0 30px;margin:0 0 0 36px;padding:0;width:101px; display:inline;}
.structHead ul.topTabs li#SupportTU{ margin:0 0 0 29px;}
.structHead ul.topTabs a{ margin:0; padding:0; display:block; color:#FFFFFF; text-transform:uppercase; font-weight:bold; text-decoration:none; line-height:23px; font-size:12px;font-family:"Gill Sans", "Lucida Sans", Verdana, Helvetica, Arial; height:23px;}


/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0; padding:0 0 22px; float:left; width:225px;}
.structLeftBT{margin:0; padding:0 0 22px; float:left; width:225px; background: url(images/LeftNavBt.gif) no-repeat left bottom;}
.structLeftRP{margin:0; padding:0; float:left; width:225px; background: url(images/LeftNavBG.gif) repeat-y left top;}
.structLeftTP{margin:0; padding:19px 0 0; float:left; width:225px; background:url(images/LeftNavTp.gif) no-repeat left top;}

.structLeftTP #ContentLeftNav{float:right;margin:0 3px 0 0;padding:0;width:204px; display:inline;}
.structLeftTP #ContentLeftNav ul {margin:0; padding:0; float:left; list-style:none; width:100%;}
.structLeftTP #ContentLeftNav li{margin:0; padding:0; float:left; width:100%;}
.structLeftTP #ContentLeftNav li a{margin:0; padding:3px 0 3px 10px; text-decoration:none; display:block;color:#002b5c; font-family:"Lucida Sans", Verdana, Helvetica, Arial; font-size:14px;}
.structLeftTP #ContentLeftNav li.selected a{color:#005496; font-weight:bold;background:#fff0bd;}

.structLeftTP #ContentLeftNav li.selected ul { background:#fff0bd;}
.structLeftTP #ContentLeftNav li.selected li a{padding:3px 0 3px 20px;color:#005496;font-size:11px; font-weight:normal;}
.structLeftTP #ContentLeftNav li.selected li.selected a{color:#002b5c; }

.structLeftTP #ContentLeftNav li.selected li.selected  li a{padding:3px 0 3px 25px;color:#005496;}
.structLeftTP #ContentLeftNav li.selected li.selected  li.selected a{color:#002b5c; }

.structLeftTP #ContentLeftNav li.selected li.selected  li.selected  li a{padding:3px 0 3px 30px;color:#005496;}
.structLeftTP #ContentLeftNav li.selected li.selected  li.selected  li.selected a{color:#002b5c; }

.structLeft #ContentLeftPromo{float:left;margin:0;padding:0 0 0 15px;width:210px; overflow:hidden;}
/* BODY ELEMENTS
---------------------------------------------*/
.structBody{margin:0; float:left; width:900px;  padding:0 3px; background:url(images/contentBg.gif) repeat-y left top;}

.structBody #ContentImgRot{float:left;height:150px;margin:0;overflow:hidden;padding:0;width:675px;}
.structBody #ContentLevelOne{margin:-42px 0 0;float:left;width:655px; background:url(images/LevelOneBG.png) no-repeat left bottom; height:42px; position:relative; z-index:100;padding:0 20px 0 0; font-family:"Gill Sans", "Lucida Sans", Verdana, Helvetica, Arial; font-size:32px; color:#FFFFFF;line-height:42px; text-align:right; text-transform:lowercase;}
.structBody #ContentLevelOne span {display:none; }
.structBody #ContentLevelOne span.selected{ display:block; float:right;}

.structBody .bread{padding:0;margin:0; float:left; background:url(images/BreadCrumbsBG.gif); width:675px}

.structBody ul#ContentBreadCrumbs{padding:0;margin:5px 0 10px 0;list-style:none;float:right;}
.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 11px;background:url(images/BcrmbArrw.png) no-repeat center left;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

.structBody .MidWrap{margin:0; padding:0; float:left; width:675px;}


.structBody H1#ContentPageName{margin:0; padding:20px 20px 0; float:left; width:635px;}
.structBody #ContentMiddle{margin:0; padding:0 20px 20px; float:left; width:635px;}

.clearpad {margin:0; padding:0 20px 0; float:left; width:635px;}

.DaysOfWeek_Telerik {background-color:#4992CA!important; background-image: none!important;}

.radCalSelect_Telerik, .radCalWeekendSelect_Telerik {background:white url(images/selectBgN.gif) repeat-x scroll 0 0!important;}

/* -------------- Start ---------------- */
.start .structBody .MidWrap{margin:0; padding:0; float:left; width:445px;}

.start .structBody #ContentImgRot{float:left;height:280px;margin:0;padding:0;width:445px;}
.start .structBody #ContentLevelOne{width:425px;}
.start .structBody #ContentMiddle{margin:0; padding:10px 20px 20px; float:left; width:405px;}


/* RIGHT COLUMN
---------------------------------------------*/
.structRight{float:right;margin:15px 0 0;padding:0;width:225px;}
.structRight #ContentRight{background:transparent url(images/TpRtCol.gif) no-repeat scroll center top;float:left;margin:0;padding:20px 20px 10px;text-align:center;width:185px;}
.structRight #ContentRightPromo{background:transparent url(images/TpRtCol.gif) no-repeat scroll center top;float:left;margin:5px 0 0;padding:15px 15px 10px;width:195px;}

.structRight .RightBt{ margin:0; padding:0; float:left; width:100%; background:url(images/BtRTcol.gif) no-repeat center bottom; height:12px;}

#ContentEventsHeader{float:left;margin:10px 0 0;padding:0 15px;width:185px;}

/* CONNECT COLUMN
---------------------------------------------*/

.connect{ float:left; width:100%; margin:0; padding:15px 0; background:#ebebeb url(images/getConnected.gif) no-repeat 20px center;}
.connect #ContentMiddleLayoutConnect{ color:#848484;float:left;font-size:11px;margin:0 0 0 230px;padding:0 10px;width:265px; display:inline; }
.connect ul#ContentSocial{float:left; margin:0; padding:0; list-style:none; width:380px;}
.connect ul#ContentSocial li{float:left; margin:0; padding:0 5px;}
.connect ul#ContentSocial a{ display:block; margin:0; padding:0; height:30px; text-indent:-999em;}
.connect ul#ContentSocial li#Facebook a{ background:url(images/Facebook.gif) no-repeat left top; width:96px;}
.connect ul#ContentSocial li#Twitter a{ background: url(images/twitter.gif) no-repeat left top;width:82px;}
.connect ul#ContentSocial li#Linked a{ background:url(images/linkedIn.gif) no-repeat left top;width:87px;}
.connect ul#ContentSocial li#Flickr a{ background:url(images/Flickr.gif) no-repeat left top;width:68px;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:10px 0 0; padding:10px 0; float:left; width:900px; background:#ffe075 url(images/FooterBg.gif) repeat-x left top;}
.start .structFooter{margin:0; padding:10px 0; float:left; width:900px; background:#ffe075 url(images/FooterBg.gif) repeat-x left top;}
.structFooter #ContentFooter{margin:0; padding:0; float:left; color:#002b5c; text-align:center; font-size:11px; width:100%;}
.structFooter #ContentFooter a{color:#002b5c;}