* {
  margin:0;
  padding:0;
}

html,body {
  height:100%;
  padding:0;
  margin:0;
}

body {
  background:#f8f8fc url(../pics/pswirl.jpg) no-repeat;
  font:100% verdana,sans-serif;		/* Size as percent to fix ie6 em unit bug */
  color:#000000;
}

#outercontainer {
 min-height:100%;
 margin:0;
 padding:0;
}

* html #outercontainer {
 height:100%;
}

#clearheader {
 height:0;
}

h1 {
  font:bold 2em "trebuchet ms",sans-serif;
  letter-spacing:.05em;
  margin:0;
  padding:0;
  background-color:transparent;
  color:#117CA1;
}

h1 em {
  color:#A80000;
  font-style:normal;
}

h2 {
  font:normal 90% verdana,sans-serif;	/* Size as percent to fix Opera sizing bug */
  margin:0 0 2em;
  padding:0 0 5px;
  border-bottom:solid 2px #B5CAE3;
  background-color:transparent;
  color:#035A74;
}

h3,h4 {
  font-size:140%;
  margin:1.5em 0 .5em 0;
  padding:0 0 .1em;
  background-color:transparent;
  border-bottom:2px dotted #B5CAE3;
  color:#117ca1;
}

h3 span,h4 span {
  color:#707070;
  font-size:.6em;
}

h4 {
  color:#557FAA;
  font-size:110%;
  border-bottom-width:1px;
}

h4 span {
  font-size:75%;
}

#header {
  margin:57px 0 50px;
  border-top:solid 2px #8b99a8;
  border-bottom:solid 1px #8b99a8;
  min-width:60em;	/* width and font size to ensure matches container div when resized */
  font-size:.795em;
}

* html #header {
  margin:39px 0 50px;
}

#header img {
  position:absolute;
  top:26px;
  left:61px;
}

#header p {
  margin:0;
  padding:3px 35px 4px;
  text-align:right;
  color:#117ca1;
  border-top:solid 6px #117ca1;
  font:bold 9px tahoma,sans-serif;	/* Size in px to fix Opera sizing bug */
}

#container {
  background:transparent url(../pics/pswirlmid.jpg) no-repeat 93% 50px;
  font-size:.795em;			/* Specified to keep Opera roughly same size as others */
  margin:0 auto;
  padding:0;
  width:60em;
  min-height:576px;			/* to ensure footer doesn't overlap background image */
}

* html #container {
  height:576px;
}

ul {
  list-style:none;
}

#menu {
  width:152px;			/* Needed to make style div auto margins work in ie6 */
  float:right;
  margin-top:1em;		/* Controls vertical position of right content block */
  padding:0 1.8em 0 2.4em;	/* Space from menu to vertical divider & outer edge*/
  border-left:dashed 1px #B5CAE3;
}

#menu ul,#menu li {
  padding:0;
  margin:0;
}

#menu li {
  background:transparent url(../pics/polarmenu.gif) no-repeat;
  margin:20px 0;		/* Space between menu items (margins collapse between)*/
}

#menu a {
  display:block;
  width:124px;			/* Ensures anchor doesn't expand wider than background if text resized */
  padding:2px 2px 2px 24px;
  text-decoration:none;
  color:#117CA1;
  font-weight:bold;
  border:solid 1px #C8DDF2;
  border-width:1px 0;
}

#menu a:hover {
  background-color:#DDE3ED;
  color:#FFFFFF;
}

#menu #on {
  color:#B80000;
}

#style {
  margin:70px auto;
  width:79px;
  font-size:7pt;
  border:solid 1px #B5CAE3;
  background-color:#DDE3ED;
  text-align:center;
}

#style form {
  padding:3px 0;
  margin:0;
}

#style select {
  width:73px;
  font:normal 7pt tahoma,sans-serif;
  background-color:#E4E9F1;
  color:#006699;
}

#style p {
  padding:0;
  margin:0;
}

#style button {
  width:73px;
  padding:0 0 1px;
  margin-top:3px;
  color:#006699;
  background-color:#CDDFE9;
  border:solid 1px #8FA9D4;
  font:bold 100% verdana,sans-serif;
}

#style button:hover {
  background-color:#97F2FD;
}

.content {
  float:left;
  width:38.6em;
  margin:1.5em 0 3em;	/* Resize margin top & bottom only when text resizes */
  padding-left:5px;	/* Controls alignment of left edge of text content */
  color:#444444;
  background-color:transparent;
}

.content p {
  margin:0 0 1.5em;	/* Resize bottom margin only when text resizes */
  line-height:1.5em;
  text-indent:1em;
  text-align:justify;
}

.content p.title {
  font:bold .9em/1.4em verdana,sans-serif;
  padding:.3em 1em .4em;
  margin-bottom:2em;
  color:#808080;
  background-color:#EDF1F7;
  border:dotted 1px #b5cae3;
}

.content a {
  font-weight:bold;
  font-size:0.85em;
  color:#285F73;
}

.content a:hover {
  color:#DD3333;
}

.quote p {
  text-indent:0;
}

* html .content {height:1%;}	/* Holly Hack for IE to fix peekaboo bug */

ul.gal {
  width:100%;
  overflow:hidden;
  margin:0 auto;
  padding:0 0 .5em .5em;
}

ul.gal li {
  font:bold 100% tahoma,sans-serif;
  background-color:#F0F0F7;
  overflow:hidden;
  float:left;
  height:6.3em;
  width:8em;
  border:solid 1px #B5CAE3;
  text-align:center;
  padding:.4em .2em;
  margin:.5em .5em 0 0;
}

ul.gal li img {
  display:block;
  height:6em;
  margin:auto;
}

ul.gal li a {
  text-decoration:none;
}

img.left {
  float:left;
  margin-right:.5em;
  border:solid 1px #B5CAE3;
}

#footer {
  padding:0;
  margin-top:-105px;
  border-bottom:solid 2px #8b99a8;
  text-align:center;
  min-width:60em;	/* width and font size to ensure matches container div when resized */
  font-size:.795em;
}

#footer p {
  margin:0;
  padding:3px 0;
  color:#117ca1;
  border-top:solid 1px #8b99a8;
  border-bottom:solid 6px #117ca1;
  font:bold 9px tahoma,sans-serif;      /* Size in px to fix Opera sizing bug */
}

#footer a {
  white-space:nowrap;
  text-decoration:none;
  color:#035A74;
}

#footer a:hover {
  color:#DD3333;
}

#footer img {
  vertical-align:bottom;
}

#clearfooter {
 height:120px;
}

ul#archive {
  padding:0;
  margin:2em 0 0;
}

ul#archive li {
  clear:both;
  margin:0;
  padding:0;
}

ul#archive li span {
  float:left;
  margin:.25em 0 0;
  width:8.3em;
  color:#707070;
  font:normal bold .84em verdana,sans-serif;
}

ul#archive li p {
  float:right;
  margin:0;
  padding:0 0 1.5em;	/* Space between list items is controlled here rather than on <li> to ensure all browsers match */
  text-indent:0;
  width:31.5em;
}

ul#archive li a {
  font-size:110%;
}

.rbox {
  margin:0 0 1.5em;
  padding:1.5em;
  background-color:#EDF1F7;
  border:dotted 1px #b5cae3;
  font:bold .8em/1.4em verdana,sans-serif;
}

.rbox p {
  margin:0;
  padding:1.5em 0 0;
  color:#808080;
}

.rbox em {
  display:block;
  text-align:right;
}

.rbox h3,.rbox h4 {
  padding:0;
  margin:0;
}

.rbox h4 {
  border:0;
  font-size:95%;
  margin-top:-.2em;
  text-align:right;
}

img {
  border:0;
}

table {
  border-collapse:collapse;
  background-color:#EDF1F7;
  margin:0;
  padding:0;
}

td,th {
  text-align:left;
  padding:.3em .7em;
  font-weight:normal;
  border:dotted 1px #b5cae3;
}

td {
  text-align:right;
}

.sidequote {
  width:15.7em;
  float:right;
  color:#557FAA;
  padding:.8em 1.3em;
  margin:.5em 0 .5em 1.5em;
  font:bold .96em/1.5em verdana,sans-serif;
  background-color:#EDF1F7;
  border:dashed 1px #557FAA;
}

blockquote {
  margin:0 3em;
}

