@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { overflow: scroll; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #4f4c4d; background: url(../images/bgBody.gif) 0 127px repeat-x #c0bebf; }

#holder { position: relative; margin: 0 auto; padding: 3px 0px 42px 0px; overflow: hidden; width: 983px; background: #FFFFFF; }

#holder #header { position: relative; float: left; width: 100%; height: 430px; background:url(../images/bgHeader.gif) bottom repeat-x; border-top: 4px solid #d05630; border-bottom: 1px solid #e0e0e0; }
#holder #header h1 { position: absolute; top: 21px; right: 50px; z-index: 1; width: 209px; height: 62px; background: url(../images/logo.gif) top left no-repeat; }
#holder #header h1 a,
#holder #header h1 a:visited { display: block; width: 209px; height: 62px; }
#holder #header h1 a span { display: none; }

#holder #header .bullets { position: absolute; top: 46px; left: 43px; z-index: 1; display: block; width: 46px; height: 12px; background: url(../images/bullets.gif) top left no-repeat; }

#holder #header ul.menu { position: relative; float: left; display: inline; margin: 13px 0px 0px 135px; height: 86px; list-style: none; border-left: 1px solid #cdcdcd; z-index: 5; }
#holder #header ul.menu li { position: relative; float: left; padding: 28px 22px 0px 22px; display: block; height: 58px; border-right: 1px solid #cdcdcd; }
#holder #header ul.menu li.node1 { background: url(../images/bgMenuNode1.gif) center no-repeat; }
#holder #header ul.menu li.node2 { background: url(../images/bgMenuNode2.gif) center no-repeat; }
#holder #header ul.menu li.node3 { background: url(../images/bgMenuNode3.gif) center no-repeat; }
#holder #header ul.menu li.node4 { background: url(../images/bgMenuNode4.gif) center no-repeat; }
#holder #header ul.menu li a,
#holder #header ul.menu li a:visited { display: block; height: auto; font-size: 13px; font-weight:bold; color: #7b0095; text-align: center; text-decoration: none; }
#holder #header ul.menu li a:hover,
#holder #header ul.menu li a.active { display: block; height: auto; font-size: 13px; font-weight:bold; color: #000; text-align: center; text-decoration: none; }

#holder #header ul.menu li:hover ul, 
#holder #header ul.menu li.sfhover ul { display: block; }
#holder #header ul.menu li ul { position: absolute; top: 65px; left: 0px; width: 99%; display: none; border: 1px solid #f69249; border-top: 23px solid #f69249; z-index: 10; background: #FFFFFF; opacity: 0.90; filter: alpha(opacity=90); }
#holder #header ul.menu li ul li { position: relative; float: left; padding: 0; width: 99%; height: 28px; text-align: left; border: none; }
#holder #header ul.menu li ul li a,
#holder #header ul.menu li ul li a:visited { position: relative; float: left; padding: 0; width: 99%; height: 28px; line-height: 28px; font-size: 10px; color: #000000; text-align: center; border: none; }
#holder #header ul.menu li ul li a:hover,
#holder #header ul.menu li ul li a.active { display: block; height: auto; font-size: 10px; color: #7b0095; text-align: center; text-decoration: none; }
* html #holder #header ul.menu li ul { width: 166px; }

#holder #header .header { position: relative; float: right; display: inline; margin-right: 68px; width: 780px; height: 322px; border-top: 1px solid #c162b5; background: #8600ae; }
#holder #header .header .splash { position: relative; float: left; width: 586px; height: 322px; overflow: hidden; }
#holder #header .header .splash img { float: left; }

#holder #header .header ul { position: relative; float: right; width: 194px; list-style: none; }
#holder #header .header ul li { float: left; display: block; width: 194px; height: 79px; }
#holder #header .header ul li a,
#holder #header .header ul li a:visited { display: block; padding: 24px 6px 4px 16px; width: 172px; height: 50px; font-size: 18px; font-weight: bold; color: #ffffff; text-align: left; text-decoration: none; background: url(../images/bgHeaderSubMenu.gif) 6px 4px no-repeat; }
#holder #header .header ul li a:hover,
#holder #header .header ul li a.active { display: block; padding: 24px 6px 4px 16px; width: 172px; height: 50px; font-size: 18px; font-weight: bold; color: #ffffff; text-align: left; text-decoration: none; background: url(../images/bgHeaderSubMenuHover.gif) 6px 4px no-repeat #500068; cursor: pointer; }
#holder #header .header ul li a span { display: block; font-size: 12px; font-weight: bold; color: #FFFFFF; }
#holder #header .header ul li a b,
#holder #header .header ul li a:visited b { color: #f47920; }

#holder #header .header ul li.contact a,
#holder #header .header ul li.contact a:visited { display: block; padding: 24px 6px 8px 16px; width: 172px; height: 53px; background: url(../images/bgHeaderContactSubMenu.gif) 6px 6px no-repeat #f27519; }
#holder #header .header ul li.contact a:hover,
#holder #header .header ul li.contact a.active { display: block; padding: 24px 6px 8px 16px; width: 172px; height: 53px; background: url(../images/bgHeaderContactSubMenuHover.gif) 6px 6px no-repeat #d23e00;  }

#holder #body { position: relative; float: left; padding-top: 35px; width: 100%; height: auto; }
#holder #body .font { position: absolute; right: 0; top: -25px; font-size: 9px; color: #000000; text-align: right; }
#holder #body .font a,
#holder #body .font a:visited { text-decoration: none; color: #65249e; }
#holder #body .font a:hover,
#holder #body .font a.active { text-decoration: underline; color: #65249e; }
#holder #body .font a.mid { font-size: 15px; }
#holder #body .font a.big { font-size: 20px; }

#holder #body .left { position: relative; float: left; padding-bottom: 20px; width: 135px; }
#holder #body .right { position: relative; float: left; padding-bottom: 20px; width: 278px; }
#holder #body .right img { margin-bottom: 10px; }
#holder #body .right a img { margin-bottom: 10px; border: none; }

#holder #body .body { position: relative; float: left; width: 544px; text-align: left; }
#holder #body .body h1 { display: block; padding-left: 34px; height: 25px; font-size: 17px; font-weight:bold; color: #7b0095; line-height: 25px; background: url(../images/logoH1.gif) left top no-repeat; }
#holder #body .body h2 { color:#7b0095; font-size:15px; line-height: 25px;}
#holder #body .body h3 { color:#7b0095; font-size:13px; line-height: 25px;}
#holder #body .body p a,
#holder #body .body p a:visited { color: #7b0095; }
#holder #body .body .intro { position: relative; float: left; padding: 0px 0px 17px 34px; width: 510px; line-height: 160%; }
#holder #body .body .intro p { font-size:14px; }
#holder #body .body .content { position: relative; float: left; padding: 0px 0px 20px 34px; width: 510px; line-height: 160%; }
#holder #body .body .content p { display: block; clear: left; font-size:14px;}
#holder #body .body .content p a,
#holder #body .body .content p a:visited { color: #7b0095; }
#holder #body .body .content img { float: left; margin: 4px 4px 4px 0px; border: 1px solid #bfbfbf; }
#holder #body .body .content ul { margin-left: 15px; }
#holder #body .body .content ul li a,
#holder #body .body .content ul li a:visited { color: #4f4c4d; text-decoration: none; }
#holder #body .body .content ul li a:hover { color: #4f4c4d; text-decoration: underline; }

#holder #footer { position: relative; float: left; width: 100%; height: 73px; background: #f0eeef; }
#holder #footer ul { position: relative; float: left; display: inline; margin: 26px 0px 0px 140px; list-style: none; }
#holder #footer ul li { position: relative; float: left; padding: 0px 10px; background: url(../images/bgDivFooter.gif) right no-repeat; }
#holder #footer ul li.lastNode { background: none; }
#holder #footer ul li a,
#holder #footer ul li a:visited { position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #8600ae; }
#holder #footer ul li a:hover { position: relative; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #8600ae; }

#holder #footer a.limeSquare,
#holder #footer a.limeSquare:visited { position: relative; float: right; margin: 26px 50px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none; color: #8600ae; }
#holder #footer a.limeSquare:hover { position: relative; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: underline; color: #8600ae; }