/* 
   ===================================================================
   File:         document.css
   Author:       Pankaj Kamthan
   Date:         October 01, 2003
   Last Updated: September 15, 2008
                 April 17, 2007
                 September 1, 2005
   Description:  This is a CSS style sheet for an XHTML document for
                 the CUPFA Web Site.
   ===================================================================
*/

/* ============================= BODY ============================= */

/* Body */

body { 
  color:            #000000;
  background:       #ffffff;
  font-family:      verdana, tahoma, sans-serif, arial, helvetica;
  font-size:        small;
  margin-left:      3%;
  margin-right:     3%;
  margin-top:       20pt;
  margin-bottom:    20pt;
}

/* Header (Title, Author) */

.title {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  text-align:       center;
  font-weight:      normal;
  background-color: #ffffcc;
  color:            #0040b2; 
}

.subtitle {
  width:            100%;
  text-align:       center;
  font-weight:      normal;
  font-size:        14pt;
  color:            rgb(117,117,117);
}

.author {
  width:            100%;
  text-align:       center;
  font-weight:      normal;
  font-size:        11pt;
  color:            #0080c0;
}

.abstract {
  width:            100%;
  text-align:       center;
  font-weight:      normal;
  font-size:        11pt;
  color:            #004000;
}

.abstract.text {
  width:            95%;
  border:           solid 1px rgb(000,000,000);
  padding:          2px;
  font-size:        10pt;
  background-color: #f9f9f9;
  color:            #5d5d5d;
}

/* Footer (Signature, Policy, Contact Information) */

.foot {
  width:            100%;
  border:           solid 1px rgb(000,000,000);
  padding:          1px;
  background-color: #eee;
  text-align:       center;
  font-size:        10pt;
}

/* ============================= TEXT ============================= */

/* Headings */

h1 {
  text-align:       center;
  font-weight:      normal;
  font-size:        20pt;
  color:            #f4faff;
}

h2 {
  width:            100%;
  text-align:       left;
  font-weight:      normal;
  font-size:        14pt;
  background-color: #000080;
  color:            #fff;
}

h3 {
  text-align:       left;
  font-weight:      normal;
  font-size:        13pt;
  color:            #004080; 
}

h4 {
  text-align:       left;
  font-weight:      normal;
  font-size:        11pt;
  color:            #800000; 
}

h5 {
  text-align:       left;
  font-weight:      normal;
  font-size:        10pt;
  color:            #04667b;
}

h6 {
  text-align:       left;
  font-weight:      normal;
  font-size:        10pt;
  color:            #0000bf;
}

/* Paragraph */

p {

  text-align:       justify;
}

/* Citation */

.citation {
  width:            95%;
  border:           solid 1px rgb(000,000,000);
  margin-left:      1cm;
  padding:          2px;
  background-color: #fff;
  color:            #006a00;
}

/* Emphasis */

.emphasis {
  width:            95%;
  border:           solid 1px rgb(000,000,000);
  background-color: #fff;
  margin-left:      1cm;
  padding:          2px;
}

.new {
  font-weight : bold; 
  color       : #9D0400;
}

/* Quote */

.quote {
  width:            90%;
  background:       #d8d8d8; 
  margin:           2em;
  margin-left:      2.2cm; 
  padding:          6px;
  border-top:       2px outset; 
  border-bottom:    2px outset;
  border-left:      3px outset; 
  border-right:     3px outset;
}

/* Definitions */

dt {
  font-weight:      bold;
  color:            #00552b;
}

code {
  font-family: monospace;
}

code.element {
  font-weight:      bold;
  color:            #00552b;
}

code.attribute {
  font-weight:      bold;
  color:            #550000;
}

code.entity {
  font-weight:      bold;
  color:            #0000af;
}

/* ========================== STRUCTURES ========================== */

/* Horizontal Rule */

hr { 
  color:            rgb(128,128,128); 
  border-top:       normal;
}

/* Lists */

ul {
  list-style-type:  square;
  text-align:       justify;
}

/* Tables */

table {
  background-color: #f4faff;
}

/* Forms */

form {
  width:            100%;
  border:           none;
  background-color: #eeeeee;
  padding:          2px;
}

input.button {
  padding-left:     0.5em;
  padding-right:    0.5em;
  background-color: #000000;
  font-family:      verdana, tahoma, sans-serif, arial, helvetica;
  font-size:        1em;
}

/* ========================== NAVIGATION ============================ */

.navigation {
  width:            100%;
  color:            #fffff5; 
  background-color: #9d0400;
  padding:          1px;
  text-align:       center;
  font-weight:      normal;
}

/* Navigation Links */

.navigation a:link {
  color:            #fff; 
  text-decoration:  none;
}

.navigation a:active {
  color:            #fff; 
  text-decoration:  none;
}

.navigation a:visited {
  color:            #fff; 
  text-decoration:  none;
}

/* ============================ LINKS ============================= */

/* Links */

a:link {
  background:       none transparent scroll repeat 0% 0%; 
  border-bottom:    none;
  color:            #0000ff; 
  text-decoration:  none;
}

a:active {
  background:       none transparent scroll repeat 0% 0%; 
  color:            #ff0000; 
  text-decoration:  underline;
}

a:visited {
  background:       none transparent scroll repeat 0% 0%; 
  border-bottom:    none;
  color:            #400080; 
  text-decoration:  none;
}

a:hover {
  background:       #000000; 
  color:            #ffffff;
}