body{
  font-family: lucida sans unicode, lucida grande, arial, helvetica, sans-serif;
  font-size: .8em;
  margin: 0;
  color: #333;
  text-align: center;
}

#header-table, #body-table{
  width: 800px;
  margin: auto;
  text-align: left;
}
#header{
  padding: 0 1em;
  border-bottom: 1px solid #ddd;
}

#logo{
  padding: 20px 2em;
}

#actions-top{
  height: 50px;
}

#actions{
  height: 80px;
  vertical-align: top;
}

#actions div{
  padding: 0 .5em;
  border: 1px solid #ddd;
  border-right-width: 0;
  border-bottom-width: 0;
  float: right;
}

#actions td{
  padding: .6em .75em 0;
  white-space: nowrap;
}

#actions a{
  font-size: .95em;
  text-decoration: none;
  color: #369;
  line-height: 1em;
  height: 1em;
}

#actions a:hover{
  text-decoration: underline;
}

#actions .selected{
  font-size: 1.6em;
  padding-top: .3em;
}

#menu{
  border-bottom: 1px solid #ccc;
  background-image: url(menu-reflection.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #f8f9fc;
}

#menu-table{
  margin: auto;
  vertical-align: top;
  border-right: 1px solid #ddd;
}

#menu td{
  white-space: nowrap;
  border-left: 1px solid #ddd;
}

#menu a{
  display: block;
  padding: 4px 1em;
  text-decoration: none;
  color: #333;
  font-variant: small-caps;
  font-size: 1.1em;
  line-height: normal;
}

#menu .selected a{
  color: black;
}

#menu a:hover, #menu .selected, #menu .selected a:hover{
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url(menu-reflection-selected.png);
  background-color: #dfeaf5;
  background-color: #C7DAEC;
  background-color: #D5E3F1;
}

#menu a:hover{
  background-image: url(menu-reflection-hovered.png);
  background-color: #e9f0f8;
  background-color: #EFF4FA;
  color: black;
}

#body{
  padding: 0 1em 3em;
  background-repeat: repeat-x;
  background-position: left -2px;
  background-image: url(shadow-down.png);
}
* html #body{ background-image: url(shadow-down-ie6.png); }

.shadow{
  width: 10px;
  background-repeat: repeat-y;
  background-position: left top;
}

.shadow-right{
  background-image: url(shadow-right.png);
  border-left: 1px solid #ddd;
}
* html .shadow-right { background-image: url(shadow-right-ie6.png); } 

.shadow-left{
  background-image: url(shadow-left.png);
  border-right: 1px solid #ddd;
}
* html .shadow-left{ background-image: url(shadow-left-ie6.png); }

.shadow-bottom{
  height: 10px;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url(shadow-down.png);
  border-top: 1px solid #ddd;
}
* html .shadow-bottom{ background-image: url(shadow-down-ie6.png); }

.shadow-bottom-left{
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url(shadow-bottom-left.png);
}
* html .shadow-bottom-left{ background-image: url(shadow-bottom-left-ie6.png); }

.shadow-bottom-right{
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(shadow-bottom-right.png);
}
* html .shadow-bottom-right{ background-image: url(shadow-bottom-right-ie6.png); }

#body-text{
  padding: 2em 2em 3em;
  font-family: arial, helvetica, sans-serif;
  line-height: 1.4em;
}

#columns{
  width: 100%;
}
* html #columns{ width: auto; }
*+html #columns{ width: auto; }
.column{
  vertical-align: top;
}
.nav{
  padding-right: 2em;
  width: 25%;
}
.content{
  width: 75%;
}
.left-half, .right-half{
  width: 50%;
}
.left-half{
  padding-right: 2em;
}

.nav .selected{
  font-weight: bold;
}
.nav ul{
  list-style-type: none;
  list-style-image: url(nav-bullet-link.png);
  margin-left: 1em;
}
* html .nav ul{margin-left: 1.5em;}
*+html .nav ul{margin-left: 1.5em;}
.nav ol{
  list-style-image: none;
}
.nav .selected{
  list-style-image: url(nav-bullet-selected.png);
}
.nav .selected ol, .nav .selected ul{
  font-weight: normal;
}
.nav li ul, .nav li ol{
  margin-top: .65em;
}
.nav ol .selected{
  list-style-image: none;
}

h1, h2{
  font-family: lucida sans unicode, lucida grande, arial, helvetica, sans-serif;
  line-height: normal;
  font-size: 1.65em;
  color: #369;
  font-weight: normal;
  margin-top: .5em;
}

h2{
  font-size: 1.3em;
  margin-top: 1em;
}

a{
  color: #369;
}
/*
a:visited{
  color: #669;
}
*/
a.external{
  padding-right: 14px;
  background-image: url(external-link.png);
  background-repeat: no-repeat;
  background-position: right .2em;
  display: inline-block;
}
/*
a:visited.external{
  background-image: url(external-link-visited.png);
}
*/
a:active{
  color: #e70;
}
a:active.external{
  background-image: url(external-link-active.png);
}

h1 a, h2 a{
  text-decoration: none;
}

h1 a:hover, h2 a:hover{
  text-decoration: underline;
}

/*
h1 a:visited, h2 a:visited{
  color: #369;
}
h1 a:visited.external, h2 a:visited.external{
  background-image: url(external-link.png);
}
*/

img{
  border-width: 0;
}

ul, ol{
  margin-left: 2.5em;
  margin-top: 1em;
  padding-left: 0;
}

ul{
  list-style-type: disc;
}

ul ul{
  margin-bottom: 1em;
  margin-top: .5em;
}

li{
  margin-bottom: .5em;
  margin-left: 0;
  padding-left: 0;
}

.date{
  font-size: .9em;
  color: #888;
  margin: 0 0 .5em;
  font-family: verdana, tahoma, sans-serif;
}

.more{
  list-style-type: none;
}

.membership{
  margin-top: -.7em;
}

.membership td{
  vertical-align: top;
  padding: .3em 0 0;
}

.membership th{
  padding: .7em 0 0;
}

td.category{
  padding-left: 2em;
  padding-right: 1em;
}

td.quantity{
  white-space: nowrap;
  text-align: right;
}

td.benefits{
  padding-left: 0em;
}

.benefits ul{
  margin-top: .5em;
  margin-bottom: 0;
}

.benefits li{
  margin: 0 0 .25em;
}

.map{
  margin-top: 1em;
}

#contact-form td, #contact-form{
  padding: .2em 0;
}

#contact-form th{
  text-align: right;
  padding-right: .5em;
  vertical-align: top;
}

.form-header, .form-fields{
  font-weight: bold;
  margin-bottom: .15em;
  display: block;
}

.form-input{
  margin-bottom: .75em;
}

.form-submit{
  margin-top: 1em;
}

input.text, textarea{
  border: 1px solid #333;
  border-right-color: #ddd;
  border-bottom-color: #ddd;
  padding: .1em;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
}

input.submit, input.button{
  background-color: #dfeaf5;
  border: 1px solid #369;
  border-left-color: #def;
  border-top-color: #def;
  color: #369;
  font-family: arial;
  font-weight: bold;
}

#actionsView td{
  text-align: right;
}

.download{
  text-align: right;
  float: right;
  margin: 1.2em 0 .5em 1.5em;
}

.return-link{
  text-align: right;
  margin: 0 0 1em;
}

.title{
  font-style: italic;
}

#news dt{
  margin-top: 1em;
  padding-top: 1em;
}

.feature{
  float: right;
  margin: 0 0 .2em 1em;
  font-weight: bold;
  background-color: #eff4fa;
  padding: .35em .7em;
  border: 1px solid #ddd;
}

.feature a{
  text-decoration: none;
}

.feature a:hover{
  text-decoration: underline;
}