﻿/* If you are still using GZipped files to reduce loading time, be sure to GZip this after any changes. */

@import url(reset.css) all;
/* This resets all CSS properties to the same default values, for more cross-platform compatibility. */

*{margin:0;}
html{height:100%;font-size:24px;}
head{display: none;}
body{font-family:"Liberation Serif",Times,"Times New Roman",serif;height:100%;background-color:#FFF;}

/* These rules govern links. */
a{text-decoration:none;color:#077;}
a:hover,a:focus,#header a:hover,#header a:focus,#footer a:hover,#footer a:focus{color:#000;}
a img{border:none;}
a[href $='.pdf']{padding-right:18px;background:transparent url(img/page_white_acrobat.png) no-repeat center right;}
/* More rules may be added to warn users of other filetypes. */

abbr{border-bottom-style:dotted;border-bottom-width:thin;}
code{font-family:"Liberation Mono",Consolas,"Lucida Console",Courier,"Courier New",monospace;}

/* These set up the basic rules for paragraphs and headings. */
h1,h2,h3,h4,h5,h6{font-family:"Liberation Sans",Helvetica,Arial,sans-serif;padding-top:0.25em;}
h1{font-size:300%;}
h2{font-size:250%;}
h3{font-size:200%;}
h4{font-size:150%;}
h5{font-size:125%;}
p{padding:1em;line-height:1.25;}

/* This is a bit of a kludgy way to deal with the different tables; it suffers from classitis and should be refactored. */
table{margin:1em auto;text-align:center;font-family:"Liberation Mono",Consolas,"Lucida Console",Courier,"Courier New",monospace;font-size:110%;}
caption{font-size:200%;font-weight:bold;text-decoration:underline;}
td{text-align:left;padding:0 5px;}
td,th{border-width:1px;border-style:solid;color:#000;border-color:#000;}
.gallery *{border-width:0;padding:0 3px 5px;font-family:"Liberation Sans",Helvetica,Arial,sans-serif;text-decoration:none;text-align:center;}
.geo{font-size:100%;float:right;margin:10px;}
.geo *{padding:auto;vertical-align:middle;font-family:"Liberation Sans",Helvetica,Arial,sans-serif;text-decoration:none;}
.geo caption{margin:0 0 3px;font-size:100%;}
.geo p{padding:0.5em auto;}
th{color:#077;}

var{font-style:italic;}

/* Now we deal with the named sections; do not change the properties of #wrapper or the lastline, because they are needed to keep the footer at the bottom of the page. */
#wrapper{min-height:100%;margin:0 auto -1em;}
#header{font-family:"Liberation Sans",Helvetica,Arial,sans-serif;font-size:200%;color:#FFF;background-color:#FFF;width:100%;}
#header a{color:#077;}
#header a img{background-image:url(img/logo-trans.png);}
#header li{text-align:center;padding:0 5px 5px;display:inline;border-right-style:solid;border-right-width:thin;}
#header ol{float:right;}
#header ol li{text-align:left;display:block;}
#nav{font-size:150%;width:20%;float:left;}
#nav li{display:block;margin:0 0 5px;padding:0;}
#content{font-size:115%;width:70%;float:right;padding:1em;}
#content h1{font-size:200%;}
#content form{text-align:center;font-family:"Liberation Sans",Helvetica,Arial,sans-serif;font-size:120%;}
#footer{color:#077;background-color:#FFF;text-align:center;width:100%;}
#footer,#push{clear:both;height:1em;}
