/**
  * basic styles
  **/


span, p, ul, ol, td, blockquote {font-size:10pt; font-family: verdana,helvetica,arial,sans-serif} /* basic body text style */
p, ul, ol, blockquote {margin-bottom: 6; margin-top: 6} 
a:hover {color:#6699cc} /* hover color for all "a" elements */
a:active {color:#003399} /* activation color for all "a" elements */



/**
  * content styles
  **/
  
.site-title {font-size: 13pt; font-weight:bold; color:#ffffff} /* for all site titles in grey bar */

.page-title {font-size: 13pt; font-weight:bold} /* for all page titles */

 /* use any of the below for headline on articles, features and perspectives pages */
.head {font-size: 21pt; color:#ff6600}
.head-orangedark {font-size: 21pt; color:#ff6600}
.head-black {font-size: 21pt; color:#000000}
.head-green70s {font-size: 21pt; color:#99cc00}
.head-violetdark {font-size: 21pt; color:#9999ff}
.head-violetlight {font-size: 21pt; color:#ccccff}
.head-bluedark {font-size: 21pt; color:#336699}
.head-orangebasic {font-size: 21pt; color:#ff9933}
.head-mustard {font-size: 21pt; color:#cccc33}


.head small {font-size: 13pt;}
.head-small-orangedark{font-size: 13pt; color:#ff6600}
.head-small-black {font-size: 13pt; color:#000000}
.head-small-green70s {font-size: 13pt; color:#99cc00}
.head-small-violetdark {font-size: 13pt; color:#9999ff}
.head-small-violetlight {font-size: 13pt; color:#ccccff}
.head-small-bluedark {font-size: 13pt; color:#336699}
.head-small-orangebasic {font-size: 13pt; color:#ff9933}
.head-small-mustard {font-size: 13pt; color:#cccc33}


.subhead {font-size:10pt; color:#666666} /* used for subheadlines */
.intro {font-weight: bold; font-size:10pt} /* used for first few words of lead paragraph for articles, features and perspectives */

.second-head, .second-head-gray, .second-head-blue, .second-head-orangedark {font-weight: bold; font-size:10pt} 
.second-head-gray {color:#666666} /* used for kicker for articles, features and perspectives */
.second-head-blue {color:#6666ff}

/* use any of the below for headline for second home page story */
.second-head-orangedark {color:#ff6600} 
.second-head-black {font-weight: bold; font-size: 10pt; color:#000000}
.second-head-green70s {font-weight: bold; font-size: 10pt; color:#99cc00}
.second-head-violetdark {font-weight: bold; font-size: 10pt; color:#9999ff}
.second-head-violetlight {font-weight: bold; font-size: 10pt; color:#ccccff}
.second-head-bluedark {font-weight: bold; font-size: 10pt; color:#336699}
.second-head-orangebasic {font-weight: bold; font-size: 10pt; color:#ff9933}
.second-head-mustard {font-weight: bold; font-size: 10pt; color:#cccc33}


.pullquote {font-size:11pt; font-weight:bold} /* use for any pullquotes */

.art-summary {font-size:8pt; color:#666666} /* used for article summary */
.caption {font-size:8pt; color:#666666} /* use for any photo captions */


.indent {margin-left:10px}/*used for related navigation */

.white, .white a:link, .white a:visited {color:#ffffff}
.white a:hover {color:#eeeeee}	
.white a:active {color:#cccccc}

.blue {color:#6666ff}
.gray {color:#666666}





/* stock style */

.time-stamp {font-size:7pt; color:#666666} /* used for time stamp and delay disclaimer */
.company {font-weight:bold; font-size:8pt} /* used for the name of company */
.symbol {font-size:8pt} /* use for stock symbol */
.price {font-weight:bold; font-size:8pt; color:#0033ff} /* use for current price */
.change-up {font-weight:bold; font-size:7pt; color:#66cc33} /* use for price change increase */
.change-down {font-weight:bold; font-size:7pt; color:#cc0000} /* use for price change decrease */


/**
  * button styles
  **/

.btn-66f, .btn-999, .btn-666, .btn-fff {font-weight: bold;}

/* standard blue arrow button style, for read, next, previous, etc. */
.btn-66f, .btn-66f a:link, .btn-66f a:active, .btn-66f a:visited, .btn-66f a:hover {color:#6666ff; text-decoration:none} 
.btn-66f a:hover {color:#9999ff}
.btn-66f a:active {color:#3333cc}


.btn-ccc, .btn-ccc a:link, .btn-ccc a:active, .btn-ccc a:visited, .btn-ccc a:hover  {color:#cccccc; font-weight:bold}

/* standard selected button style */
.btn-666, .btn-666 a:link, .btn-666 a:active, .btn-666 a:visited, .btn-666 a:hover {color:#666666; text-decoration:none}
.btn-666 a:hover {color:#999999}
.btn-666 a:active {color:#333333}

.btn-fff, .btn-fff a:link, .btn-fff a:active, .btn-fff a:visited, .btn-fff a:hover {color:#ffffff; text-decoration:none}
.btn-fff a:hover {color:#eeeeee}
.btn-fff a:active {color:#cccccc}

.btn-999 {color:#999999; text-decoration:none}

.nav {color:#666666; font-weight: bold;}
.nav a:link, .nav a:active, .nav a:visited, .nav a:hover {color:#ffffff; font-weight:normal; text-decoration:none;}
.nav a:hover {text-decoration:underline}
.nav a:active {color:#cccccc}
.nav b {font-weight:bold}