/*
copyright: Matt Shearer 2008
All rights reserved.
*/
@import '/css/reset.css';
@import '/css/accessibility.css';


/* - - - - GENERAL - - - - */

body {
background-image: url('/images/grass.gif');
font-family: arial, verdana, sans-serif;
font-size: 0.95em;
z-index: 0;
}

a {
color: #0C6191;
}

a:hover {
color: #0C4171;
}

a:visited {
color: black;
}

.printonly {
display:none;
}

/* - - - - CONTAINER - - - - */
div#container {
position: relative;
width: 100%;
text-align: center;
background-image: url('/images/sky_grass_tile_02.gif');
background-position: top;
background-repeat: repeat-x;
z-index: 1;
}

div#mainarea {
height: 750px;
position: relative;
margin: 0 auto;
text-align: left;
width: 840px;
background-image: url('/images/landscape_bg_04.gif');
background-position: top;
background-repeat: no-repeat;
z-index: 2;
}

/* - - - - TOP - - - - */

div#logo {
position: absolute;
top: 20px;
left: 33px;
z-index: 3;
}

/* - - - - NAV - - - - */
div#navigation {
position: absolute;
top: 195px;
left: 56px;
width: 179px;
text-align: center;
z-index: 20;
background-image: url('/images/back-222.gif');
background-position: top;
background-repeat: repeat-x;
}

div#navigation h2 {
margin-bottom: 15px;
font-size: 1.1em;
color: #0C6191;
}

div#navigation li {
font-size: 95%;
}

div#navigation ul li.general {
margin-top: 20px;
padding-top: 10px;
border-top: 1px dotted #aaa;
width:100%;
}

div#navigation a {
font-weight: bold;
color: #2223cc;
}


/* - - - - CONTENT - - - - */
div#bodytext {
position: absolute;
top: 161px;
left: 271px;
z-index: 10;
}

div#bodytext div {
margin: 40px;
overflow: auto;
height: 245px;
}

div#bodytext p, div#bodytext li {
font-size: 95%;
margin-bottom: 5px;
}

div#bodytext p strong {
font-weight: bold;
}

div#bodytext blockquote {
font-style: italic;
}

div#bodytext h1 {
margin-top: 0px;
margin-bottom: 10px;
font-size: 1.1em;
color: #0C6191;
}

div#bodytext h2 {
margin-top: 10px;
margin-bottom: 5px;
font-size: 1.0em;
}

div#bodytext ul li {
list-style-type: circle;
list-style-position: outside;
margin-left: 20px;
}

div#bodytext ol li {
list-style-type: decimal;
list-style-position: inside;
margin-left: 10px;
}
div#bodytext li strong {
font-weight: bold;
}


div.bigboard {
width: 500px;
height: 410px;
background-image: url('/images/bigboard.gif');
background-position: top;
background-repeat: no-repeat;
}

div.smallboard {
width: 500px;
height: 410px;
background-image: url('/images/smallboard.gif');
background-position: top;
background-repeat: no-repeat;
}

div.smallboard div {
margin-left: 65px !important;
margin-right: 200px !important;
}

div#bodytext div img.diagram {
float: right;
border: 0;
}

/* - - - - MICROFORMATS - - - - */

div.smallboard div div#vcard, 
div.bigboard div div#vcard,
div.smallboard div div#vcard div, 
div.bigboard div div#vcard div {
margin:0;
padding:0;
height:auto;
}

div#vcard p img {
vertical-align: middle;
display: inline;
}

div#vcard h2, div#vcard div, div#vcard p {
display: inline;
}

div#vcard hr {
clear: both;
border: 1px dotted #eee;
}


/* - - - - FOOTER - - - - */
div#footer {
position: absolute;
left: 25px;
top: 624px;
z-index: 15;
color: white;
font-size: 85%;
width: 569px;
}

div#footer a, div#credits a {
color: white;
}

div#footer a:hover, div#credits a:hover {
text-decoration: none;
}

div#credits {
position: absolute;
top: 624px;
right: 25px;
text-align: right;
width: 240px;
z-index: 16;
}

div#credits p {
font-size: 85%;
}

div#credits p a {
font-weight: normal;
text-decoration: none;
}
div#credits p a:hover {
color: #ddd;
}

/* - - - - footer nav - - - - */

ul.footernav {
margin-bottom: 5px;
font-size: 90%;
}

ul.footernav li {
font-weight: bold;
}

ul.footernav li a {
text-decoration: none;
}


ul.footernav ul {
clear: both;
}

ul.footernav ul li {
/* display: inline; */
font-size: 80%;
padding-left: 2px;
margin: 0;
border-left: 1px solid white;
font-weight: normal;
}

ul.footernav ul li a {
text-decoration: underline;
}

ul.footernav ul {
display: inline;
}



/* - - - - contact form - - - - */
div#bodytext div div#contactFormArea {
margin: 0;
padding: 0;
left: 0;
font-size: 85%;
}

div#bodytext div div#contactFormArea input {
font-size: 90%;
}

form#cForm fieldset label {
float: left;
width: 150px;
clear: both;
margin: 0;
padding: 0;
}

form#cForm fieldset textarea {
width: 180px;
}


/* - - - - MISC - - - - */
div#balloon {
position: absolute;
right: 48px;
top: 40px;
width: 180px;
height: 300px;
background-image: url('/images/balloon_01.gif');
background-position: top;
background-repeat: no-repeat;
z-index: 9;
}

/* notes
dark brown: #9B6D19
blue: #0E7CA3
darker blue: #0C6191
darkest blue: #0C4171


- - - z index - - -
nav: 20
credits: 16
footer: 15
bodytext: 10
balloon: 9
logo: 3
mainarea: 2
container: 1
body: 0

*/