/* -----------------------------------------------------
STYLE BODY 
----------------------------------------------------- */
/* BODY */
body { 
font-size: small; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
line-height: 1.5em;
}

*html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */ }

#main_container {
margin: 0;
padding: 0;
text-align: left;
width: 760px;
}
/* --------------------------------------------------
TAGLINE
----------------------------------------------------- */
#tagline {
margin: 0;
padding-top: .2em;
padding-right: 1.5em;
color: #ffc;
font-family: Arial, Verdana, sans-serif; 
font-size: 90%;
font-weight: bold;
font-style: italic;
text-align: right;
letter-spacing: 1px;  
}
/* --------------------------------------------------
MAIN AREA
----------------------------------------------------- */
#main {
margin: 0;
padding: 1em 1.5em;
}
#main .back {
color: #cccccc;
font-weight: bold;
font-size: 75%;
text-align: right;
}
/* --------------------------------------------------
FOOTER
----------------------------------------------------- */
#footer_index {
margin:0;
padding-top: .2em;
font-size: 75%;
text-align: center;
color: #666666;
}
#footer_links ul {
font-size: 80%;
margin: 4px 5px 0 0;
padding-right: .2em;
list-style-type: none;
text-align: center;
}
#footer_links ul li {
display: inline;
padding: 10px 10px 0 0;
}
#footer_links a:link, #footer_links a:visited {
color: #666666;
text-decoration: none;
}
#footer_links a:hover {
color: #903;
text-decoration: none;
}

.footer {
margin:0;
padding-top: 1em;
font-size: 80%;
text-align: center;
color: #666666;
}
.footer a:link, #footer a:visited {
color: #666666;
text-decoration: none;
}

/* --------------------------------------------------
SIDEBARS
----------------------------------------------------- */
#sidebar {
color: #666666;
text-align: right;
font-size: 80%;
}
#sidebar_right {
padding: 0 10px;
color: #666666;
text-align: left;
line-height: 16px;
font-size: 80%;
}
#sidebar h3 {
color: #f90;
}
#sidebar ul {
margin: 0;
padding: .5em;
border: none;
font-weight: bold;
}
#sidebar li {
list-style-type: none;
}
#sidebar li a {
display: block;
text-decoration: none;
color: #666666;
width: 150px;
font-weight: bold;
}
#sidebar ul li a:link, #sidebar ul li a:visited {
color: #666666;
font-weight: bold;
text-decoration: none;
}
#sidebar ul li a:hover {
color: #903;
font-weight: bold;
}
/* --------------------------------------------------
DEFAULT LINKS 
----------------------------------------------------- */
a:link { 
text-decoration: none; 
color: #930; 
}
a:visited { 
text-decoration: none; 
color: #930; 
}
a:hover { 
text-decoration: none; 
color: #f30;
}

/* LINK-X - EXTERNAL LINK */
.link-x {
border-bottom: 1px dotted #ccc;
background: url(../images/icon_xlink.gif) no-repeat right top;
padding-right: 12px; 
}
/* --------------------------------------------------
STYLE FONT SELECTORS 
----------------------------------------------------- */
/* ADDRESS */
address {
display: block; 
}

/* BLOCKQUOTE */
blockquote {
padding: 0em;
color: #369;
font-weight: normal;
font-style: normal;
text-align: justify;
}
blockquote div p {
padding: 1em;
}
blockquote div.source {
margin: 0px 5px;
text-align: right;
font-style: italic;
}
blockquote span.source {
font-style: italic;
}

/* CITE - CITATION FOR QUOTE OR REFERENCE  */
cite {
font-style: italic; 
}

/* DL - DEFINITION LIST */
dl {
display: block;
margin: 1.33em 0; } 
/* DT - DEFINITION TERM  */
dt { display: block; }
/* DD - DEFINITION DESCRIPTION  */
dd { margin-left: 40px; }

div.justify { text-align: justify; }

/* EM - EMPHASIS */
em { font-style: italic; }

/* HEADERS */
h1 {
margin: .3em 0;
font-size: 150%; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bolder;
color: #903;
letter-spacing: -1px;  
text-transform: capitalize; 
}

h1.compact {
margin: 0;
padding: 0;
font-size: 150%; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bolder;
color: #903;
letter-spacing: -1px;  
text-transform: capitalize; 
}

h2 {
margin-bottom: .15em;
font-size: 130%;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
color: #666; 
}

h3 {
margin-bottom: .15em;
font-size: 115%;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
letter-spacing: -1px; 
color: #333; 
}
h3 a:link, a:visited {
color: #903;
}

h4 {
margin-bottom: 0;
font: 100% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bold;
letter-spacing: 0px;
text-transform: uppercase;
}

h5 {
margin-bottom: 0;
font: 90% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bolder;
letter-spacing: -1px;
text-transform: uppercase; 
}

h6 {
margin: 0;
font: 90% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-weight: bolder;
letter-spacing: -1px;
text-transform: upper-case;
text-decoration: underline overline; 
}

/* HR - HORIZONTAL RULE */
hr {
display: block;
color: #ccc;
background-color: #069;
height: 1px; 
}

/* HORIZONTAL RULE USING IMAGES */
div.hr {
  height: 15px;
  background: #fff url(hr.gif) no-repeat scroll center;
}
div.hr hr { display: none; }

/* P - PARAGRAPH */
p { 
display: block;
margin-top: 0;
font-size: 100%; 
}

p.justify {
text-align: justify; 
}

li > p { margin-left: 0; }

/* PRE - PREFORMATTED TEXT  */
pre { font-family: monospace; }

/* Q - SHORT QUOTATION NO IMAGE */
q {
display: block;
width: 80%;
border: 1px solid #ccc; 
margin: 1.5em; 
padding: 2em; 
}

q div.source, q p.source {
text-align: right;
font-style: italic;
border: 0 ; 
margin: -1px; 
padding: 0; }

/* STRONG - BOLD TEXT */
strong { font-weight: bolder; }
 
/* --------------------------------------------------
STYLE FORMS 
----------------------------------------------------- */
/* BUTTON */
.button {
font-family: 100% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
font-size: 90%;
font-weight: bold;
text-align: center;
color: #444;
background-color: #e5e5e5;
width: auto;
border-top: 1px solid #ccc;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #ccc;
text-transform: normal; }

/* FIELDSET - DEFINES FIELDSET */
fieldset {
display: block; }

/* FORM */
form { width: 100% ; }

/* INPUT, SELECT */
input, select, checkbox, radio {
margin: 0 3px 0 0;
border: 1px solid #999;
text-transform: normal; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
font-size: 100%; }

/* SELECT - SELECTABLE LIST */
select {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
letter-spacing: -1px; }

/* TEXTAREA - TEXT INPUT */
textarea {
border-top: 1px solid #ccc;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #ccc;
text-transform: normal; 
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
font-size: 100%; }

/* --------------------------------------------------
STYLE LISTS 
----------------------------------------------------- */
/* OL - ORDERED LIST */
ol {
list-style-position: outside;
margin-top: 0; }

ol li {
list-style-type: decimal; 
font-weight: bold; }

ol ol li {
list-style-type: upper-alpha;
font-weight: normal; }

ol ol ol li {
list-style-type: lower-roman; }

ol ol ol ol li { list-style-type: lower-alpha; }

/* UL - UNORDERED LIST */
ul {
list-style-position: outside;
margin-top: 0; }

ul li {
list-style-type: square;
font-weight: normal; }

ul li p {
margin-top: 0px;
margin-bottom: 10px;
font-weight: normal; 
}

ul ul li {
list-style-type: circle;
font-weight: normal; }

ul ul ul li {
list-style-type: disk; }

ul ul ul ul li { list-style-type: square; }

/* GENERIC NAVIGATION */
ul#nav_generic a { color: #333; }

/* --------------------------------------------------
STYLE TABLES 
----------------------------------------------------- */
#main_container table {
border-collapse: collapse;
width: 760px;
}
#main_container tr {
margin: 0;
padding: 0;
}
#main_container td {
vertical-align: top;
margin: 0;
padding: 0;
}

#main table {
border-collapse: collapse;
width: 100%;
border: 1px solid #ccc; 
font-size: 100%; 
}
#main td {
text-align: left;
border: 1px solid #ccc; 
font-size: 100%; 
}

/* CAPTION */
#main table caption {
font-style: italic;
font-size: 100%;
text-align: right;
caption-side: bottom; 
}

/* ODD TABLE ROW */
#main tr.odd {
background-color: #eee; 
}

/* TABLE HEADER */
#main th {
font-weight: bolder;
background-color: #e5e5e5;
text-transform: uppercase;
text-align: center; 
}

/* TABLE ROW HOVER */
#main tr: hover {
background-color: #E7EDF2;
color: #fff;
}
#main thead tr: hover {
background-color: transparent;
color: inherit;
}
#main tr.center { text-align: center; }

/* TABLE DATA */
#main td {
border-right: 1px solid #ccc; 
padding: .3em; 
vertical-align: top; }

/* --------------------------------------------------
STYLE BOXES 
----------------------------------------------------- */
/* TOP-LEFT BOTTOM-RIGHT ROUND CORNER BOX */
#box {
float: right;
margin: .5em;
width: 200px; 
}

div#box {
padding-top: 15px;
background: #fff url(../images/corner_wht_tleft.gif) no-repeat;
background-color: #E7EDF2; 
}

div#box h2 {
padding: 0 10px 0 15px;
font-size: 125%;
color: #666; 
}

div#box p {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; 
padding: 0 15px 0 15px;
font-size: 90%;
line-height: 1.3em; 
}

div#box p.more {
margin: 0;
text-align: right; 
}

div#box p.end { background: url(../images/corner_wht_bright.gif) no-repeat 100% 100%; }

/* --------------------------------------------------
STYLE IMAGES 
----------------------------------------------------- */
/* PHOTO GALLERY 1 - puts description under the photo.*/
div.thumbnail {
width: 130px;
float: left;
margin: 0 10px 10px 0;
background: url(../images/photo_thumb_top.gif) no-repeat; 
}

div.thumbnail img {
margin: 10px 0 0 10px;
border: 1px solid #777; 
}

div.thumbnail p {
margin: 0;
padding: 0 20px 30px 10px;
background: url(../images/photo_thumb_bottom.gif) no-repeat 0 100%;
text-align: center;
font-size: 90%;
line-height: 1.1em; 
}

/* PHOTO GALLERY 2 - puts description beside the photo. */
div.thumbnail_h {
float: left;
width: 300px;
margin: 0 10px 10px 0;
padding-bottom: 10px;
border: 1px solid #777; 
}

div.thumbnail_h img {
float: left;
border: 1px solid #777; 
margin: 10px 10px 0 10px; 
}

div.thumbnail_h p {
margin: 10px;
padding: 0 20px 30px 10px; 
}

.clear {
clear: left; 
}

/* --------------------------------------------------
CSS DEFINITIONS FOR OTHER MEDIA 
----------------------------------------------------- */
@media print {
  @page         { margin: 10% }
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media speech {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}