@import url(reset-fonts-grids.css);
/* 
    dark blue color is #3670B7
    light blue color is #00b4f0
    for colors, see:
    (light) 
http://wellstyled.com/tools/colorscheme2/index-en.html?triad;50;1;219;1;0.9411764705882353;1;0.6588235294117647;0.25;1;0.5;1;1;0.9411764705882353;1;0.6588235294117647;0.25;1;0.5;1;1;0.9411764705882353;1;0.6588235294117647;0.25;1;0.5;1;1;0.9411764705882353;1;0.6588235294117647;0.25;1;0.5;1;0
        http://colorblender.com/?preloadblend=00A9F00072A3F09800A34C000F0F0FF0F0F0
    and
    (dark)
http://wellstyled.com/tools/colorscheme2/index-en.html?triad;50;1;231;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;-1;-1;1;-0.7;0.25;1;0.5;1;0
    http://colorblender.com/?preloadblend=3670B720426BB8A9376B5620474747B8B8B8
*/
html, body { background-color:  #0072a3; }
h1,h2,h3,h4,h5,h6 { color: #474747; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; }
h1,h2,h3, h4, h5, h6 {margin-top: 1em; margin-bottom: 0.5em; }
h1 { font-variant: small-caps; font-size: 185%; font-weight: normal; font-family: Georgia, Times New Roman, Times, serif;}
h2 { font-size: 150%; font-weight: bold; }
h3 { font-size: 125%; font-weight: bold; }
p { margin-top: 0.5em; line-height: 125%; margin-bottom: 0.25em;}
strong {font-weight: bold;}
ul li { list-style-type: disc; margin-left: 2em;}
li { display: list-item; line-height: 150%; }
td, th { border: thin solid black; padding: 5px;}
table { margin: 5px 0 5px 0; }
th { background-color: #ffde80; font-weight: bold;}
hr { color: #fff; background-color: #fff;  }
em { font-style: italic; }
/* 
blue #0072a3
orange #A34C00
*/
#doc {
margin-top: 20px; margin-bottom: 20px; 
border: 1px solid #474747;
background-color: #fff; }

#bd {padding-top: 0px; padding-bottom: 20px; }
.awts { font-weight: bold; font-size: 110%; }

#quotes  { float: right; clear: right; border: thin solid #3670b7; padding: 0.5em; margin-top: 2em; 
background-color: rgb(90%,90%,90%); width: 20%; color: #777;  margin-right: 0.5em; margin-left: 0.5em;}
#quotes dt { margin-top: 1.5em; font-style: italic; font-size: 85%;}
#quotes dd { text-align: right; font-size: 85%;}

#quoteshome  { float: left; border: thin solid #3670b7; padding: 0.5em; 
background-color: rgb(90%,90%,90%); width: 150px; color: #777;  margin-right: 0.5em; margin-left: 0;}
#quoteshome dt { margin-top: 1.5em; font-style: italic; font-size: 85%;}
#quoteshome dd { text-align: right; font-size: 85%;}

.homecontent2 { float: left; width: 220px; }

#hd { 
background-image: url(../images/logo_150.gif); 
background-repeat: no-repeat; 
height: 95px; 
text-align: left;
}
#hd h1 { padding-left: 190px; padding-top: 10px; margin-top: 0; margin-bottom: 0;}
#hd h1 span { vertical-align: middle; }

#ft { padding: 0.5em 0; margin-top: 1em; font-size: 80%; 
text-align: center; 
border-top: thin solid #3670b7; color: #474747; }

#content { padding: 0 1em 0 1em; clear: both;}
#navdiv { 
    width: 100%; 
    background-color: #f09800; 
    float: right;
    border-top: 2px solid #3670b7;
    border-bottom: 2px solid #3670b7;
    margin-bottom: 2em;
}
ul#navigation {
  font-weight: bold;
  font-size: 100%;
  padding: 0;
  margin: 0;
  display: inline;
  /* 
  margin-bottom: 20px;
    padding-bottom: 10px;
  */
  background-color: #f09800;
  color: #20426B;
  width: 100%;
}
#navigation li { 
  list-style: none;
  display: inline;
  margin: 0;
}
#navigation  li a {
  padding: 7px 0px;
  display: block;
  background-color: #f09800;
  text-decoration: none;
  float: left;
  text-align: center;
  color: #0072A3;
  font-weight: bold;
  width: 16.6%;
}
#navigation a:link,
#navigation a:visited  {
     color: #0072a3; 
  background-color: #f09800;
  }
#navigation a:hover {
     color: blue;
     background-color: #0072a3; 
	 color: #f09800;
	 font-weight: bold;
	 text-decoration: underline;
}

#navigation #youarehere { 
  background-color: #FFDB80;
  color: #000;
  text-decoration: none;
}
#magsepimgdiv { float: right; padding: 3px; margin: 0 10px 10px 10px; border: thin solid #3670b7; }
#magsepimg { border: none; }
ul.applicationslist li { font-size: smaller; }
.sidebar {  width: 20%; float: left;  padding: 0.5em; margin-top: 2em; 
background-color: rgb(90%,90%,90%); width: 20%; color: black;  border: thin solid #3670b7; margin-right: 0.5em; margin-left: 0.5em;}
.homecontent, .homecontent2 { font-size: 110%; }
.plain td { border: none; }
a:link, a:visited, a:hover, a:active {
    color: blue;
    text-decoration: none;
    background-color: #ffffff;
}
a:hover { color: white; background-color: blue; }
table.applicationslist { border: none; }
table.applicationslist td { vertical-align: top; font-size: 80%; border: none;}