@import url("forms.css");

/*----------------------------------------------*/
/* Body                                         */
/*--------------------------------------------- */
body {
  margin:0;
  padding:0;
  background:#fff;
  font:small Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  color:#333;
  background-image:url("../img/bg_pg_cgray.gif");
  background-color:#9a9;
}

/*----------------------------------------------*/
/* Main Container                               */
/*--------------------------------------------- */
#container {
  background:#fff url("../img/bg_col_ms_shade.gif") repeat-y 0 0;  
  width:750px;
  margin:0 auto;
  border:solid #fff;
  border-width:0 1px;
  border-color:#787;
  text-align:left;
  color:#333;
  position:relative;
  
}

/*----------------------------------------------*/
/* Links                                        */
/*--------------------------------------------- */
a, .subnav a:visited {
  color:#358;
  text-decoration:none;
  border-bottom:1px dotted #469;
}
a:visited {
  color:#677;
  border-color:#899;
}
a:hover, .subnav a:hover {
  color:#933;
  border-color:#b55;
  border-bottom-style:solid;
}

/*--------------------------------------------- */
/* Header                                       */
/*--------------------------------------------- */
#header {
  background-color:#fff;
  float:left;
  width:100%;
  margin-top:2px;
}

#logo {
  background-color:#fff;
  background-repeat:no-repeat;
  background-position:15px 26px;
  background-image:url("../img/bg_hdr_bridge.jpg");
  background-position:0 0;
  float:left;
  width:100%;
  height:80px;
  margin-top:0;
}

/*--------------------------------------------- */
/* Top navigation                               */
/*--------------------------------------------- */

#topnav {
  background-color:#fff;
  background-repeat:repeat-x;
  background-image:url("../img/bg_hdr_bridge2.jpg");  
  background-color:#246;
  width:100%;
  padding:0;
  height:3em;
  color:#58a;
  }
#topnav ul {
  margin:0;
  padding:1em 12px 0;
  list-style:none;
  }
#topnav li {
  display:inline;
  margin:0;
  padding:0;
  background-image:none;
  line-height:1em;
  text-indent:0;
  }
#topnav a, #topnav strong {
  float:left;
  display:block;
  color:#888;
  margin-top:3px;
  padding:.25em 8px;
  border-width:0;
  font-size:85%;
  text-transform:lowercase;
  }
#topnav a strong {
  font-size:100%;
  margin-top:0;
  padding:0;
  }
#topnav strong {
  color:#fff;
  }
#topnav a:hover {
  color:#9cf;
  }

/*--------------------------------------------- */
/* Navigation                                   */
/*--------------------------------------------- */

#nav {
  margin-top:0;
  background-color:#fff;
  background-repeat:no-repeat;
  background-image:url("../img/bg_hdr_bridge2.jpg");
  float:left;
  width:100%;
  border:solid #ddd;
  border-width:1px 0;
  border-color: #124;
}
#nav ul {
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  text-transform:lowercase;
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:5px 10px 6px;
  border:solid #ddd;
  border-width:0 1px 0 0;
  color:#68a;
  text-decoration:none;
  white-space:nowrap;
  border-color:#124;
  color:#9cf;
}

#nav #current strong, #nav #current a {
  background-repeat:no-repeat;
  background-image:url("../img/bg_navshadow_123.gif");
  background-color:#123;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#fff;
}
#nav a:hover {
  background-repeat:no-repeat;
  background-image:url("../img/bg_navshadow_246.gif");
  background-color:#246;
}
#nav a strong, #nav #current a strong {
  background:none;
  padding:0;
  border:none;
}


/* =Structure
----------------------------------------------- */
#content {
  float:left;
  width:750px;
  padding-bottom:20px;
}
#document {
  float:left;
  width:465px;
  padding:0 20px;
  margin-top:-8px;
}
#document p {
  text-align: justify; 
}

#column {
  float:right;
  width:214px;
  color:#554;
  padding-left:20px;
  font-size:85%;
  line-height:1.6em;
  margin-top:-8px;
  margin-left:0px;
}


/* MISC: =Headings
----------------------------------------------- */
h1, #section {
  background:#fff;
  margin:0;
  padding:20px 20px 8px;
  border-bottom:1px solid #ddd;
  font:135%/1.4em Georgia,Serif;
  background-image:url("../img/bg_col_h1_ms_cs3.gif");
  background-color:#cdc;
  border-bottom-width:0;
  color:#245;
}
h1 #parentlink, #section  #parentlink {
  background:url("../img/arrow.gif") no-repeat 100% 50%;
  float:left;
  width:210px;
  margin-right:35px;
  font-weight:normal;
  color:#776;
  }
h2, h2 a, h2 a:visited {
  color:#b95;  
  border-width:0;
  }
h2, #document h2, #document h2 {
  margin:1.25em 0 .15em;
  font:175% Georgia,Serif;
  line-height:1.4em;
  }
h3 {
  margin:1em 0 .25em;
  font:110%/1.5em Georgia,Serif;
  color:#467;
}
h3 a {
  border-width:0;
}
h4 {
  margin:1em 0 .25em;
  font:125% Georgia,Serif;
  color:#575;
}


/* =Search & Results
----------------------------------------------- */
.search h2 em {
  color:#444;
  }
.search h3 {
  margin:1em 0 .5em;
  background:#eeeee4;
  padding:5px 10px;
  border:1px solid #ddc;
  font:125%/1.4em Georgia,Serif;
  }
dl.results {
  margin:0 11px 1.25em 11px;
  }
.results dt a  {
  font:125%/1.4em Georgia,Serif;
  border-width:0;
  }
.results dd {
  margin-bottom:0;
  }
.results dd.posted {
  margin-bottom:1.75em;
  }


/* MISC: =Lists
----------------------------------------------- */
ul, dl {
  margin:.5em 0 1em;
  padding:0;
  list-style:none;
  }
ul li {
  background:url("../img/bullet.gif") no-repeat 0 .5em;
  margin:0 0 2px;
  padding:0 0 0 15px;
  }
ul.offsite {
  margin-bottom:.75em;
  }
ul.offsite li {
  background:url("../img/icon_offsite.gif") no-repeat 1px .5em;
  text-indent:0;
  }
ul.bulleted li {
  background:url("../img/icon_s.gif") no-repeat 2px .35em;
  padding-left:20px;
  margin-top:0;
  text-indent:0;
  }
.entry ul {
  margin-left:10px;
  margin-right:10px;
  }
dl dl {
  margin:1em 20px;
  }
dt {
  clear:left;
  font-weight:bold;
  }
#document li em {
  font-style:normal;
  font-weight:normal;
  font-size:85%;
  line-height:1.6em;
  color:#777;
  }
dd {
  margin:0 0 1em;
  padding:0;
  }
.teaser dd {
  margin-bottom:.75em;
  }
.links dt {
  font:125%/1.4em Georgia,Serif;
  }
.links dd {
  font-size:85%;
  line-height:1.6em;
  }
dd ul {
  margin:0;
  padding:0;
  }
dd li {
  width:100%;
  padding:0;
  margin:0;
  text-indent:0;
  }


/* =Misc
----------------------------------------------- */
p {
  margin:0 0 .75em;
}


img {
  border: 0px; 
  line-height: 0em; 
}



/* =Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding-top:0;
  border-bottom:1px solid #fff;
  font-size:85%;
  border-color:#124;
  color:#58a;
  margin-bottom:0px;
}
#footer p {
  background-image:url("../img/bg_hdr_bridge2.jpg");  
  background-color:#246;
  background-repeat:repeat-x;
  background-position:0 -4px;
  border-color:#124;
  margin:0;
  padding:10px 20px;
  border-top:1px solid #ccc;
  color:#ccc;
  text-align:center;
  line-height:1.6em;
}
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
}

#footer a, #footer a:visited {
  color:#ccc;
  border-color:#479;
}
#footer a:hover {
  color:#8bc;
  border-color:#479;
   
}

.focus img {
  display:block;
  margin:0 auto;
  }
.imgleft, .left, img.left {
  float:left;
  margin:4px 15px 4px 0;
  }
.imgright, .right, img.right {
  float:right;
  margin:4px 0 4px 15px;
  }
img.imgleft, img.imgright {
  padding:4px;
  border:1px solid #ddc;
  }