/* arvo-regular - latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/arvo-v14-latin-regular.eot'); src: local(''),
       url('fonts/arvo-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/arvo-v14-latin-regular.woff2') format('woff2'), 
       url('fonts/arvo-v14-latin-regular.woff') format('woff'),
       url('fonts/arvo-v14-latin-regular.ttf') format('truetype'), 
       url('fonts/arvo-v14-latin-regular.svg#Arvo') format('svg'); 
}

/*** RESET ***/
header, footer, nav, section, aside, main, article, figure, figcaption { display: block; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0; }
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit; }
html { overflow-y: scroll; }
table { border-spacing: 0; border-collapse: collapse; font-size: inherit; }
caption, th, td { text-align: left; text-align: start; vertical-align: top; }
caption, th { font-weight: bold; }
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help; }
blockquote, q { quotes: none; }
fieldset, img, iframe { border: 0; }
ul { list-style-type: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
ins { text-decoration: none; }
pre, code { font-family: Monaco, monospace; font-size: 0.9em; line-height: 1; }

/*** BASICS ***/
body { background-color: #6699CC; background-image: url("pics/backcolours.gif"); background-repeat: repeat-x; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
.clear, #clear, .clr { clear: both; }
.clrfix:after { content: ""; display: table; clear: both; }
.invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
a { text-decoration: none; }
a img { display: block; }
img { max-width: 100%; height: auto; }
img.mime_icon { vertical-align: top; }
img.left { float: left; margin-right: 0.5em; }
img.right { float: right; margin-left: 0.5em; }
.blue { color: #00a8ba; }
.float_left { float: left; margin-right: 1em; }
.float_right { float: right; margin-left: 1em; }