@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400italic);

body { margin:0; padding: 0; border-top: 5px solid #99ccff; }
/* reset */
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, sub, sup, 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;
}
html { font-size: 16px; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */
dd, dt, blockquote, q, tbody, thead, h2, h3 { 
color: #171717;
line-height: 1.4em:
}
p { 
color: #171717;
margin-bottom: 0.6em;
}
em, i {font-family: 'Droid Serif', Helvetica, Arial, Geneva, sans-serif; font-style: italic; }
strong, b { font-weight: bold; }
span.caps { font-size: 0.9em; }
blockquote{
margin-top:0.6em; margin-bottom:0.4em; line-height: 1.4em;
}
#graphic1 { float:left; margin-top: 10px; margin-left: 10px; width: 166px; border: none; padding: 0px; background: transparent; }
#Frame1
{ position: absolute; top: 5px; left: 180px; width: 600px; border-right: 6px solid #99ccff; border-left: 6px solid #99ccff; padding-right: 12px; padding-left:12px; text-align: left; background: transparent; font-family: Ubuntu, sans-serif; }
.header {
   font-weight : normal; 
   font-size : smaller; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   background : #ccffff; 
   color: navy;
   text-align : right; 
   border: solid 1px #ccffff;
   text-align : center; 
   line-height: 13px;
}
h1 {color: #cc3333; font-family: 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; font-weight: bold; font-size: 1.6em; margin-bottom:0.66em;}
h2 {color: maroon; font-family: 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; font-weight: bold; font-size: medium; margin-bottom: 0.5em;}
h3 {color: maroon; font-family: 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; font-weight: normal; font-size: medium; margin-bottom: 0.33em;}
.strap {background-color: maroon; color: white; font-family: 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; font-weight: bold}
.s4p {background-color: #ffeeff;}
.big {font-weight: 700; color: navy}
#Frame1 h2, #Frame1 h3 {
color : maroon;
font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
font-weight : bold;
font-size : 100%;
text-transform: uppercase;
margin-top:0.5em;
margin-bottom:0.3em;
}
#Frame1 h2.notes {
margin-bottom: -2px;
}
#Frame1 li {
line-height: 1.4em; 
padding-left:0.2em;
margin-left: 1.6em;
font-size:1em;
}
#Frame1 ol { list-style-type: decimal; }
#Frame1 ul { list-style-type: disc; }
ul, ol {
margin-bottom:0.8em; }
#Frame1 p.published {
font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
font-size : 80%;
color : #ffffff;
background-color : maroon;
margin-top : 0;
margin-bottom : 0;
margin-left:8px; margin-right:8px; 
padding-right:4px;
text-align : right;
}
#Frame1 p.small, #Frame1 p.footnote {
font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
font-size : 80%;
margin-top : 8px;
margin-bottom : 0;
}
#Frame1 p.caption {
font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
font-size : 75%;
margin-top : 4px;
margin-bottom : 0;
line-height:1.1em;
}
sup {
vertical-align: 0.3em; font-size: 0.7em;
}
p.footnote sup {
vertical-align: baseline; font-size: 1em;
}
sub {
vertical-align: -2px;
font-size:67%; 
}
p.endnote, p.sdendnote, p.small {font-family: 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; font-size: 0.8em; line-height: 1.2em; text-align: left;
}
p, li {font-family: 'Droid Sans', sans-serif; text-align: justify; font-size: 1em; line-height: 1.35em;
}
tt {
   font-size : medium; 
   font-family : Rockwell, Courier, monospace; 
}
h6 {
   font-weight : bold; 
   font-size : medium; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   color : #660066; 
   background : transparent; 
   text-indent : 20pt; 
}

h5 {
   font-weight : normal; 
   font-size : medium; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   color : #660066; 
   background : transparent; 
   text-indent : 15pt; 
}

h4 {
   font-weight : normal; 
   font-size : medium; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   color : #660099; 
   background : transparent; 
   text-indent : 10pt; 
}

blockquote {
   font-family : 'Droid Sans', sans-serif; 
   border-top: 1px solid maroon;
   background-color: #eeffff;
   border-bottom: 1px solid maroon; 
   padding-left:6px; padding-right:6px;
   color: #000;
   text-align : left; 
}
blockquote.inside {
font-size : 1.0em;
font-family : 'Droid Sans', sans-serif;
color : maroon;
text-align : left;
}
li, dt, dd {
color:#171717;
font-size: 1em;
}
address {
   font-style : italic; 
   font-family: 'Droid Sans', sans-serif;
   font-weight : normal; 
   font-size : normal; 
   background : transparent; 
   color: #373737;
   text-align : left; 
}

th {
   font-weight : bold; 
   font-size : small; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   background : FFCCFF; 
   color: black;
   text-align : right; 
}

td {
   font-weight : normal; 
   font-size : small; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   background : CCFFFF; 
   color: black;
   text-align : left; 
}
.xhead {
   font-weight : normal; 
   font-size : medium; 
   line-height : 12pt; 
   font-family : 'Droid Sans', Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   background : transparent; 
   color: black;
}
.footer {
   font-weight : normal; 
   font-size : smaller; 
   font-family : 'Droid Sans', 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; 
   background : #eeeeee; 
   color: navy;
   text-align : center; 
   border-top: thin solid navy;
   text-align : center; 
   line-height: 13px;
}
.block {
   font-weight : bold; 
   font-size : large; 
   font-family : Rockwell, Courier, monospace; 
   background : #ffcc66; 
   color: black;
}

.author {
font-family : 'Droid Sans', Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
font-weight : normal;
font-size : 0.925em;
margin-bottom:0px;
margin-bottom: 0.5em;
}
p.first {
margin-top: 0.4em;
}
p.first:first-letter {
        margin-top: 8px;
margin-right:2px;
	font-size: 2.9em;
	float: left;
      color: #c00;
	  font-weight:700;
}
sub {
vertical-align: -2px;
font-size:67%; 
}
p.indent, p.quote { 
padding-left : 0.8em; 
padding-right : 0.8em; 
border-left : 4px solid #99ffff; 
}
div.photo-div-right, img.photo-div-right {
float:right;
margin-left:6px;
padding:5px;
width:210px; height:auto;
border:1px solid navy;
}
div.photo-div-left, img.photo-div-left {
float:left;
margin-right:6px;
padding:5px;
width:200px; height:auto;
border: 1px solid navy;
}
fieldset { border: none; padding:0; margin:0; }
img.cover { border: 1px solid #777; margin-right:4px; }

/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width : 620px) {
body{
  -webkit-text-size-adjust:none;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  padding:5px;
background-color:#ffffff;
}
#Frame2, #graphic2, #graphic1, #Frame3 img.masthead, .big { visibility:hidden;
position:relative; display:none;
}
#Frame1, #Frame2, #Frame3, #graphic1 {
background:#ffffff;
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  position:relative!important;
  left:0px!important;
  border:none!important;
  margin:0!important;
  padding:0!important;
}
#Frame1 p, #Frame1 blockquote {
margin-left:4px; margin-right:4px;
}
#Frame3,#Frame3 p{
  margin:0 0 0 0!important;
border:none!important;
top:0;
background:transparent;
  padding:0;
  text-align:left!important;
}
#Frame3 p{
display:inline;
  margin:0!important;
line-height:1.6em;
  width:95%;
}
#Frame3 a{
  display:inline;
color:navy;
background-color:#eeeeff;
margin-top:3px; margin-bottom:3px;
border:1px solid navy; padding:2px; text-decoration:none;
}
p fieldset { border:none; width:95%;}
#searchterm { width:100%;}
#header {height:auto; background-color:#ccc; }
h1.hidden { display:block; visibility: visible; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #993333; }
h2 {font-size: 1.5em;}
.solidblockmenu { background-color:#d7d7ff; background-image:none; border:none; }
.solidblockmenu li { display:block;  }
.solidblockmenu li a {text-align:center; padding:2px; border-bottom:2px solid navy; margin-left:2px; margin-top:2px;  float:none; }
#header { background-image:none;}
img { max-width:100%; height:auto; }
.desktop { display:none; }
}