/* Based on Eric Meyer's Reset Reloaded:
   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, form, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0; border:0; padding:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
  font-weight:1
}
/* remember to define focus styles! */
:focus { outline:0; }

body { line-height:1; }
/* ol, ul { list-style:none; } */

a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

div { position:relative; }
img { vertical-align:middle; border:0; margin:0; }
strong,th { font-weight:bold; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption, td {
  text-align:left;
  font-weight:normal;
  vertical-align:top;
}
th {
  text-align:center;
  font-weight:bold;
  vertical-align:middle;
}

/**
    http://matthewjamestaylor.com/blog/holy-grail-no-quirks-mode.htm
    http://matthewjamestaylor.com/blog/how-to-convert-a-liquid-layout-to-fixed-width
**/
body {
  margin:0;
  padding:0;
  width:100%;
  background:#fff;
  min-width:600px;    /* Minimum width of layout - remove line if not required */
  text-align:center;
}
#fixed {
  margin:0 auto;
  width:960px;   /* you can use px, em or % */
  text-align:left;
}
#header {
  float:left;
  width:100%;
  padding:0;
  margin:0;
}
#colmask {
  position:relative;  /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;      /* width of whole page */
  overflow:hidden;    /* This chops off any overhanging divs */
  min-height:600px;
}
#colmid {
  float:left;
  width:200%;
  position:relative;
  left:300px;
}
#colright {
  float:left;
  width:100%;
  position:relative;
  left:50%;
  margin-left:-580px;
}
#col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:100%;
}
#col1pad {
  margin:0 30px 0 570px;
  overflow:hidden;
}
#col1 {
  width:100%;
  overflow:hidden;
}
#col2 {
  float:left;
  width:200px;
  position:relative;
  margin-left:-50%;
  left:310px;
  overflow:hidden;
}
#col3 {
  float:left;
  width:250px;
  position:relative;
  left:0px;
  overflow:hidden;
}
#footer, #copy, #sponsors, #sponsors2 {
  clear:both;
  float:left;
  width:100%;
  padding:0;
  margin:0;
}

/* Site Styles */
body {
  background:#f4f4f5 url(images/bg.png) repeat-x top left;
  color:#333;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}
a:link, a:visited {
  color:#005194;
  text-decoration:none;
}
a:hover, a:active {
  color:#005194;
  text-decoration:underline;
}
h1, h2, h3 {
  margin:.8em 0 .2em 0;
  padding:0;
}
h1 {
  font-size:24px;
  color:#B65519;
}
h2 {
  color:#b65519;
  font-weight:normal;
  font-size:15px;
}
h3 {
  font-size:12px;
  font-weight:normal;
  color:#B65519;
  text-transform:uppercase;
}
p, label {
  margin:.4em 0 .8em 0;
  padding:0;
  width:auto;
  line-height:14px;
}
#header {
  height:75px;
  margin-bottom:25px;
}
#logo {
  margin-top:25px;
}

#topnav {
  position:absolute;
  top:56px;
  right:0;
}
#topnav ul {
  float:left;
  list-style:none;
  margin:0px;
  padding:0px;
}
#topnav li {
  float:left;
  list-style:none;
  margin:0px;
  padding:0px;
}
#topnav li a, #topnav li a:link, #topnav li a:visited {
  color:#000;
  display:block;
  font-size:13px;
  font-weight:normal;
  margin:0px;
  border-left:2px solid #fff;
  border-right:2px solid #fff;
  padding:4px 12px;
}
#topnav li a:hover, #yopnav li a:active, #topnav li.current_page_item a, #topnav li.current_page_ancestor a {
  color:#005194;
  margin:0px;
  border-left:2px solid #005194;
  border-right:2px solid #005194;
  padding:4px 12px;
  text-decoration:none;
}

#colmask {
  border:1px solid #caced0;
  background:#fff url('images/bg-main.png') top left repeat-x;
  padding-bottom:25px;
}
#col2 {
  padding-top:30px;
}
div#homepage, div#subpage {
  position:absolute;
  top:30px;
  right:30px;
}
.homepage #col1 {
  padding-top:230px;
}
.homepage #col3 {
  padding-top:235px;
}
div#subpage {

}
.subpage #col1 {
  padding-top:150px;
}
.subpage #col3 {
  padding-top:96px;
}

#col1 hr {
  margin:25px 0 15px 0;
  border:0;
  border-top:1px dashed #dedede;
}
#col1 h3 {
  color:#424242;
  font-weight:bold;
  text-transform:none;
}
#col1 p {
  color:#333;
}
#col1 li {
  line-height:14px;
}
#col1 img {
  float:left;
  padding:0 8px 4px 8px;
}
#col1 ul {
  list-style:disc;
  margin-left:25px;
}
#col1 blockquote {
  margin:8px 0;
  padding:4px 35px;
  background:#fff url('images/blockquote.gif') top left no-repeat;
}

#col2 h3 {
  font-size:12px;
}
#col2 p {
  font-size:10px;
  line-height:11px;
}
#col3 h3 {
  text-align:right;
  margin-bottom:10px;
}
#col3 p {
  font-size:11px;
  line-height:12px;
  text-align:right;
}

#hp-highlight {
  background:#fff url('images/bg-event.png') top left no-repeat;
  width:166px;
  height:100px;
  padding:10px 15px 10px 15px;
  font-size:12px;
}
#hp-highlight p { font-size:11px; line-height:13px;}
div.separator {
  background:#fff url('images/bg-sep.gif') top left no-repeat;
  width:200px;
  margin-top:5px;
  padding-top:5px;
}
#hp-event, .separator h3 {
  color:#424242;
}
#hp-event, .separator p {
  color:#333;
}
#hp-event, .separator a {
  clear:left;
  color:#005194;
}
#col3 .separator {
  margin-left:50px;
  text-align:left;
}
#col3 .separator h3, #col3 .separator p {
  text-align:left;
}

#hp-linkedin {
  margin-top:10px;
}
#hp-presentation {
  background:url('images/bg-presentation.jpg') top left no-repeat;
  width:166px;
  height:40px;
  padding:70px 15px 10px 15px;
}
#hp-callout, #hp-annualsponsor {
  width:160px;
  text-align:right;
  margin-left:90px;
  color:#333;
}
#hp-callout {
  border-bottom:1px solid #caced0;
}
#hp-newsletter {
  width:228px;
  border:1px solid #caced0;
  padding:20px 0 0 20px;
  color:#caced0;
  font-size:9px;
}
#hp-newsletter li {
  list-style:none;
  margin:0;
  padding:0;
}
#hp-newsletter p {
  margin:10px 0 0 0;
}
#hp-newsletter input {
  color:#a5abaf;
  font-size:9px;
  margin-right:8px;
}
input#newslettersubmit {
  color:#333;
}
#nav {
  background-color:#f5f4f0;
  padding:8px 12px;
  min-height:150px;
}
#nav li {
  font-size:13px;
  margin:0px 0px 2px 0px;
  padding:4px;
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  width:160px;
}
#nav li:hover, #nav li:active {
  color:#000;
  text-decoration:none;
  width:160px;
}
#nav li a {
  width:160px;
}
#nav li a:hover, #nav li a:active {
  text-decoration:none;
}
#nav li a:link, #nav li a:visited {
  color:#000;
}

#nav li.current_page_item { font-weight:bold; }
ul#subnav-section, ul#subnav {
  list-style:none;
}
ul#subnav-section li {
  font-size:14px;
  text-transform:uppercase;
  border-bottom:1px solid #caced0;
}
ul#subnav-section li a:link, ul#subnav-section li a:visited {
  color:#b65519;
}

#subnav li.current_page_item li { font-weight:normal; }
#subnav li.current_page_item,
#subnav li.current_page_parent {
}
#subnav li ul { display:none; }
#subnav li.current_page_item ul,
#subnav li.current_page_parent ul {
  display:block;
  margin-top:2px;
}
#subnav li.current_page_item ul li,
#subnav li.current_page_parent ul li {
  width:140px;
  margin:0;
  border:0;
  padding:4px 0 3px 12px;
}
#subnav li.current_page_item ul li:hover,
#subnav li.current_page_parent ul li:active {
  border-bottom:1px solid transparent;
}

#breadcrumb {
  font-size:9px;
  line-height:9px;
}
#breadcrumb a:link, #breadcrumb a:visited {
  color:#122632;
  text-decoration:none;
}
#breadcrumb a:hover, #breadcrumb a:active {
  color:#122632;
  text-decoration:underline;
}

#col2 #featured-project p {
  font-size:11px;
  line-height:12px;
}
#footer {
  margin:4px auto;
  font-size:9px;
  color:#122632;
  text-align:center;
  text-transform:uppercase;
}
#footer a {
  margin:0px 5px;
}
#footer a:link, #footer a:visited {
  color:#122632;
  text-decoration:none;
}
#footer a:hover, #footer a:active {
  color:#122632;
  text-decoration:underline;
}
#copy {
  color:#cdcdcd;
  font-size:9px;
  text-align:right;
}
#copy a:link, #copy a:visited {
  text-decoration:none;
  border-bottom:1px dashed #005194;
  color:#cdcdcd;
}
#copy a:hover, #copy a:active {
  text-decoration:none;
  border-bottom:1px solid #005194;
  color:#005194;
}
#sponsors {
  text-align:left;
}
#sponsors h4 {
  font-weight:bold;
  text-transform:none;
  display:inline;
}
#sponsors img {
  display:inline;
}
#sponsors a {
  margin-left:10px;
}

#footer ul {
  float:right;
  list-style:none;
  margin:12px 0 0 0px;
  padding:0px;
}
#footer li {
  float:left;
  list-style:none;
  margin:0px;
  padding:0px;
}
#footer li a {
  border-right:1px solid #37424a;
}
#footer li.last a {
  border:0;
}
#footer li a, #footer li a:link, #footer li a:visited {
  color:#37424a;
  display:block;
  font-size:8px;
  font-weight:normal;
  margin:0px;
  padding:4px 12px;
}
#footer li a:hover, #footer li a:active {
  color:#37424a;
  margin:0px;
  padding:4px 12px;
  text-decoration:underline;
}

iframe#pardot-newsletter {
  width:208px;
  height:35px;
  margin-top:8px;
}
body#pardot-newsletter, body#pardot-newsletter form {
  margin:0;
  padding:0;
  width:208px;
}
body#pardot-newsletter label {
  display:none;
}
body#pardot-newsletter input {
  color:#a5abaf;
  font-size:9px;
  float:left;
}
body#pardot-newsletter input#Emailpi_Email {
  width:125px;
  margin-right:8px;
}
body#pardot-newsletter input#newslettersubmit {
  color:#333;
}
body#pardot-newsletter p.error {
  clear:left;
}

iframe#pardot-contact {
  width:350px;
  height:500px;
  margin-top:15px;
}
body#pardot, body#pardot form {
  width:350px;
}
p.required {
  font-weight:bold;
}
body#pardot * {
  margin:0;
  padding:0;
}
body#pardot label {
  width:100px;
  color:#b65519;
}
body#pardot input, body#pardot textarea {
  width:225px;
}
body#pardot #pardotsubmit {
  width:150px;
  margin-left:110px;
}