/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; } sub { top: 0.0em; }

ol, ul {
list-style: none;
}

table {
/*border-collapse: collapse; */
border-spacing: 0;
margin-top: 10px;
}

*{
padding: 0;
margin: 0;
}

*.tight{
word-spacing: -.1em;
}

a:link{
color: #ffffff;           /*#3D546B*/
background: transparent;
text-decoration: none;
cursor: pointer;
}

a:link.index{
color: #3D546B;
background: transparent;
text-decoration: none;
cursor: pointer;
}

a:hover{
color: #800000;
background: transparent;
text-decoration: none;
cursor: pointer;
}

a:focus{
color:  #800000;
background: transparent;
text-decoration: none;
cursor: pointer;
outline: none;
}

a:active{
color: #028DBD;
background: transparent;
text-decoration: none;
cursor: pointer;
outline: none;
}

a:visited{
color: #B89470;
background: transparent;
text-decoration: none;
cursor: pointer;
}

html{
font: normal 13px/16px Arial, Helvetica, sans-serif;
height: 100.1%;
color: #000000;
background-color:#0A1530;
}

b{
  font-weight: bold;
}

body{
background-color: #000C0C;  /* #c3c3c3; #D5E7FA;*/
height: 101%;
}

div.outer {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
background-color: transparent;
}

div.inner{
width: 1000px;
height: 580px;
background-color: #003030;
border: 50px solid #003030;
padding: 0px;
margin-left: -500px;  /***  width / 2   ***/
position: absolute;
top: -350px;          /***  height / 2   ***/
left: 50%;
-webkit-box-shadow: 11px 11px 13px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    11px 11px 13px rgba(0, 0, 0, 0.7);
box-shadow:         11px 11px 13px rgba(0, 0, 0, 0.7);
}

div.bluefield{
width: 850px;
height: 530px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding: 10px 20px 10px 20px;
border: solid 0px #AAAAAA;
background-color: #ffffff;
-webkit-box-shadow: 11px 11px 6px rgba(0, 24, 24, 1);
-moz-box-shadow:    11px 11px 6px rgba(0, 24, 24, 1);
box-shadow:         11px 11px 6px rgba(0, 24, 24, 1);
/*-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.7);
-moz-box-shadow:    0px 0px 16px rgba(0, 0, 0, 0.7);
box-shadow:         0px 0px 16px rgba(0, 0, 0, 0.7);*/
overflow: hidden;
}


div.navigationh {
float: left;
width: 100%;
margin-top: 0px;
margin-bottom: 15px;
height: 50px;
border-bottom: solid 0px  #000000;    /*#3d546b*/
}

div.headerbg{
height: 65px;
width: 890px;
background-color: #9AB5B5;
margin-top: -15px;
border: solid 8px #9AB5B5;
margin-left: -20px;
margin-bottom: -10px;
}

div.content{
  clear: both;
width: 825px;
height: 380px;
margin-top: 5px;
margin-right: 20px;
margin-left: 5px;
padding-left: 0px;
border: solid red 0px;
overflow-y: hidden;
}

em{
font-style: italic;
}


h1{
display: block;
font-family: Arial, Gadget, sans-serif; /*Impact, Charcoal, sans-serif; */
font-weight: bold;
font-style: normal;
font-size: 32px;
line-height: 40px;
color: #000000;          /*#3d546b*/
margin-left: 10px;
background: transparent;
text-align: left;
/*text-shadow: 2px 2px 3px #808080;  */ /*Modern browsers*/
}

h1.malloch{
position: relative;
font-family: "Comic Sans MS", "ChalkboardSE-Bold", Fantasy, "Sans Serif";
font-weight: 900;
line-height: 65px;
margin-top: 3px;
text-shadow: 3px 3px 4px #455555; /*Modern browsers*/
}


h2{
font-family: "Arial Black", Arial, Gadget, "Sans-serif"; /*Impact, Charcoal, sans-serif;*/
font-weight: bold;
font-style: normal;
font-size: 20px;
line-height: 28px;
color: #000000;                     /*#3d546b*/
margin-left: 0px;
background: transparent;
text-align: left;
text-shadow: 2px 2px 3px #808080;   /*Modern browsers*/
}

hr{
clear: both;
text-align: left;
width: 615px;
margin-top: 15px;
margin-bottom: 10px;
height: 4px;
border: none;
background-color: #434A80;
}

img{
border: none;
background-color: transparent;
}

p{
font: normal 13px/15px Arial, Helvetica, sans-serif;
color: #000000;
background-color: transparent;
text-align: left;
margin: 8px 10px 8px 0px;
}

p.navhoriz{
background-color: teal;
color: #ffffff;
width: 880px;
font: 14px Arial, Helvetica, Gadget, sans-serif;
font-weight: bold;
line-height: 20px;
text-align: right;
text-indent: 0px;
margin-top: 10px;
margin-left: -40px;
padding-top: 5px;
padding-right: 40px;
padding-bottom: 5px;
border-top: solid 6px #005050;
border-bottom: solid 6px #005050;

}

p.signature{
font-style: italic;
font-weight: bold;
font-size: 15px;
text-align: right;
margin-top: 5px;
margin-right: 90px;
margin-bottom: 15px;
}

p.caption{
font: normal 11px/13px Arial, Helvetica, sans-serif;
color: #000000;
font-style: italic;
background: transparent;
text-align: left;
margin: 1px 0px 0px 2px;
}

p.creditcaption{
font: normal 11px/13px Arial, Helvetica, sans-serif;
color: #000000;
font-style: italic;
background: transparent;
text-align: left;
margin: 0px 0px 0px 5px;
}

p.imgcaption{
font: normal 13px/14px Arial, Helvetica, sans-serif;
color: #000000;
font-style: italic;
background: transparent;
text-align: center;
margin: 2px 0px 10px 0px;
}

span.fraction{
margin-left: 1px;
letter-spacing: 1px;
font-size: 13px;
}

strong{
color: #000000;
font-weight: bold;
}

td {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
background-color: transparent;
text-align: center;
margin: 5px 10px 5px 0px;
}


td.img{
padding-right: 15px;
}

ul{
background: transparent;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 13px;
letter-spacing: 0px;
list-style-image: url(../graphics/dark_mustard_bullet.png);
text-align: left;
list-style-position: outside;
text-indent: 0px;
margin-left: 10px;
padding-left: 10px;
margin-top: 10px;
overflow: hidden;
}

ol{
background: transparent;
color: #000000;
font: normal 14px Arial, Helvetica, sans-serif;
line-height: 16px;
vertical-align: bottom;
text-align: left;
list-style: decimal;
list-style-position: outside;
padding-left: 0px;
margin-left: 0px;
counter-reset: item;}

ol li { display: block }
ol li:before {
content: counter(item) ". ";
counter-increment: item;
font-weight: bold;
color: #000000;
}

li.ordered{
margin-top: 5px;
padding-top: 0px;
margin-bottom: 5px;
padding-bottom:0px;
margin-left: 40px;
word-spacing: 0px;
text-indent: -15px;
color: #000000;  /*bullet color*/
}

li{
margin-bottom: 5px;
padding-bottom: 0px;
margin-left: 10px;
word-spacing: 0px;
text-indent: 0px;
color: #000000;  /*bullet color*/
}


/*li.horizontal{
float: left;
margin-bottom: 10px;
padding-bottom: 10px;
margin-left: 10px;
word-spacing: 0px;
text-indent: 0px;
color: #028DBD
}
*/


li.navigation{
line-height: 35px;
font: 19px Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 0px;
padding-bottom: 0px;
margin-left: 20px;
word-spacing: 0px;
text-indent: 0px;
color: #028DBD;  /*bullet color*/
}

ul, li{
margin: 10px;
}