body {background:#fff url(images/bground.gif) repeat-y; margin:0; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; line-height:16px; color:#666; text-align:center;} h1, h2, h3, h4 {padding:0; margin:0;} h2 {display:none;} /* page titles */ h3.largesubhead {margin-bottom:12px;padding-bottom:12px; border-bottom:1px solid #ccc; font-size:18px; font-weight:normal;} h4.largesubhead {margin-bottom:12px;padding-bottom:0; font-size:18px; font-weight:normal;} p {margin:0; padding:0 0 12px 0; line-height:18px;} ul {margin:0; padding:0 0 12px 20px;} li {line-height:16px; padding:0 0 6px 0;} .largetext {font-size:14px; line-height:18px;} .largetext p {font-size:14px; line-height:18px;} img {border:0;} .clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} div#printlogo {display:none;} /* ---- links ----------------------------------------- */ a {color:#900; text-decoration:none;} a:visited {} a:hover {color:#666; text-decoration:none;} a:active {color:#900;} a:active, a:focus{outline:none;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {border:1px solid #999; color:#666; margin:0; font-size:11px; font-family:Helvetica, Arial, Verdana, sans-serif; background-color:#f4f4f4;} input.button {border-color:#999; background-color:#ccc;} /* contact form table */ table#contactTable {margin:15px 0 5px 0;} table#contactTable td {vertical-align:top; padding:5px 5px 5px 0; font-size:11px;} table#contactTable td label {color:#000;} table#contactTable td.left {text-align:left;} table#contactTable td input {width:380px;} table#contactTable td textarea {width:380px; height:100px;} table#contactTable td input.button {width:60px;} #guideTable {margin:15px 0 5px 0;} #guideTable td {vertical-align:top; padding:5px 5px 5px 0; font-size:11px;} #guideTable td label {color:#000;} #guideTable td.left {text-align:left;} #guideTable td input {width:280px;} #guideTable td input.add {margin-bottom:2px;} #guideTable td textarea {width:280px; height:100px;} #guideTable td input.button {width:60px;} /* ---- ids & classes ----------------------------------------- */ #frame { /* this centers the page & holds tagline & all page content */ width:760px; background:#fff; margin:0 auto; padding:40px 0 0 0; text-align:left; position:relative;} #header {position:relative; width:760px; height:70px; margin-bottom:10px; background:url(images/border.gif) 0 100% no-repeat;} #logo {position:absolute; top:0px; left:0px; width:200px; height:51px; background:url(images/logo.gif) -1px 0 no-repeat; text-indent:-4000px;} #logo a {display:block; width:200px; height:51px; text-decoration:none;} #mainnav {float:right; margin-top:16px;} #mainnav ul {float:left; list-style:none; padding:0; margin:0 5px 0 0; display:inline;} #mainnav li {display:inline; margin-left:25px; padding:0; line-height:20px; font:normal 12px verdana,sans-serif;;} #mainnav a {color:#333;} #mainnav a:hover {color:#900;} #mainnav a.on {color:#900;} #wrap {min-height:450px;} /* for min-height */ * html #wrap {height:450px;} /*IE hack for min-height above */ #pagetitle {} #pagetitle h2 {} #pagetitle img {display:block; margin:20px 0 20px;} #processheaderlink {float:right; text-align:right; width:500px; margin:25px 60px 0 0; color:#666666;} #portfolioheaderlink {float:right; text-align:left; width:625px; margin:30px 0 0 0; color:#666666;} /* portfolio title & subnav */ #pagetitleportfolio {position:relative; height:65px;} /* #pagetitleportfolio {height:1%;} /* peekaboo bug hack */ #title {display:block; margin:20px 0 20px;} #title img {position:absolute; top:20px; left:0;} #pnav {position:absolute; top:28px; left:128px;} #pnav ul {text-align:center; margin:0; padding:0;} #pnav li {list-style-type:none; display:inline; margin:0; padding:0px 4px 0px 7px; font-size:11px; line-height:13px; border-left:1px solid #ccc;} #pnav li.first {border:none; padding-left:0px;} #pnav a {color:#900; line-height:12px;} #pnav a:hover {color:#666;} #pnav a.on {color:#666;} #banner {width:755px; margin:0 auto; padding:10px 0; position:relative;} #banner img {display:block; margin:0 auto;} /* subnav for process section */ #processnav {position:absolute; top:18px; left:10px;} #processnav ul {text-align:center; margin:0; padding:0;} #processnav li {list-style-type:none; display:inline; margin:0; padding:0px 5px 0px 8px; font-size:12px; line-height:14px; border-left:1px solid #ccc;} #processnav li.first {border:none;} #processnav a {color:#A5A5A5; line-height:14px;} #processnav a:hover {color:#fff;} #processnav a.on {color:#fff;} /* subnav for resources section */ #resourcesnav {padding-bottom:10px;} #resourcesnav ul {text-align:left; margin:0; padding:0;} #resourcesnav li {list-style-type:none; display:inline; margin:0; padding:0px 4px 0px 7px; font-size:11px; line-height:13px; border-left:1px solid #ccc;} #resourcesnav li.first {border:none; padding-left:0px;} #resourcesnav a {color:#900; line-height:12px;} #resourcesnav a:hover {color:#666;} #resourcesnav a.on {color:#666;} /* Content area id's are named by section */ #process, #portfolio, #resources, #connect {width:756px; margin:0 auto; padding-bottom:1px;} /* PROCESS --- */ #process {padding-top:20px;} #process h3 {font-size:11px; text-transform:uppercase; padding-bottom:15px;} /* 2 col (old) --- */ #process #lcol {float:left; width:470px; margin-right:30px; padding-left:20px;} #process #rcol {float:left; width:210px; color:#333;} #process #rcol p {font-size:11px; line-height:14px;} /* single col --- */ #process #singlecol {padding:0 60px 0 60px;} .process_steps1, .process_steps2, .process_steps3, .process_steps4, .process_steps5 {width:154px; height:135px; float:left;} .process_steps1 a, .process_steps2 a, .process_steps3 a, .process_steps4 a, .process_steps5 a {display:block; text-indent:-4000px; width:135px; height:135px;} .process_steps1 a {background:url(images/process_1.gif) no-repeat 0px 0px;} .process_steps1 a:hover {background:url(images/process_1.gif) no-repeat 0px -135px;} .process_steps2 a {background:url(images/process_2.gif) no-repeat 0px 0px;} .process_steps2 a:hover {background:url(images/process_2.gif) no-repeat 0px -135px;} .process_steps3 a {background:url(images/process_3.gif) no-repeat 0px 0px;} .process_steps3 a:hover {background:url(images/process_3.gif) no-repeat 0px -135px;} .process_steps4 a {background:url(images/process_4.gif) no-repeat 0px 0px;} .process_steps4 a:hover {background:url(images/process_4.gif) no-repeat 0px -135px;} .process_steps5 a {background:url(images/process_5.gif) no-repeat 0px 0px;} .process_steps5 a:hover {background:url(images/process_5.gif) no-repeat 0px -135px;} /* PORTFOLIO --- */ #portfolio {padding-top:10px;} /* 3-col boxes */ #portfolio .box {float:left; width:237px; margin-right:18px; background:#eee;} #portfolio .box img {display:block;} /* project type page (2 even cols) */ #portfolio .col {width:360px; float:left; margin-right:30px;} #portfolio .col h3 {font-size:18px; font-weight:normal; border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:10px;} #portfolio .col table {margin:0 0 30px 0;} #portfolio .col td {vertical-align:top; padding:0;} #portfolio .col td img {display:block; margin-right:12px;} #portfolio .col td h4 {color:#8A8C75; font-size:13px; margin-bottom:5px;} #portfolio .col td h4 a {color:#8A8C75;} #portfolio .col td {font-size:11px; line-height:14px; color:#666;} #portfolio .col td {font-size:11px; line-height:14px; color:#666;} #portfolio .col td p {font-size:11px; line-height:14px; color:#666;} /*#portfolio .imgbox {position:relative; width:112px; height:112px;} #portfolio .imgbox a {display:block; margin-right:12px; position:absolute; top:0; left:0; z-index:20;} #portfolio .imgbox a:visited {background:url(images/viewed.gif) 0 0 no-repeat;} #portfolio .imgbox img {display:block; position:absolute; top:0; left:0; z-index:10;}*/ /* project detail page */ #portfolio #lcol {float:left; width:230px; margin-bottom:50px;} #portfolio #lcol h3 {font-size:14px; line-height:18px; color:#333; margin-top:15px;} #portfolio #lcol p {font-size:11px; line-height:14px; color:#666;} #detailnav {padding-top:20px;} #detailnav a {text-indent:-4000px; display:block; width:17px; height:21px; float:left; margin-right:5px;} #detailnav a.arrowleft {background:url(images/arrowleft.gif) no-repeat; margin-right:5px;} #detailnav a.arrowright {background:url(images/arrowright.gif) -5px 0 no-repeat; margin-left:0; display:inline;} /*#detailnav a.page {background:url(images/page.gif) no-repeat;}*/ #detailnav a.page {text-indent:0px;margin:2px 0 0 0;} /*#detailnav a.page:hover {background:url(images/pageactive.gif) no-repeat;}*/ #detailnav a.page:hover {color:#000000;} /*#detailnav a.pageactive {background:url(images/pageactive.gif) no-repeat;}*/ #detailnav a.pageactive {color:#000000;text-indent:0px;margin:2px 0 0 0;} #portfolio #rcol {float:right; width:495px; margin-bottom:50px;} /* RESOURCES --- */ #resources {} #resources p {} /* 3-col boxes */ #resources .box {float:left; width:220px; margin-right:40px; padding-top:25px;} #resources .box img {display:block; margin-bottom:10px;} #resources .box h3 {font-size:13px; color:#8A8C75; padding-bottom:10px;} #resources .box p {font-size:11px; line-height:14px; color:#666;} /* 2-cols (even cols) */ #resources .col {width:360px; float:left; margin-right:30px; padding-top:25px;} #resources .col table {margin:0 0 30px 0;} #resources .col td {vertical-align:top; padding:0;} #resources .col td img {display:block; margin-right:25px;} #resources .col h4 {color:#333; font-size:11px; margin-bottom:12px;} #resources .col h4 a {font-size:13px; color:#8A8C75; padding-bottom:10px;} #resources .col p {font-size:11px; line-height:14px;} /* CONNECT --- */ #connect {} #connect #lcol {float:left; width:210px; margin-right:30px; padding-top:25px;} #connect #lcol h3 {color:#333;} #connect #lcol p {font-size:11px; line-height:13px;} #connect #rcol {float:left; width:470px; padding-left:20px;} /* PRINCIPLES --- */ #principles {} #principles .col {width:360px; float:left; margin-right:30px; font-size:11px; line-height:14px; color:#666;} #principles .col h4 {color:#333; font-size:11px; margin-bottom:12px;} #footer {width:760px; margin:10px auto; padding:6px 0 0 0; background:url(images/border.gif) 0 0 no-repeat;} #footer p {font-size:10px;} #footer span {color:#333;} #adminmenu { font:normal 10px Helvetica, Arial, Verdana, sans-serif; width:160px; clear:both; font-size:11px; position:absolute; right:0; top:0; } #adminmenu table { text-align:left; background-color:#FFFFFF;width:160px;height:80px;} #adminmenu a {text-decoration:none; color:#000000;}