@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/17px Verdana, Geneva, sans-serif; background:#e4dece;}

.mastWrap{width:100%; margin:0; padding:0; background:url(images/Bg.gif) repeat-x left top;}
.cntrWrap{width:900px;margin:0 auto;}
.fltFix{width:100%;background:url(images/Bg.gif) repeat-x left top;}

a { color: #502d7f; text-decoration: underline; outline:none;}
a:hover { color: #502d7f; text-decoration: underline; }
a:visited{}
a:active{}
a img{border:none;}
* {outline:none; }

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader { color:#502d7f; font-family: Georgia, "Times New Roman", Times, serif;margin:0;padding:2px 5px 3px 0;}
h1{font-size:20px;line-height:24px;}
h2, .PageSubTitleHeader {font-size:14px; line-height:16px;}
.PageSubTitleHeader{ padding:0; margin:0;}
h3 {font-size:13px;line-height:15px;}
h4 {font-size:12px;line-height:14px;}
h5 {font-size:11px;line-height:13px;}
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:#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; float:left; width:100%; background:url(images/HeaderBG.gif) repeat-x left 34px;}
.structHeadLogo{ margin:0; padding:0; float:left; width:100%; background:url(images/HeaderLogo.gif) no-repeat 31px 0;}
.structHeadLt{ margin:0; padding:0; float:left; width:100%; background:url(images/HeaderLt.gif) no-repeat left 34px;}
.structHeadRT{ margin:0; padding:0; float:left; width:100%; background:url(images/HeaderRt.gif) no-repeat right 34px;}

.structHead #ContentMemberTools {background:url(images/MtRt.gif) no-repeat scroll right bottom transparent;float:left;height:25px;margin:0;padding:8px 16px 0 0;width:870px;}
.structHead #ContentMemberTools ul {background:url(images/MtLt.gif) no-repeat scroll left top #4E2C7C;float:right;height:25px;list-style:none outside none;margin:0;padding:0 0 0 43px;}
.structHead #ContentMemberTools li {float:left;padding:0 10px; background:url(images/Mtbg.gif) repeat-x left bottom; height:25px;}
.structHead #ContentMemberTools a {color:#FFF;display:block;font-size:10px;line-height:14px;padding:5px 0 0;text-decoration:none;}
.structHead .MTLinkscontainer{ display:none;}

.structHead h1{float:left;margin:0;padding:5px 0 11px 30px;}
.structHead h1 a{display:block;height:60px;text-indent:-999em;width:344px;}

.structHead #ContentSocial{margin:25px 11px 0 0;padding:0 5px 0 0;float:right;border-right:1px solid #cbc7bf;}
.structHead #ContentSearch{padding:25px 11px 0 0;margin:0;float:right;}
.structHead #ContentSearch input{ background:#FFF; border:1px solid #cbc7bf; width:150px;}

/* Horiztional Drop Downs
------------------------------------------------------- */
.structHead #ContentToplinks{margin:0; padding:0; float:left; background:#FFF; width:100%; }
.structHead #ContentToplinks ul { padding:0; margin:0 10px; display:inline; list-style:none; background:url(images/NavBG.gif) repeat-x left top; float:left; width:880px;}
.structHead #ContentToplinks li { float:left; padding:0; margin:0;}
.structHead #ContentToplinks li.navlt { background:url(images/NavLt.gif) no-repeat left top;}
.structHead #ContentToplinks li.navrt { background:url(images/NavRT.gif) no-repeat right top;}
.structHead #ContentToplinks li.navlt a { background:none; padding:9px 21px 11px;}
.structHead #ContentToplinks li.navrt a { padding:9px 21px 11px 20px;}
.structHead #ContentToplinks li a {background:url(images/NavDiv.gif) no-repeat scroll left top transparent;color:#FFFFFF;display:block;font:18px/20px Georgia, "Times New Roman", Times, serif;padding:9px 20px 11px;text-decoration:none;}
.structHead #ContentToplinks li:hover, .structHead #ContentToplinks li.sfHover { background: url(images/NavBGHt.gif) repeat-x left top;}
.structHead #ContentToplinks li.navlt:hover{ background:url(images/NavLtHt.gif) no-repeat left top}
.structHead #ContentToplinks li.navrt:hover{ background:url(images/NavRTHt.gif) no-repeat right top;}

/* Second Level Groups */
.structHead #ContentToplinks li ul { position: absolute; left: -999999px; margin:0; background:#ece7d9; border:1px solid #cbc7bf; border-width:0 1px 1px 1px; float:none; width:170px; z-index:9999;}
.structHead #ContentToplinks li li { width: 170px; padding:0;}
.structHead #ContentToplinks li li.navlt,
.structHead #ContentToplinks li li.navrt{background:none;}
.structHead #ContentToplinks li li a { padding:2px 10px!important;width:150px; background:none; font:11px/14px Verdana, Geneva, sans-serif; color:#502d7f;}
.structHead #ContentToplinks li li:hover,
.structHead #ContentToplinks li li.navlt:hover,
.structHead #ContentToplinks li li.navrt:hover,
.structHead #ContentToplinks li li.sfHover,
.structHead #ContentToplinks li li.sfHover,
.structHead #ContentToplinks li li.sfHover { background: #f5f2ea;}

/* 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 .crumbs{background:#FFFFFF;float:left;height:35px;margin:0;padding:0;width:100%;}
.structHead ul#ContentBreadCrumbs{padding:0;margin:8px 0 0 0;list-style:none;float:right;}
.structHead ul#ContentBreadCrumbs li{padding:0;margin:0;float:left;}
.structHead ul#ContentBreadCrumbs li a{display:block;text-decoration:none;font-size:.8em;padding:2px 6px 2px 8px;background:url(images/bcArw.gif) no-repeat center left;}
.structHead ul#ContentBreadCrumbs li#bcFirst a{background:none;padding-left:0;}
.structHead ul#ContentBreadCrumbs li.navselected a{font-weight:bold;}

/* LEFT COLUMN
---------------------------------------------*/
.structLeft{margin:17px 10px; padding:0; float:left; width:224px; display:inline;}
.structLeftNavbg{margin:0; padding:0; float:left; width:100%; background:url(images/LeftNavBG.gif) repeat-y left top;}
.structLeftTp{margin:0; padding:10px 0 0; float:left; width:100%; background: url(images/LeftNavtp.gif) no-repeat left top;}

.structLeft #ContentLeftNav{margin:0; padding:0 0 13px; float:left; width:100%; background:url(images/LeftNavBtm.gif) no-repeat left bottom;min-height:165px;_height:165px;}
.structLeft #ContentLeftNav ul{ list-style:none; margin:0; padding:0; width:100%;}
.structLeft #ContentLeftNav li{ float:left; margin:0; padding:0 0 2px; background:url(images/LeftNavDiv.gif) no-repeat center bottom; width:100%;}
.structLeft #ContentLeftNav a{ display:block; color:#502d7f; font-size:11px; text-decoration:none; padding:2px 30px 2px 16px; height:1%;}
.structLeft #ContentLeftNav li.selected a{ background:url(images/LeftArw.gif) no-repeat 200px center;}

.structLeft #ContentLeftNav li ul{}
.structLeft #ContentLeftNav li li{padding:0; background:none;}
.structLeft #ContentLeftNav li.selected li a{color:#444444;padding:2px 30px 2px 30px; background:none;}
.structLeft #ContentLeftNav li.selected li.selected a{ background:url(images/LeftArw.gif) no-repeat 200px center;}


.structLeft #ContentLeftNav li li ul{}
.structLeft #ContentLeftNav li li li{}
.structLeft #ContentLeftNav li.selected li.selected li a{color:#444444;padding:2px 30px 2px 45px; background:none;}
.structLeft #ContentLeftNav li.selected li.selected li.selected a{ background:url(images/LeftArw.gif) no-repeat 200px center;}

.structLeft #ContentMiddleLayoutLeft{margin:0; padding:0 10px; float:left; width:204px;}

/* Left Start Column -------------------------- */

.start .structLeft{ margin:17px 10px 0; display:inline; padding:0; float:left; width:219px; height:300px; overflow:hidden; background:url(images/CalloutBG.gif) no-repeat left top;}

/* ------------------ Login ------------------------- */
.structLeft #ContentLogin{float:left;font-size:10px;height:168px;line-height:13px;margin:0;padding:13px;_padding:13px 13px 5px;width:194px; color:#797365;}

.divLoginStructContainer .PageTitleHeader{ display:block; font-size:22px;}
.divLoginStructContainer .instructions,
.divLoginPanel .divLoginFacebook{ display:none;}

.divLoginPanel{ margin:0;}
.divLoginPanel .anchorTempLogin{ display:none;}
.divLoginInputs{ margin:0; padding:0 0 12px;}

.labelUserName,
.labelPassword{ float:left; margin:0; padding:4px 0 0;}

.inputLoginUsername,
.inputLoginPassword{ width:125px; float:right; position:relative; z-index:1;}

.divLoginUserNameRow{display:inline;float:left;height:23px;margin:0;padding:8px 0;width:100%;_padding:8px 0 0;} 
.divLoginPasswordRow{ float:left; width:100%; margin:0; padding:0;}

.divLoginLinks{ padding:5px 0 0;}
.divLoginLinks a{ display:block;}

.divLoginPanel .button{ background:url(images/LoginBtn.gif) no-repeat left top; border:none; color:#FFF; font-size:12px; width:75px; height:21px; line-height:21px;}
.divLoginPanel .loginButton {padding:0 19px 5px;*padding:0 12px 5px}
.divLoginPanel .cancelButton {padding:0 16px 5px;*padding:0 8px 5px; margin:0 0 0 4px;}

.structLeft #ContentFirstLogin{float:left;height:53px;margin:0;padding:7px 10px 0; text-align:center;}
.structLeft #ContentFace{float:left;height:35px;margin:0;padding:10px 13px 5px;width:194px; text-align:center;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBodyBtm{margin:0; padding:0 0 9px; float:left; background:url(images/ContentBtm.gif) no-repeat left bottom; width:100%;}
.structBody{margin:0; padding:0; float:left;background:#FFF url(images/ContentBG.gif) repeat-x left top; width:100%; }

.structBody .MidWrap{margin:17px 10px 0 0; padding:0; float:right; display:inline; width:642px; background: url(images/ContentRtBg.gif) repeat-y left top;}
.structBody .MidWrapTp{margin:0; padding:0; float:left; width:100%; background:url(images/ContRtTp.gif) no-repeat left top;}
.structBody .MidWrapBtm{margin:0; padding:20px; float:left; width:602px; background:url(images/ContentRtBtm.gif) no-repeat left bottom;min-height:325px;_height:325px;}
.one .structBody .MidWrap {background: url(images/OneContentRtBg.gif) repeat-y scroll left top transparent;margin:17px 10px 0 9px;width:881px;}
.one .structBody .MidWrapTp{background: url(images/OneContRtTp.gif) no-repeat left top;}
.one .structBody .MidWrapBtm{width:841px; background: url(images/OneContentRtBtm.gif) no-repeat left bottom;}


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

/* Middle Start Stuff
---------------------------------------------*/
.start .structBodyBtm{margin:0; padding:0 0 9px; float:left; background:url(images/ContentBtmst.gif) no-repeat left bottom; width:100%;}
.start .structBody{margin:0; padding:0; float:left;background:#FFF none 0 0; width:100%; }

.structBody .Imgrot{margin:17px 10px 0 0; padding:0; float:right; display:inline; width:648px; height:315px;position:relative; z-index:999;}

.structBody .corner{margin:0; padding:0; position:absolute; height:7px; width:7px; z-index:100; background-position:0 0;_behavior: url(iepngfix.htc);}
.structBody .c-tl{background-image:url(images/cr-tl.png); top:0; left:0;}
.structBody .c-tr{background-image:url(images/cr-tr.png); top:0; right:0;}
.structBody .c-bl{background-image:url(images/cr-bl.png); bottom:15px;_bottom:8px; left:0;}
.structBody .c-br{background-image:url(images/cr-br.png); bottom:15px;_bottom:8px; right:0;}
            
.structBody #ContentImgRot{margin:0; padding:0; float:left; width:648px; height:300px; overflow:hidden; position:relative; z-index:1;}
            
.structBody .know{float:left;height:38px;margin:-23px 7px 0;padding:0;position:relative;width:634px;z-index:100; display:inline;}
.structBody .knowLt{float:left;width:66px;height:38px;margin:0;_behavior: url(iepngfix.htc);}
.structBody .knowRt{float:left;width:25px;height:38px;margin:0;padding:0;_behavior: url(iepngfix.htc);}
            
.structBody h1#ContentDidUKnow{background:url(images/DidYouBg.gif) repeat-x scroll right bottom; float:left;font-size:26px;height:35px;line-height:31px;margin:0;padding:3px 0 0;width:200px;}

.structBody h1#ContentDidUKnow span.two{	color:#D6CEE1;	top:10px !important}

.structBody #ContentMiddleLayoutKnow{background:url(images/DidYouBg.gif) repeat-x scroll right bottom; float:left;height:31px;line-height:13px;margin:0;padding:7px 0 0 10px;width:333px;}

.start .structBody .MidWrap{background:url(images/ContentBGst.gif) repeat-x scroll left top #FFFFFF;display:inline;float:right;margin:0;padding:15px 10px 0;width:880px;}

.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none;  position:relative; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
.TabbedPanelsTabGroup { margin:0 0 0 11px;padding:0;position:relative;z-index:100;}

.TabbedPanelsTab div.mega{ background-image:url(images/Megahover.gif);background-position:0 0;background-repeat:no-repeat;height:21px;padding:0 0 0 37px;width:129px;}
.TabbedPanelsTab div.evtimg{ background:url(images/events.gif) no-repeat left top; height:23px;padding:0 0 0 32px;width:71px;}
.TabbedPanelsTab div.newsimg{ background:url(images/news.gif) no-repeat left top;height:23px;padding:0 0 0 32px;width:68px;}
.TabbedPanelsTab div.classimg{ background:url(images/classnote.gif) no-repeat left top; height:23px;padding:0 0 0 32px;width:120px;}

.TabbedPanelsTab { position: relative; float: left; padding:0; margin:0 5px 0 0;list-style: none;-moz-user-select: none; -khtml-user-select: none; cursor: pointer; height:28px;background:url(images/TAbRtbk.gif) no-repeat right top;}
/*.TabbedPanelsTabHover,*/
.TabbedPanelsTabSelected{background:url(images/TAbRt.gif) no-repeat right top; }

/*.TabbedPanelsTabHover div.evtimg,*/
.TabbedPanelsTabSelected div.evtimg{background:url(images/eventsHt.gif) no-repeat left top;}

/*.TabbedPanelsTabHover div.newsimg,*/
.TabbedPanelsTabSelected div.newsimg{ background:url(images/newsHt.gif) no-repeat left top; }

/*.TabbedPanelsTabHover div.classimg,*/
.TabbedPanelsTabSelected div.classimg{  background:url(images/classnoteHt.gif) no-repeat left top; }

.TabbedPanelsTab span{ display:block;padding:4px 40px 7px 20px; margin:0;color:#666666; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif;color:#502d7f;background:url(images/TabLtbk.gif) no-repeat left top;}
/*.TabbedPanelsTabHover span,*/
.TabbedPanelsTabSelected span{background:url(images/TabLt.gif) no-repeat left top;color:#502d7f;}

/*.TabbedPanelsTabHover div.mega,*/
.TabbedPanelsTabSelected div.mega{ background-image:url(images/Megahover.gif); background-repeat:no-repeat; background-position:0 0;}
.TabbedPanelsTab a { color: black; text-decoration: none; }

.TabbedPanelsContentGroup { background-color:#FFFFFF;border:1px solid #CBC7BF;height:246px;margin:27px 0 0;*margin:-1px 0 0;position:relative;width:643px;z-index:1;}
.TabbedPanelsContent { height:206px;overflow-y:scroll;overflow-x:hidden;padding:20px 30px 20px 20px; width:593px;}
.TabbedPanelsContentVisible { }

.structBody .TabbedPanels .corner{margin:0; padding:0; position:absolute; background-repeat:no-repeat; height:9px; width:9px; z-index:100; background-position:0 0;}
.structBody .TabbedPanels .c-tl{background-image: url(images/TabsLtTp.gif); top:27px; left:0;}
.structBody .TabbedPanels .c-bl{background-image: url(images/TabsLtBtm.gif); bottom:0; _bottom:-7px; left:0; width:7px; height:7px;}


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

.structRight .make{margin:0 0 10px; padding:0; float:right; width:224px; }
.structRight .maketop{margin:0; padding:0; float:left; width:100%; background:url(images/makeTp.gif) no-repeat left top;}
.structRight .makeBtm{margin:0; padding:60px 15px 15px; float:left; width:194px; background:url(images/makeBtm.gif) no-repeat left bottom;}

.structRight #ContentRightPromo2{margin:0; padding:0; float:left; width:224px;} 


/* Footer Elements 
---------------------------------------------*/
.structFooter{margin:0; padding:30px 0 50px; float:left; width:100%; background:url(images/FooterBG.gif) no-repeat center top;}
.structFooter #ContentFooter{margin:0; padding:0; float:left; width:100%; color:#666666; text-align:center;}
.structFooter #ContentFooter a{color:#666666;}