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

/*===  RESET  ===*/
/*html{color:#000;background:#FFF;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*===  GLOBAL / USEFUL  ===*/
body { font-family: Arial, Helvetica, sans-serif; background: url(../images/bg_bodyGradient.gif) repeat-y center; color: #737373; }

h1 { font-size: 1.125em; font-weight: bold; color: #03789e; }
h2 { font-size: 1em; font-weight: bold; padding-bottom:10px; }

a, a:visited { color: #5f4491;}
.clear {clear: both;}
.hidden {display: none;}
/*===  MAIN LAYOUT  ===*/
.siteWrap { width: 952px; margin: 0 auto;}
.siteWrapIn { padding: 0 1px;}
.siteHead { height: 112px; background:url(../images/bg_siteHead.gif) repeat-x bottom; position: relative; padding-top: 35px; margin-right: 1px;}
.siteFoot { color: #737373; font-size: 0.6875em; text-align: center; padding: 1.5625em 0; width: 900px; border-top: 1px solid #cccccc; margin: 0 auto;}

/*===  SA BAR  ===*/
#saBar { position: absolute; z-index: 500; width: 100%; height: 28px; top: 0; left: 0; }
#saBar table { height: 28px; }
/*#saBar table td { overflow: hidden; }*/
#saBar table td.saLeft { width: 50%; background: url(../images/saBar_leftPNG.png) top repeat-x; height: 28px; }
#saBar table td.saRight { width: 50%; background: url(../images/saBar_rightPNG.png) top repeat-x; height: 28px; }
#saBar .saCenter { float: left; width: 950px; height: 28px; background: url(../images/saBar_centerBG.png) top left no-repeat; position: relative; z-index: 600; }
#saBar .saCenter .logo { float: right; width: 208px; height: 58px; background:  url(../images/saBar_centerLogo.png) no-repeat;  }
#saBar .saCenter .logo a, #saBar .saCenter .logo img { width: 100%; height: 100%; }

/*===  HEAD  ===*/
.siteHead .DNA_logo { display: block; float: left; background:url(../images/logo_DNA.gif) no-repeat; width: 375px; height: 74px; overflow: hidden; margin: 18px 0 0 20px; font-size: 1.5em; color: #2e3192; }
.siteHead .DNA_logo span { display: block; font-size: 1.0em; text-transform: uppercase; color: #28b87d;}
.siteHead .DNA_logo a { display: block; width: 100%; height: 100%; text-indent: -3000px;}

.siteHead .forUS {  position: absolute; top: 28px; right: 210px;}
.siteHead .forUS p { font-size: 14px; font-weight: bold;}

.siteNav { position: absolute; right: -2px; bottom: -1px; background: url(../images/bg_siteNav.jpg) no-repeat; width: 540px; height: 35px;}
html>body .siteNav { position: absolute; right: -1px; bottom: 0; background: url(../images/bg_siteNav.jpg) no-repeat; width: 540px; height: 35px;}
.siteNav ul { float: right; width: 485px;  }
.siteNav ul li { float: left; height: 35px; overflow: hidden;}
.siteNav li a { display: block; height: 100%; background-repeat: no-repeat; background-position: 0 -35px; text-indent: -3000px;}
.siteNav li a:hover { background-position: 0 0;}

.siteNav li a.home { background-image: url(../images/nav_home.jpg); width: 62px; }
.siteNav li a.about { background-image: url(../images/nav_about.jpg); width: 93px; }
.siteNav li a.register { background-image: url(../images/nav_register.jpg); width: 78px; }
.siteNav li a.contact { background-image: url(../images/nav_contact.jpg); width: 107px; }
.siteNav li a.program { background-image: url(../images/nav_program.jpg); width: 159px; }

.siteHead .search { position: absolute; right: 17px; bottom: 50px; }
.siteHead .search input.txt { width: 97px; height: 15px; padding-top: 2px; padding-left: 5px; border: 0; color: #737373; font-size: 11px;}
.siteHead .search th { border-left: 1px solid #c5c5c4; border-top: 1px solid #c5c5c4; border-bottom: 1px solid #c5c5c4; }
.siteHead .search td { border: 1px solid #c5c5c4; }

.subNav { float: right; width: 420px; height: 29px; background: url(../images/bg_subCorner.jpg) no-repeat top left; padding-left: 50px;}
.subNav ul { height: 100%; width: 100%; float: left; background:url(../images/bg_subBody.jpg) repeat-x;}
.subNav ul li { float: left; margin-right: 12px; margin-top: 2px;}
.subNav li a{ color: #5a9ec9; font-size: 11px; line-height: 11px; text-decoration: none;}

/*=== BODY ===*/

/*-- splash --*/
.splashTop { height: 199px; background: url(../images/landingHero.jpg) no-repeat top left; position: relative;}
.splashTop .inner { position: absolute; top: 40px; left: 445px; width: 460px; }
.splashTop h1 { color: #737373; font-weight: normal; font-size: 18px; margin-bottom: 15px; }
.splashTop p { font-size: 12px; margin-left: 20px; margin-bottom: 15px;}
.splashTop a.cta { display: block; float: right; background: url(../images/icon_purpleArrow.gif) no-repeat right center; color: #6f55a0; padding-right: 12px; text-decoration: none; font-size: 11px;}

.splashFoot { background:#5fc3d8 url(../images/bg_splashCTAs.jpg) repeat-x top left; float: left; width: 100%; border-bottom: 1px solid #4c92ba; overflow: hidden; position: relative; margin-bottom: -1px;}
.splashFoot .ctaWrap { float: left; display: inline; margin-left: 24px; margin-top: 15px;}
.splashFoot .ctaWrap .cta { display: block; float: left; width: 445px; height: 106px; background-repeat: no-repeat; overflow: hidden; position: relative; text-decoration: none; }

.rCol .ctaWrap {}
.rCol .ctaWrap .cta { display: block; width: 311px; height: 126px; margin-bottom: 5px; background-repeat: no-repeat; overflow: hidden; position: relative; text-decoration: none; }

.ctaWrap span.desc, .ctaWrap span.desc2	{ position: absolute; display: block;  font-size: 11px; color: #707070; }
.splashFoot .ctaWrap span.desc { top: 44px; left: 124px; width: 300px;}
.splashFoot .ctaWrap span.desc2 { top: 44px; left: 140px; width: 148px;}

.rCol .ctaWrap span.desc { position: absolute; top: 35px; left: 126px; width: 140px;}

.ctaWrap span { cursor: pointer; }
.ctaWrap span.lrnTop	{ position: absolute; top: 12px; right: 16px; display: block; background: url(../images/icon_arrowTop.gif) no-repeat right center; padding-right: 12px; font-size: 11px; }
.ctaWrap span.lrnBot	{ position: absolute; right: 12px; bottom: 10px; display: block; background: url(../images/icon_arrowBottom.gif) no-repeat right center; padding-right: 12px; font-size: 11px; color: #7e7e83;}

.ctaWrap .events1 		{ background-image: url(../images/cta_upEvents.jpg);}
.ctaWrap .events2 		{ background-image: url(../images/cta_upEvents2.jpg); }
.ctaWrap .dev1		 	{ background-image: url(../images/cta_newDev.jpg); } 
.ctaWrap .experts1 		{ background-image: url(../images/cta_panelExperts.jpg); margin-left:10px;}
.ctaWrap .experts2 		{ background-image: url(../images/cta_panelExperts2.jpg); }
.ctaWrap .dev2 			{ background-image: url(../images/cta_newDev2.jpg);}
.ctaWrap .chairman1		{ background-image: url(../images/cta_msgChairman.jpg);}

.splashFoot .copy { float: left; margin-top: 15px; margin-left: 63px; margin-bottom: 35px;}
.splashFoot .copy h1 { font-weight: normal; color: #fff; margin-bottom: 7px;}
.splashFoot .copy p { font-size: 12px; color: #fff;}

/*-- inner --*/
.colWrap { margin-top: 55px; margin-bottom: 55px; overflow: hidden; }
.siteBody .lCol { float: left; margin: 55px 0 55px 45px; display: inline; width: 505px; color: #545454; overflow: hidden;}
.siteBody .rCol { float: right; margin: 55px 22px 55px 0; }

.lCol h1 { margin-bottom: 1.25em;}
.lCol h5 { font-weight: bold; color: #545554; font-size: 0.75em; }
.lCol p { font-size: 0.75em; margin: 0 0 2.1em 0; }

.nxt { text-align: left; margin: 0; }
.nxt a {text-decoration: none; font-size: 0.75em;}
.nxt a:hover { text-decoration: underline;}

.steering a { display: block;}

ul.gen { margin-bottom: 1.25em;}
ul.gen li { margin: 0.6125em 0 0.6125em 15px; list-style-type: disc;}
ul.gen li p { margin: 0;}

/*=== FOOTER ===*/
.inner {}
.siteFoot a { text-decoration: underline; color: #737373;}
.siteFoot p { margin-bottom: 1.0em;}
.siteFoot span.divide { margin: 0 0.6125em;}
.siteFoot .init {text-align: left; margin-bottom: 1.5em;}