/* Blue Style */
body { 
 font-size: 1em;
 font-weight: normal;
 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 word-spacing: normal;
 letter-spacing: normal;
 text-transform: none;
    margin-top: 1em;
 margin-left: 1em;
 margin-right: 1em;
 margin-bottom: 1em;
 width: auto;
 color: black;
 background: #cccccc;
    line-height: 1.2em;
 }

ol li { 
 list-style-type: decimal;
 } 

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

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

/* Style for menu bar */
ul { 
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
color:white;
 background-color: #579ed2;
}
ul li a { 
float:left;
width:10em;
text-decoration:none;
color:white;
 background-color: #579ed2;
padding:0.2em 0.2em;
border-right:1px solid #b8dff6;
}
ul li a:hover { background-color: #b8dff6; }
ul li { display: inline; }

table, tbody, tr, td { 
 font-size: 1em;
 } 

table {
 width: 100%;
}

th { 
 vertical-align: baseline;
 text-align: left;
 font-size: 1em;
 font-weight: bold;
 }
 
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot { 
 font-weight: bold;
 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

a, address, blockquote, body, cite, code, dd, del, dfn,  
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, img, kbd,  
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var,   
applet, big, center, dir, font, hr, menu, pre,  
abbr, acronym, bdo, button, fieldset, ins, label { 
 border-style: none;
 } 
  
/* Prevent forms from generating unwanted padding or margins */
FORM {
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
}
 
/* General form elements */
input, textarea, select {
 color: black;
 background: #cccccc;
 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 font-size: 1em;
}

h1 {
    margin-top: 1em;
 text-align: center;
}

div.box {
 color: white;
 background-color: #579ed2;
 border: 1px solid #b8dff6;
 padding-top: 9px;
 padding-left: 4px;
 padding-right: 4px;
 padding-bottom: 7px;
}
 
/* Boxes are divided in title and data, this is the title */
div.box-title {
 border-bottom: 1px solid #84aa00;
 background-color: #579ed2;
 color: white;
 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 font-size: 1.3em;
 font-weight: bold;
 margin-bottom: 1px;
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 padding-left: 0px;
 padding-right: 0px;
 text-align: center;
 text-decoration: none;
}
 
div.box-title * a {
 color: white;
 text-decoration: none;
}
 
div.box-title a {
 color: white;
 text-decoration: none;
}
 
/* And this is the data */
div.box-data {
 background-color: #579ed2;
 color: #b8dff6;
 font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
 font-size: 1em;
 padding-left: 5px;
 padding-right: 5px;
 overflow: hidden;
}
 
div.box-data * a {
 color: white;
 text-decoration: none;
}
 
div.box-data a {
 color: white;
 text-decoration: none;
}
 
small { 
 font-size: .92em;
 } 

big { 
    line-height: 1.5em;
 font-size: 1.17em;
 } 

pre { 
 font-family: 'Monotype.com', Courier New, monospace;
 } 

em {
 font-style: italic;
 } 
  
strong { 
 font-weight: bold;
 } 
  
em strong, strong em { 
 font-style: italic;
 font-weight: bolder;
 } 
    
del { 
 text-decoration: line-through;
 background: #cccccc;
 } 
  
ins { 
 text-decoration: none;
 background: #cccccc;
 } 
  
var, cite, dfn, .note { 
 font-style: italic;
 } 
  
address { 
 font-style: normal;
 letter-spacing: .1em;
 } 
  
acronym { 
 font-variant: small-caps;
 letter-spacing: 0.1em;
 }
  
hr { 
 color: #b8dff6;
 }