/* General page styles */

html, body {
  margin : 0;
  padding : 0;
}

html {
  background : #FFFFCC url(../img/braille.gif) repeat-y 100% 0%;
  color : #000000;
}
body {
  font-family : "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  line-height : 1.33;
}

address {
  margin : 1em 1%;
}

h1+address { /* Closes the whitespace between the headline and address on the resume page. */
  margin : -2em 1% 1em 1%;
}

blockquote {
  border : medium double;
  padding : 0 1%;
  width : 75%;
  margin : 1em 0; /* This rule is for IE 4.5/Mac. */
  voice-family : "\"}\"";
  voice-family : inherit;
  margin : 1em auto; /* This rule is for IE 5+/Mac. */
}

div {
  margin : 0;
}

p {
  margin : 1em 1%;
}

pre {
  background : #FFFFFF;
  color : #000000;
  font-family : monospace;
  margin : 0 0 0 1%;
  padding : 0;
}

dd, dl, dt, ol, ul {
  margin : 0;
  padding : 0;
}

dd {
  padding : 0 0 1em 1%;
}

dt {
  font-style : italic;
  margin : 0 0 0 1%;
}

li {
  margin : 0;
  padding : 0;
}

div#footer li {
  display : inline;
}

/* We could have written these next two rules as #footer li:after and #footer li:last-child:after, but Opera 7 doesn't support last-child. */
div#footer li:before {
  content : "| ";
}

div#footer li:first-child:before {
  content : "";
}

ol {
  list-style : decimal;
  margin : 1em 1% 1em 7%;
}

ul {
  list-style : square;
  margin : 1em 1% 1em 7%;
}

ul ul {
  list-style : circle;
}

ul ul ul {
  list-style : disc;
}

table {
  background : #FFFFFF;
  border : medium solid #3333FF;
  border-collapse : collapse;
  color : inherit;
  margin : 0 0 1em 0; /* This rule is for IE 4.5/Mac. */
  voice-family : "\"}\"";
  voice-family : inherit;
  margin : 0 auto 1em auto; /* This rule is for IE 5+/Mac. */
}

caption {
  text-align : left;
  margin : 0 0 .5em 0; /* This rule is for IE 4.5/Mac. */
  voice-family : "\"}\"";
  voice-family : inherit;
  margin : 0 auto .5em auto; /* This rule is for IE 5+/Mac. */
}

th, td {
  border : thin solid;
}

th {
  text-align : left;
}

form, fieldset {
  margin : 0;
  padding : 0;
}

form {
  margin : 0 0 0 1%;
  width : 98%;
}

fieldset {
  padding : 0 1% 1em 1%;
}

label:hover {
  cursor : pointer;
}

label[for|=required] {
  font-weight : bolder;
}

label:hover+br+input, label:hover+br+textarea {
  background : #CCCCCC;
  color : inherit;
}

input {
  font-family : "Lucida Console", Lucida, Courier, monospace;
  font-size : smaller;
  height : 1.75em;
  width : 35%;
}

input[type=text] {
  cursor : text;
}

textarea {
  font-family : "Lucida Console", Lucida, Courier, monospace;
  height : 7em;
  width : 100%;
}

:link:focus, :visited:focus {
  background : transparent;
  color : #000000;
  text-decoration : underline overline;
}

:link {
  background : transparent;
  color : #0000FF;
  text-decoration : underline;
}

:visited {
  background : #FFFFFF;
  color : #660099;
  font-variant : small-caps;
  text-decoration : underline;
}

:link:hover, :visited:hover {
  background : transparent;
  color : #000000;
  text-decoration : underline overline;
}

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

:link[accesskey]:after, :visited[accesskey]:after {
  content : " <" attr(accesskey) ">";
}

:link[accesskey="0"]:after, :visited[accesskey="0"]:after { /* Suppresses accesskey rendering when the accesskey is zero.  We render the 0 in plain HTML so anyone can see this accesskey and get to the accessibility statement with it. */
  content : "";
}

abbr, acronym {
  font-style : inherit; /* To prevent Safari from rendering all abbr and acronym in italics, its default behavior. We don't like Safari's rendering, stylistically speaking. */
}

abbr[title], acronym[title] {
  border-bottom : thin dashed;
}

cite {
  font-style : italic;
}

code {
  font-size : 112%;
}

code[title] {
  background : #FFFFFF;
  color : #000000;
}

img {
  border : none;
}

ins {
  text-decoration : none; /* Most browsers default to underline, which is confusingly like a hyperlink. */
}

q {
  font-style : italic;
}

/* End general page styles */

/* Page layout styles */

div#content { /* The main body of page content. */
  margin : 0 27% 0 1%;
}

div#footer { /* The text links, page last modified, and copyright section. */
  /*border-top : thin solid #3333FF;*/
  font-size : smaller;
  margin : 0 27% 0 1%;
}

div#footer ul {
  margin : 1em 1%;
}

div#navigationbar { /*The main collection of navigation links. */
  background : #FFFFFF;
  border : thin solid;
  color : inherit;
  font-size : smaller;
  left : 74%;
  margin : 1% 0 0 1%;
  padding : 0;
  position : absolute;
  top : 0;
  width : 24%;
}

div#navigationbar p {
  text-align : center;
}

div#navigationbar ul {
  list-style : none;
  margin : 1em 1%;
}

div#navigationbar ul ul {
  list-style : none;
  margin : 0 0 0 3%;
}

/* End page layout styles */

/* Heading styles */

h1, h2, h3 {
  font-family : Georgia, "Times New Roman", Times, serif;
  line-height : 1.34;
  margin : 0 1% 1em 1%;
}

h1 {
  background : transparent;
  color : #663333;
  font-size : 200%;
  margin : .5em 1% 1em 1%;
  padding : 0;
}

h2 {
  border-top : thin solid;
  font-size : 150%;
  padding : 1em 0 0 0;
}

h2#news { /* This is the News headline on the home page. */
  font-family : "Lucida Console", Lucida, Courier, monospace;
  font-style : italic;
}

h3 {
  background :#663333;
  border : thin solid;
  color : #FFFFFF;
  font-size : 120%;
  padding : .5em 1%;
}

hr {
  background : #3333FF;
  border : none;
  border-top : 1px solid #3333FF;
  color : #3333FF;
  height : 1px;
  margin : 1em 0;
}

/* End heading styles */

/* Misc styles */

:link.footnote, :visited.footnote {
  line-height : 1.67em; /* This is here to fix a display issue in IE/PC. */
  vertical-align: super;
}

a#navigationlogo { /* This is the organization logo atop the navigation bar. */
  display : block;
  margin : .5em 0 0 0;
  padding : 0;
  text-align : center;
}

a#skip { /* This is the "skip" link at the start of the navigation bar. */
  font-size : x-small;
  margin : 0 1%;
}

div#navigationbar li a {
  background : #FFFFFF;
  border : medium outset #3333FF;
  color : #000000;
  display : block;
  margin : 0;
  text-decoration : none;
}

div#navigationbar :link:hover, div#navigationbar :visited:hover {
  background : #FFFFCC;
  color : #000000;
  text-decoration : none;
}

div#navigationbar li a:active {
  background: #FFFFFF;
  border : medium inset #3333FF;
  color : #000000;
}

img.illustration {
  border : thick ridge;
  float : right;
  margin : 1em 1%;
}

a#navigationlogo img {
  border-bottom : thin solid;
  border-top : thin solid #FFFFFF;
  padding : .25em 0;
}

:link#navigationlogo:hover img, :visited#navigationlogo:hover img{
  border-top : thin solid;
  border-top-color : inherit;
}

div#navigationbar li img {
  vertical-align : text-bottom;
}

div>object { /* Hides the object from IE/PC primarily, since it doesn't support it right. */
  background : #FFFFFF;
  color : #000000;
  height : 150px;
  width : 245px;
}

/* End misc styles */

@media print {

html {
  background : #FFFFFF;
  color : #000000;
}

body {
  font-family : "Times New Roman", Times, serif;
  line-height : 1.17;
}

#content {
  border-left : none;
  margin : 7px;
  padding : 0;
  width : 546px;
}

#footer {
  border-left : none;
  margin: 7px;
  padding: 0;
  width: 546px;
}

#navigationbar, #skip {
  display : none;
}

h1, h2, h3 {
  page-break-after : avoid;
  page-break-inside : avoid;
}

ol, ul {
  page-break-before : avoid;
}

:visited {
  background : transparent;
  color : #0033CC;
  font-variant : normal;
}

abbr[title], acronym[title] {
  border-bottom : none;
}

}