/* ---------------------------------------------------------------------------------------------------------- 1) HTML tags ---------------------------------------------------------------------------------------------------------- */ body {background:url("../design/b.gif") 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif;} h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;} /* ---------------------------------------------------------------------------------------------------------- 2) HTML ---------------------------------------------------------------------------------------------------------- */ ul.ul-01 {margin:15px 0; list-style:none;} ul.ul-01 li {padding:2px 0 2px 25px; background:url("../design/ul-0.gif") 0 50% no-repeat; font-size:85%;} ul.ul-list {margin:15px 0; list-style:none;} ul.ul-list li {padding:1px 0; padding-bottom: 10px;} ul.ul-list span.date {padding-right:10px;} /* ---------------------------------------------------------------------------------------------------------- 3) General Layout ---------------------------------------------------------------------------------------------------------- */ #main {width:960px; margin:0 auto; overflow:hidden;} #header {position:relative; padding:10px 0px 20px 220px;} #header li {display:inline; } #header li a {float:left; padding:0px 0px 0px 0px;} #logo {margin:0;} #nav {position:absolute; top:80px; right:20px; margin:0;} #nav span {margin:0 8px;} #nav #nav-active {font-weight:bold; text-decoration:none;} /* TOP LINKS */ #tray {position:relative; width:960px; height:45px; background:url("../design/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "helvetica"; padding-left:60px; } #tray ul {margin:0 20px; list-style:none;} #tray p {margin:0 20px; padding-left: 20px; padding-top: 15px; font-size: 15px; font-family: helvetica; color: #005480; list-style:none;} #tray li {display:inline; } #tray li a {display:block; float:left; padding:17px 20px 17px 18px; background:url("../design/tray-separator.gif") 100% 0 no-repeat; text-decoration:none;} #tray li a:hover {background:url("../design/tray-hover.gif");} #tray li#tray-active a {background:url("../design/tray-active.gif");} /* BOTTOM TRAY */ #tray2 {position:relative; width:960px; height:45px; background:url("../design/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "helvetica"; } #tray2 p {margin:0 20px; padding-left: 20px; padding-top: 15px; font-size: 15px; font-family: helvetica; color: #005480; list-style:none;} /*Secondary Links for each content page*/ #sublinks {float:left; width:600px; font:bold 80%/1 "helvetica"; padding-left:195px;} #sublinks ul {list-style:none; margin-top: 20px;} #sublinks ul li {float:left;} #sublinks ul a {display:block; width:130px; height:40px; text-decoration:none; color:#005480; background:url("../design/button.png") no-repeat; padding-top:10px; text-align:center; } #sublinks ul a:hover {background:url("../design/buttongrey.png") no-repeat; color:#FFFFFF; } #sublinks li#sublinks-active a {background:url("../design/buttonactive.png") no-repeat;} /* SOFTWARE LOGOS */ #software_logos {float: left; width: 890px; padding:10px 0px 20px 100px; } #software_logos p {margin:0; } #software_logos li {display:inline; } #software_logos li a {float:left; padding:0px 20px 20px 15px;} /*footer */ #footerright{float: right; width: 230px; padding:30px 0px 40px 20px; } #footerright p {margin:0;} #footerleft {float: left; width: 600px; padding:20px 20px 40px 20px; } #footerleft p {margin:0;} /* ---------------------------------------------------------------------------------------------------------- 4) CONTENT SECTION ---------------------------------------------------------------------------------------------------------- */ /* -------------------- TOP BANNER BAR ------------------------------ */ #col-top {width:960px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #col {position:relative; padding:0px 0px 0px 0px; background:url("../design/col.gif") 0 0 repeat-y; overflow:hidden;} #col-browser {position:relative; float:left; width:940px; height:215px; background:url("../design/.gif") 0 0 no-repeat; } #col-browser img {position:absolute; top:0px; left:10px;} #col-text {float:right; width:600px; padding-top:0px; line-height:1.7;} #btns {margin-top:25px; margin-bottom:0;} /* -------------------- NEWS / CONTENT SECTION ------------------------------ */ #cols2-top {width:960px; height:5px; margin-top:15px; background:url("../design/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #cols2-bottom {width:960px; height:5px; margin-bottom:5px; background:url("../design/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #cols2 {background:url("../design/col.gif") 0 0 repeat-y;} #cols2 #col-left {float:left; width:890px; padding-left:20px; padding-right:30px;} #cols2 #col-frontpage {float:left; width:400px; height: 330px; padding-left:20px; padding-right:30px; overflow:hidden; text-align:justify} #cols2 .banner {float:right; width:480px; height: 330px; padding-left:0px; padding-bottom: 0px; padding-top: 10px; padding-right:30px; overflow:hidden;} #cols2 #col-software {float:left; width:890px; padding-left:20px; padding-top: 20px; padding-right:30px;} #cols2 #col-schedule { float:left; width:700px; padding-left:150px; line-height: 1px;} #cols2 #col-schedule2 { float:left; width:525px; padding-left:250px; line-height: 1px;} #cols2 #col-lefty { float: left; width: 240px; padding-left: 175px;} #cols2 #col-righty { float: right; width: 360px; padding-right: 125px;} #cols2 #col-leftypeople { float: left; width: 200px; height: 160px; padding-left: 20px; padding-bottom: 10px;} #cols2 #col-rightypeople { float: right; width: 650px; height: 160px; padding-right: 20px; padding-top: 10px; overflow:hidden;} #cols2 #col-leftytalent { float: left; width: 200px; height: 160px; padding-left: 45px; padding-bottom: 20px;} #cols2 #col-rightytalent { float: right; width: 650px; height: 160px; padding-right: 65px; padding-top: 0px; padding-bottom: 20px; overflow:hidden;} #cols2 .news {float:left; width:890px; height: 250px; padding-left:20px; padding-bottom: 30px; padding-right:30px; overflow:hidden; text-align:justify} #cols2 #col-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;} #cols2 #col-left .title {background:url("../design/do.gif") 0 50% repeat-x; } #cols2 #col-left .title h4 {display:inline; padding-left:20px; padding-right:10px;} #cols2 #col-left .title2 h4 {display:inline; padding-left:0px; padding-right:10px;} #cols2 #col-left .title span {padding-left:10px; } #cols2 .box {margin-top:15px;} /* -------------------- BOTTOM 3 COLUMN INFO SECTION------------------------------ */ #cols3-top {width:960px; height:5px; margin-top:15px; background:url("../design/cols3-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #cols3-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;} #cols3 {background:url("../design/cols3.gif") 0 0 repeat-y;} .col {float:left; width:308px; padding:0 1px; margin-right:15px;} .col.last {margin-right:0;} .col h3 {margin:0; padding:7px 15px 12px 50px; background:url("../design/cols3-titl.gif") 20px 40% no-repeat; font-size:120%;} .col h2 {margin:0; padding-left:35px; font-size:120%; font-family:helvetica; } .col-text {padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom: 10px; border-top:1px solid #DFDFDF;} .col-text p {margin:0;} .col-text ul {margin-bottom:0;} .col-more {padding:5px 10px 0px 0; text-align:right;} /* ---------------------------------------------------------------------------------------------------------- 5) Other Stuff ---------------------------------------------------------------------------------------------------------- */ .date {color:#307ea4;} .smaller {font-size:85%;} .title {font-weight:bold; font-family:helvetica; color: #333333;