@import url(../resources/css/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 Arial, Helvetica, sans-serif; background:#444b52;}

.mastWrap{ margin:0; padding:0; width:100%; background: url(images/BG.gif) repeat-x left top;}
.cntrWrap{width:976px;margin:0 auto; padding:0 0 8px; background:url(images/ContentTopBG.gif) repeat-x left top #3a414a; }
.fltFix{width:960px;margin:0 8px;}

a { color: #00539f; text-decoration: underline; outline:none; }
a:hover { color: #00539f; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}

.idbmsBreadcrumbSeparator {color:#00539f!important;}
.expand img {background-color: #00539f!important;}
.expand {background-color: #00539f!important;}
.Error,.error {width:auto!important}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader { color:#464646;margin:0;padding:2px 5px 3px 0; font-weight:normal;}
h1, .PageTitleHeader {font-size:22px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:20px; line-height:24px;}
h3 {font-size:18px;line-height:21px;}
h4 {font-size:15px;line-height:18px;}
h5 {font-size:13px;line-height:15px;}
p {margin:7px 0;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:#d9d9d9;color:#d9d9d9;}

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  {float:left;margin:0;padding:0;position:relative;width:100%; z-index:99999;}

.structHead h1{margin:7px 0 0;padding:0;float:left;}
.structHead h1 a{background:url(images/headerlogo.png) no-repeat left top;display: block;height: 72px;text-indent: -999em;width: 275px;}

/* Horiztional Drop Downs
------------------------------------------------------- */
.structHead #ContentToplinks{margin:0; padding:0 0 3px; float:right; width:668px;}
.structHead #ContentToplinks ul { padding:0; margin:0; list-style:none; float:left;}
.structHead #ContentToplinks li { float:left; padding:0; margin:0;}
.structHead #ContentToplinks li a { display:block;padding:0; margin:0; height:88px; width:167px; background-position: 0 0; background-repeat:no-repeat; text-indent:-999em;}
.structHead #ContentToplinks li#Discover a{ background-image:url(images/discover.gif);}
.structHead #ContentToplinks li#Connect a{ background-image:url(images/connect.gif);}
.structHead #ContentToplinks li#Engage a{ background-image:url(images/engage.gif);}
.structHead #ContentToplinks li#Enter a{ background-image:url(images/enter.gif); }
/*.structHead #ContentTopLinks, .last { display:none;}*/

.structHead #ContentToplinks li#Discover a.active,
.structHead #ContentToplinks li#Discover a:hover,
.structHead #ContentToplinks li#Connect a.active,
.structHead #ContentToplinks li#Connect a:hover,
.structHead #ContentToplinks li#Engage a.active,
.structHead #ContentToplinks li#Engage a:hover,
.structHead #ContentToplinks li#Enter a.active,
.structHead #ContentToplinks li#Enter a:hover{  background-position: 0 -88px; }

.structHead #ContentToplinks li:hover,
.structHead #ContentToplinks li.sfHover {}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:0; padding:8px 0;_background: url(images/TopNavDDBG.gif) no-repeat left bottom #FFF;background: url(images/TopNavDDBG.png) no-repeat left bottom; z-index:99999px; float:none; width:220px; border-top:3px solid #122f4a;}
.structHead #ContentToplinks li li { width: 220px;}
.structHead #ContentToplinks li li a { background:none!important;border-bottom:1px solid #959AAA;color:#0038A8;font-size:11px;height:auto;padding:2px 20px;text-decoration:none;text-indent:0;width:180px;}
.structHead #ContentToplinks li li a:hover{ background:#d9d9d9!important;} 
.structHead #ContentToplinks li li.last a { border:none;}
.structHead #ContentToplinks li li:hover, .structHead #ContentToplinks li li.sfHover {}

/* Third Level Groups */
.structHead #ContentToplinks li li ul { margin:-20px 0 0 150px}

/* The Magic */
.structHead #ContentToplinks li:hover ul ul,
.structHead #ContentToplinks li:hover ul ul ul,
.structHead #ContentToplinks li.sfHover ul ul,
.structHead #ContentToplinks li.sfHover ul ul ul { left: -999em;}

.structHead #ContentToplinks li:hover ul,
.structHead #ContentToplinks li li:hover ul,
.structHead #ContentToplinks li li li:hover ul,
.structHead #ContentToplinks li.sfHover ul,
.structHead #ContentToplinks li li.sfHover ul,
.structHead #ContentToplinks li li li.sfHover ul { left: auto;}

/*Fix for the Sticking*/
.structHead #ContentToplinks  li:hover,
.structHead #ContentToplinks  li li:hover,
.structHead #ContentToplinks  li li li:hover,
.structHead #ContentToplinks  li.sfHover,
.structHead #ContentToplinks  li li li.sfHover,
.structHead #ContentToplinks  li li.sfHover { position:static;}

.structHead .topRt{padding:5px 0 0;margin:0;float:right;width:100%;}

#ContentMemberTools {float:right;margin:0px;padding:0;}
#ContentMemberTools ul {list-style:none;margin:0;padding:0; float:right;}
#ContentMemberTools li {float:left;padding:0 10px;}
#ContentMemberTools a {color:#a7a7a7;display:block;font-size:11px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

#ContentTopQt {float:right;margin:2px 0 0;padding:0;}
#ContentTopQt ul {list-style:none;margin:0;padding:0; float:right;}
#ContentTopQt li {float:left;padding:0 10px; border-right:1px solid #748a9f;}
#ContentTopQt a {color:#748a9f;display:block;font-size:11px;line-height:14px;padding:0;text-align:center;text-decoration:none;}

/* ------------------ Login ------------------------- */
.structHead #ContentLogin{padding:0 6px;margin:0;float:right; width:68px;}
.structHead #panel {display:none;position:absolute;right:75px;margin:0;width:180px;background: url(images/LoginBG.png) no-repeat left bottom; z-index:9999;}
.structHead .slide {	margin: 0;	padding: 0;	}
.structHead .btn-slide {	background: url(images/loginBtn.gif) no-repeat left top;display:block;height:22px;margin:0 auto;padding:0;text-align:center;text-decoration:none;width:68px;}
.structHead .active { background: url(images/loginBtnHt.gif) no-repeat left top;}

.divLoginStructContainer{ padding:15px; width:151px; font-size:11px;}

.divLoginStructContainer h1 { width:100%; padding:0; margin:0;font-size:16px; }
.divLoginStructContainer p { margin:0 0 5px;}
.divLoginStructContainer .instructions,
.divLoginStructContainer .anchorTempLogin{ display:none;}
.divLoginPanel{ margin:0;}

.divLoginInputs{ margin:0; padding:0 0 8px 0;}
.divLoginUserNameRow{ margin:0; padding:0px 0 0;float:left;}

.labelUserName,
.labelPassword{ float:left; margin:0; padding:0; clear:both; display:block;width:55px;}

.inputLoginUsername,
.inputLoginPassword{ display:inline;float:right;margin:0;width:147px;}

.remember{ clear:both;}
.divLoginStructContainer .button { background:url(images/loginSmallBtn.gif) no-repeat left top; color:#FFF; font-size:11px; border:none; height:19px; width:46px; text-align:center;}
.divLoginStructContainer .loginButton{ margin:0 10px 0 0;} 
.divLoginStructContainer .cancelButton{ }
.divLoginStructContainer .logoutButton{ margin:0 0 0 10px;}
#lblPassword{ margin:0 4px 0 0;}

.divLoginFacebook{display:block;margin:8px 0 0;}

.structHead #ContentSearch{padding:0;margin:0 10px 3px 0; display:inline;float:right;}
.structHead #ContentSearch input { height:12px ; width:143px;}
.structHead #ContentSearch #cid_2825_imgbtnSearch{ vertical-align: top;}
/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:0 20px 0 0; display:inline; padding:0; float:left; width:236px;}

.structLeft #ContentLeftNav{margin:17px 0 0; padding:0; float:left; width:100%; }
.structLeft #ContentLeftNav ul{margin:0; padding:0; float:left; width:100%; list-style:none;background:url(images/LeftNavTp.gif) no-repeat left top #FFF; min-height:215px;}
.structLeft #ContentLeftNav li{ display:none;}
.structLeft #ContentLeftNav li.selected{margin:0;padding:0; width:100%; float:left; display:block;}
.structLeft #ContentLeftNav li a{margin:0; padding:0; display:block; width:100%; height:32px;background-repeat:no-repeat; background-position:center;  text-indent:-999em;}
.structLeft #ContentLeftNav li#Discover.selected a{ background-image:url(images/discoverLt.gif);}
.structLeft #ContentLeftNav li#Connect.selected a{ background-image:url(images/connectLt.gif);}
.structLeft #ContentLeftNav li#Engage.selected a{ background-image: url(images/engageLt.gif);}
.structLeft #ContentLeftNav li#Enter.selected a{ background-image:url(images/enterLt.gif);}

.structLeft #ContentLeftNav li ul{padding:0 0 20px;background:none!important; min-height:0;}
.structLeft #ContentLeftNav li li{margin:0; display:block;padding:0;width:100%;}
.structLeft #ContentLeftNav li li a{margin:0 25px 0 0; padding:3px 5px 3px 25px; text-indent:0;  color:#00539f;font-size:12px; border-bottom:1px solid #d9d9d9; height:auto;  background:none!important; width:182px; text-decoration:none;}

.structLeft #ContentLeftNav li ul{padding:0 0 20px;background:none!important; min-height:0;}
.structLeft #ContentLeftNav li li{margin:0; display:block;padding:0;width:100%;}
.structLeft #ContentLeftNav li li.selected a{ font-weight:bold;}

.structLeft #ContentLeftNav li li ul{ padding:0;}
.structLeft #ContentLeftNav li li li{}
.structLeft #ContentLeftNav li li.selected li a{padding:2px 5px 2px 35px; width:172px; border:none; font-weight:normal;}
.structLeft #ContentLeftNav li li.selected li.selected a{ font-weight:bold;}
.structLeft #ContentLeftNav li li li a:hover{ text-decoration:underline;}

.structLeft #ContentLeftNav li li li ul{}
.structLeft #ContentLeftNav li li li li{}
.structLeft #ContentLeftNav li li.selected li.selected li a{padding:2px 5px 2px 45px; width:162px;font-weight:normal;}
.structLeft #ContentLeftNav li li.selected li.selected li.selected a{ font-weight:bold;}


.structLeft #ContentSocial{ float:left; margin:0; padding:0; width:100%; overflow:hidden; font-size:10px; color:#a2a2a1; line-height:13px;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody{background:#FFF url(images/LeftTop.gif) no-repeat left top ;border-top:3px solid #122F4A;float:left;margin:0;padding:14px 20px;width:920px; clear:both;}
.start .structBody{background:#FFF none;border-top:3px solid #122F4A;float:left;margin:0;padding:0;width:960px; clear:both;}

.structBody #Contentslider{ margin:0 0 15px; padding:0; width:100%; float:left; position:relative; background:none; height:380px; z-index:1; overflow:hidden;}

.galleryBtm{ height:36px; position:absolute; z-index:999; bottom:0; left:0;}

.structBody .columns{ margin:0; padding:0; width:960px; float:left;}
.structBody .col{ padding:0; margin:0 20px; display:inline; width:280px; float:left; overflow:hidden;}
.structBody #ContentNews{}
.structBody #ContentMiddleLayoutPromo{ margin:0 0 10px;}


.structBody .MidWrap{margin:0; padding:0; float:right;width:664px;}
.start .structBody .MidWrap{width:100%;}

.structBody .breadwrap{margin:0; padding:0; float:right;}
.structBody ul#ContentBreadCrumbs{padding:0;margin:0;list-style:none;float:left;}
.structBody ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structBody ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:11px;padding:0px 6px 0px 8px;background:url(images/bcArw.gif) no-repeat center left; color:#67b6f6;}
.structBody ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structBody ul#ContentBreadCrumbs li.navselected a{}

.structBody .textsizer{margin:0 0 0 8px; padding:0; float:left; color:#8d8d8d;font-size:11px; border-left: 1px solid #d9d9d9;}
.structBody .textsizer span{ padding:0 8px;}
.structBody .textsizer img{margin:0 0 -3px;padding:0 2px 0 0;}

.structBody #ContentPageName{margin:0; padding:0; float:left; width:100%; font:30px/35px Arial, Helvetica, sans-serif; color:#464646;}
.structBody #ContentMiddleLayoutSubHeader{margin:0; padding:0; float:left;width:100%; border-bottom:1px solid #d9d9d9;}

.structBody #ContentMiddle{margin:0; padding:0; float:left;width:100%;}
.start .structBody #ContentMiddle a{color:#758b9f; font-size:11px; line-height:13px; text-decoration:none;}

/* BX Slider */
.structBody #ContentRotator { margin:0 0 35px; padding:0; width:100%; float:left; position:relative; background:none; z-index:9999; overflow:hidden;}
.rotator .bx-auto {position:absolute;left:32px;top:173px;z-index:9999;}
.rotator .bx-auto a{width:31px;height:32px;display:block;text-indent:-9999em;}
.rotator .bx-auto a.start {background:url(images/play-btn.png) no-repeat;}
.rotator .bx-auto a.stop {background:url(images/pause-btn.png) no-repeat;}
.rotator .sldimg {height:315px; width:960px; overflow:hidden; }
.rotator .sldimg img {
    border: 0 none;
    vertical-align: top;
	}
.rotator .bx-wrapper {height:315px;overflow:hidden;}	
	
.rotator .sldtxt {pasition:absolute;bottom:106px; left:18px; z-index:9998;position:relative;width:325px;padding:10px 17px;color:#fff; border-radius: 5px; -webkit-border-radius: 5px;
background: -moz-linear-gradient(top,  rgba(101,180,243,0.85) 0%, rgba(18,47,74,0.85) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(101,180,243,0.85)), color-stop(100%,rgba(18,47,74,0.85)));
background: -webkit-linear-gradient(top,  rgba(101,180,243,0.85) 0%,rgba(18,47,74,0.85) 100%);
background: -o-linear-gradient(top,  rgba(101,180,243,0.85) 0%,rgba(18,47,74,0.85) 100%);
background: -ms-linear-gradient(top,  rgba(101,180,243,0.85) 0%,rgba(18,47,74,0.85) 100%);
background: linear-gradient(to bottom,  rgba(101,180,243,0.85) 0%,rgba(18,47,74,0.85) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d965b4f3', endColorstr='#d9122f4a',GradientType=0 );
}
.rotator .sldtxt .title {text-transform:uppercase;font-weight:bold;font-size:24px;line-height:28px;color:#fff; height:28px; overflow:hidden; }
.rotator .sldtxt .title a {color:#fff;text-decoration:none;}
.rotator .sldtxt .title a:hover {text-decoration:underline;}
.rotator .sldtxt .preview {height:34px;overflow:hidden;line-height:16px; font-size:14px;}
.rotator .bx-pager {position:absolute;top:183px;left:61px;z-index:9999;}
.rotator .bx-pager a {display:block;padding:0px;float:left;margin-left:8px;width:13px;height:13px;text-indent:-9999em;
 position:relative;
  background-color:#fff;
  -webkit-box-shadow: #666 0 0 .25em;
    -moz-box-shadow: #666 0 0 .25em;
    box-shadow: #666 0 0 .25em;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    border-radius: 6px;
	behavior: url(PIE.htc);}
.rotator .bx-pager .pager-active {background-color:#67b5f7;}
.rotator .bx-prev,
.rotator .bx-next {display:none;}
.rotator img[title="RSS Feed"] {display:none;}
.rotator .sldimg a {border:none!important;}

/* RIGHT COLUMN
---------------------------------------------*/
.structRight{margin:0; padding:0; float:left;}
.structRight #ContentRight{margin:0; padding:0; float:left;}

/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:0; float:left; width:100%;}
.structFooter .cntrWrap{width:960px;margin:0 auto; background:none; }

.structFooter #ContentFooter{margin:15px 0 0; padding:0; float:left; color:#a2a2a1; font-size:11px;}
.structFooter #ContentFooter a{color:#a2a2a1; font-size:11px;}

.structFooter #ContentFooterRt{margin:15px 0 0; padding:0; float:right; min-width:100px;}

.structFooter #ContentFooterNav{margin:15px 0 0; padding:0; float:right;}
.structFooter #ContentFooterNav ul {list-style:none;margin:0;padding:0; float:right;}
.structFooter #ContentFooterNav li {float:left;padding:0 10px; border-right:1px solid #a2a2a1;}
.structFooter #ContentFooterNav li#Enter{ border:none;}
.structFooter #ContentFooterNav a {color:#a2a2a1;display:block;font-size:14px;line-height:18px;padding:0;text-align:center;text-decoration:none;}

