.stream, .print { display : none; }


/* **************************************************************** */
/* Basic Style Definitions                                          */
/* **************************************************************** */


body {
  background-color : #F4F4F4;
  margin : 0;
  padding : 0;
  color : #000;
  font-size : 10px;
  _font-size : 62.5%;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div, table { font-size : 1em; }

blockquote {
  margin : 0 3em 0 2em;
  padding : 0.3em 0.5em;
}
q:after, q:before { content : ""; }


p, blockquote, ul, ol, dl, table {
  margin-bottom : 0.27em;
}


ul, ol {
  margin-left : 0;
  padding-left : 1.25em;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom : 0.27em;
}
li { margin : 0; padding-bottom : 0.18em; }


form { margin : 0; }
label { display : block; }
.textinput, textarea {
  vertical-align : middle;
  font-family : Helvetica, Geneva, Arial, sans-serif;
  border : 1px solid #888;
  font-size : 0.92em;
}
textarea { vertical-align : top; }
.button {
  font-family : Verdana, Helvetica, Geneva, Arial, sans-serif;
  font-size : 0.92em;
  vertical-align : middle;
  cursor : hand;
  /* IE fix */ voice-family: "\"}\""; voice-family: inherit;
  cursor : pointer;
}
/* IE fix */ html>body .button { cursor : pointer; }
.button:hover {
  color : #c00;
}

a {
  text-decoration: none;
  font-weight: bold;
}

a:link     { color : #333; }
a:visited  { color : #333; }
a:hover    { color : #666; }
a[name]:hover { color : inherit; text-decoration : none; }
a:active   { color : #333; }


abbr, acronym, style.abbr {
  border-bottom : 1px dotted #777;
  cursor : help;
}
abbr:hover, acronym:hover, style.abbr:hover { border-bottom-color : #555; }


img {
  margin : 0;
  padding : 0;
  border : none;
}


h1, h2, h3, h4 {
  margin-top : 0;
  margin-bottom : 0;
}
h1 {
  font-size : 1.27em;
}
h2 {
  font-size : 1.27em;
  margin-top : 1.57em;
  margin-bottom : 0.55em;
}
h3 {
  font-size : 1.09em;
  margin-top : 1em;
  margin-bottom : 0.64em;
}
h4 {
  font-size : 1em;
  margin-bottom : 0.2em;
}


table, td, th, caption {
  border : none;
  padding : 0;
}
th.num, td.num {
  text-align : right;
  white-space : nowrap;
}



.clear { clear : both; line-height : 1px; font-size : 1px; margin-top : -1px; }
.box table tr.tabletrick td,
.box table tr td.tabletrick { letter-spacing : 50px; font-size : 1px; line-height : 1px; padding : 0; border : none; clear : both; }



/* **************************************************************** */
/* Page Canvas Definitions                                          */
/* **************************************************************** */


.pageheader {
  margin : 1em;
  background-color : #ccc;
  border : 1px solid #aaa;
  border-top-color : #fff;
  border-left-color : #fff;
  height : 6em;
}
.pageheader h1 { font-size : 2em; }
.pageheader .sitelogo {
  height : 3em;
  vertical-align : middle;
}

home .pagebody .wrapper {
  padding-top : 0; 
}

.pagebody {
  clear : both;
  margin : 1em 15em;
}
.pagebody .wrapper {
  position : relative;
  z-index : 3;
}



/* **************************************************************** */
/* Generic Box Definitions                                          */
/* **************************************************************** */


.box {
  clear : both;

}
.boxhd {
  margin : 0;
  padding : 0.2em 0.75em;
  font-size : 12px;
  text-transform : uppercase;
  background-color : #efefef;
    
}
.content {
  padding : 0.75em;

}



/* **************************************************************** */
/* Definitions of Individual Page Items                             */
/* **************************************************************** */

A.footer1 {
  FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.footer1:visited {
  COLOR: #666666
}
A.footer1:active {
  COLOR: #333333
}
A.footer1:hover {
  COLOR: #333333
}

/* **********  more buttons  ********** */
.buttons,
.more {
  display : block;
}
.buttons a,
.more a {
  float : left;
  white-space : nowrap;
  background-image : url("../img/more-arrow.gif");
  background-position : 100% 60%;
  background-repeat : no-repeat;
  padding-top : 12px;  
  padding-right : 12px;
  margin-right : .5em;
  font-weight : bold;
}
.buttons a:link, .buttons a:visited,
.more a:link, .more a:visited { color : #000; text-decoration : none; }
.buttons a:hover, .buttons a:active,
.more a:hover, .more a:active { color : #666; text-decoration : underline; }

a.btnback {
  background-image : url("../img/more-arrow2.gif");
  background-position : 0% 60%;
}


/* **********  meta  ********** */
.meta {
  color : #777;
  display : block;
  font-weight : normal;
  font-size : 0.92em;
}
.meta span { padding-right : 0.5em; }
.meta a:link,
.meta a:visited {
  color : #777;
}
.meta a:hover,
.meta a:active {
  color : #c00;
}


/* **********  article  ********** */

.article .boxhd { 
	text-transform : uppercase; 
  background-color : #efefef;	
}

.article .subtitle {
  margin-top : 0;
  font-size : 1em;
}

.article h1 {
  font-size : 12px;
}

.article {
  font-size : 11px;
}


.article img,
.article img.right { clear : both; float : right;  margin : 0.2em 0.2em 0.5em 0.5em; }
.article img.left { float : left;  margin : 0.2em 0.5em 0.2em 0.2em; }
.article img.big { float : none; display : block;  margin : 0 auto 0.7em auto; text-align : center;}


.article caption {
  font-style : italic;
  padding : 0.2em 0;
  text-align : left;
}
.article th {
  font-weight : bold;
  padding : 0.2em 0.4em;
  background-color : #f8f8f8;
}
.article td {
  padding : 0.2em 0.4em;
}
.article tr.alt td {
  background-color : transparent;
}


/* **********  imgbox  ********** */
.imgbox {
  float : right;
  width : 200px;
  margin : 0 0 0.75em 0.67em;
  text-align : center;
}
.imgbox .content {
  padding : 0.2em;
}
.imgbox img {
  clear : none;
  float : none;
  margin : 0;
  padding : 0;
}
.imgbox .imgtext {
  color : #333;
  font-weight : normal;
  font-size : 0.92em;
}
.imgbox .imgcontent {
  text-align : left;
}
.imgbox .imgmeta {
  text-align : left;
  color : #666;
  font-weight : normal;
  font-size : 0.83em;
}

.pageextra1 .imgbox,
.pageextra2 .imgbox {
  float : none;
  margin : 0;
  width : auto;
  margin-bottom : 2.5em;
}


/* **********  articlelist  ********** */
.articlelist {
  width : 100%;
  overflow : hidden;
}
.sidecol .articlelist { width : 135px; }

.articlelist .item {
  clear : both; 
  margin-bottom : 1em;
}
.articlelist-ie5mac .item { clear : none; }


.item h3 {
  margin : 0;
  font-size : 12px;
  
}
.item h3 a:link, .item h3 a:visited { color : #000; text-decoration : none; }
.item h3 a:hover, .item h3 a:active { color : #666; text-decoration : underline; }
.item .meta { font-size : 10px; }
.item .meta a { color : 0.7em; }
.articlelist .summary { padding-bottom : .7em; }
.articlelist .summary p { display : inline; }

.articlelist td.item {
  width : 50%;
  padding-right : 5px;
  padding-bottom : 1em;
}
.articlelist table.cols {
  margin-right : -5px;
}

.articlelist img {
  float : left;
  margin : 0.2em 0.7em 0.5em 0.2em;
}

.articlelist h3.old { clear : both; }

.articlelist ul {
  clear : both;
  list-style : none;
  padding-left : 0;
 	margin-top : 0px;  
}
.articlelist li {
  padding-bottom : 1em;
}
.articlelist li a {
  font-weight : bold; 
}


/* **********  quizbox  ********** */
.quizbox .question {
  font-weight : bold;
}
.quizbox .thanks {
  color : #0b6;
}
.quizbox ul {
  padding-left : 0;
  margin-left : 0;
  list-style : none;
}
.quizbox li { margin-bottom : 0.5em; }
.quizbox label { display : inline; }
.quizbox .options li { margin : 0; }
.quizbox .bar {
  display : block;
  background-color : #ddd;
}
.quizbox .results .bar img {
  height : 1.27em;
}

.pageextra1 .quizbox .bar img {
  height : 0.91em;
}
.pageextra1 .quizbox h3 {
  font-size : 1em;
  margin-bottom : 0.1em;
  font-weight : normal;
}


/* **********  contactform  ********** */
.contactform .content {
  padding-bottom : 2em;
  width : 100%;
  /* IE fix */ voice-family: "\"}\""; voice-family: inherit;
  width : auto;
}
/* IE fix */ html>body .contactform .content { width : auto; }
.contactform label {
  width : 4.5em;
  float : left;
  margin-top : 0.2em;
}
.contactform .body label {
  float : none;
}
.contactform textarea {
  width : 95%;
}


/* **********  contentbox  ********** */
.contentbox {}



/* **********  breadcrumbs  ********** */
.breadcrumbs {}



/* **********  nav  ********** */
.nav {
  width : 100%;
  overflow : hidden;
}
.nav .content{
  background-color : #CCCCCC;
}
.nav .boxhd { display: none; }

.nav ul {
  list-style : none;
  padding-left : 0;
  margin-bottom : 0.33em;
}

.nav li {
  display : inline;
}

.nav a {
  text-transform: uppercase;
  display : block;
  padding : 0.1em 0.33em 1em;
}
.nav a:hover,
.nav a:active {

}
.nav .current a {
  font-weight : bold;
}

.nav .level2 a {
  text-transform: none;
  font-weight : normal;
  padding-left : 1.4em;
}
.nav .level2 .current a {
  font-weight : bold;
}

.nav .level3 a {
  font-weight : normal;
  padding-left : 2.8em;
}


/* **********  calendar  ********** */
.calendar {
  border : 1px solid #ccc;
  border-bottom : none;
  border-right : none;
}
.calendar td {
  text-align : right;
  border : 1px solid #ccc;
  border-top : none;
  border-left : none;
}
.calendar th {
  text-align : center;
  font-size : 10px;
  padding : 0.2em;
  border : 1px solid #ccc;
  border-top : none;
  border-left : none;
}
.calendar caption {
  font-weight : bold;
  font-style : normal;
  text-align : center;
  background-color : #ccc;
  padding : 0.2em;
}
.calendar .sa { background-color : #cec; }
.calendar .su { background-color : #ecc; font-weight : bold; color : #666; }
.calendar .o {
  background-color : #eee;
}
.calendar .osa { background-color : #9c9; }
.calendar .osu { background-color : #c99; }

.calendar i,
.calendar a {
  display : block;
  font-style : normal;
  padding : 0.2em 0.33em 0.2em 0.4em;
}
.calendar a:link,
.calendar a:visited {
  text-decoration : underline;
  font-weight : bold;
}
.calendar a:hover,
.calendar a:active {
  background-color : #ff0;
  text-decoration : underline;
}


/* **********  adbox  ********** */
.adbox .content {
  text-align : center;
}



/* **********  loginform  ********** */
.loginform {}



/* **********  searchform  ********** */
.searchform {}


/* **********  gallery  ********** */
.gallery .content {
  padding-right : 0;
}
.gallery td {
  padding-right : 12px;
  padding-bottom : 12px;
  text-align : left;
  vertical-align : bottom;
}
.gallery img {
  margin : 0 auto;
}


/* **********  galleryitem  ********** */
.galleryitem .content {
  text-align : left;
}
.galleryitem .ctrls a {
  padding : 0 .3em;
}
.galleryitem img {
  margin : .5em 0;
}



/* **********  footer  ********** */
.footer {
  FONT-SIZE: 9px; COLOR: #666666; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

/* **************************************************************** */
/* Helpful stuff for developers (uncomment the following block)     */
/* ****************************************************************

  body[class]:before, body>div[class]:before, div.box:before, .wrapper>div:before { content : attr(class); background-color : #ff0; font-family : Verdana; text-align : left; font-size : 10px; display : block; width : 90px; white-space : nowrap; margin-bottom : 1px; z-index : 3; }
  div.box, .wrapper>div { border : 1px dashed #ff0; margin-bottom : 3px; }
  body>div[class]:before  { content : attr(class); background-color : #6f6; }
  body>div[class] .wrapper { border : 1px dashed #0c0; }
  body[class]:before { content : "<body class=\"" attr(class) "\">"; background-color : #9cf; width : 160px; }

*** */