/*craneweb.css*/ 

html {
margin: 0;
padding: 0;
min-width: 100%;
min-height: 100%;
}

body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
font: normal 75% arial, verdana, helvetica, sans-serif;
text-align: center;
letter-spacing: .1em;
color: #000;
background: #e4ddce url(cracloud2-3.jpg) no-repeat;
background-position: top center;
background-size: 100%;
}


body#home {
margin: 0;
padding: 0;
border: 0;
height: 100%;
font: normal 75% arial, verdana, helvetica, sans-serif;
text-align: center;
letter-spacing: .1em;
color: #000;
background: #e4ddce url(cracloud-half-up.jpg) no-repeat;
background-position: top center;
background-size: 100%;
}

p, h1, h2, h3, h4, h5, ol, ul, li, dl, img, figure, figcaption, audio {
margin: 0;
}

h1 {
padding: .1em 0 .5em 0;
font: normal 4em Georgia, "Times New Roman", Times, serif;
letter-spacing: .3em;
line-height: 130%;
text-shadow: 2px 1px 1px #000;
color: #c7120b;
}

p {
padding: .5em 0;
font-size: 1.2em;
line-height: 140%;
}

h2 {
padding: 1em 0;
font: bold 1.8em Georgia, "Times New Roman", Times, serif;
line-height: 130%;
text-align: left;
text-shadow: 1px 1px 1px #665846;
color: #1c1c1c;
}

h3 {
padding: .6em 0;
font-size: 1.4em;
}

h4 {
padding: .5em 0;
font-size: 1.2em;
}

h5 {
padding-bottom: .5em;
font-weight: bold;
font-size: 1em;
}

ul, ol, figure {
padding: .5em 0;
font-size: 1.1em;
}

ul li, ol li {
display: list-item;
margin: 0;
padding: .3em 0;
list-style: disc inside;
}

ol li {
list-style: decimal inside;
}

ul li {
list-style: square inside;
}

li ul li {
margin-left: 1em;
list-style: circle inside;
font-size: .9em;
}

li ul li ul li {
list-style: none;
}

audio {
padding-top: .3em;
}

figcaption {
margin: 0;
padding: .3em 0;
line-height: 150%;
}

img {
margin: .4em;
border: 1px solid #333;
}

table {
margin-top: 1.5em;
margin-right: auto;
margin-bottom: 1.5em;
margin-left: auto;
padding: .5em 0;
border-top: 1px ridge #000;
border-left: 1px ridge #000;
font-size: .8em;
text-align: right;
background-color: #dcd5cc;
box-shadow: 6px 6px 6px #ccc;
}

th {
font-weight: bold;
font-size: 1.1em;
color: #9c0000;
}

th, tr, td {
padding: .4em 1em;
border-style: none;
}

th, td {
text-align: left;
}

td.right {
text-align: right;
}

dl {
font-size: 1.1em;
}

dt {
padding-bottom: .3em;
}

dd {
padding-bottom: .5em;
}

acronym, abbr {
border-bottom: 3px double #008b8b;
}

hr {
clear: both;
margin: 1em 0;
border: 0;
border-top: 2px dotted #c1cdc1;
width: 95%;
background-color: transparent;
}


/*Classes*/

.center {
clear: both;
text-align: center;
}

p.center img {
border: 0;
}

.first {
padding-top: 1em;
}

.inlinehead {
padding-right: 1em;
font-weight: bold;
font-size: .95em;
}

.latin {
font-style: italic;
}

p.quote {
margin: 0 2em;
font-style: italic;
line-height: 150%;
}

.small {
font-size: 90%;
}

p.small {
padding-bottom: 1em;
}

.spaced {
line-height: 160%;
}

h2.home, h4.home {
text-align: center;
}

h2.home {
font-size: 2.1em;
}

h4.home {
text-align: center;
text-shadow: 3px 3px 0px #e4ddce;
color: #000;
}

img.right {
float: right;
margin: .4em 0 .4em 1.3em;
}

img.left {
float: left;
margin: .4em 1.1em .4em 0;
}

img.center {
display: block;
clear: both;
margin: .5em auto;
border: 0;
text-align: center;
}

img.plain {
border: 0;
}

img.dotted {
border: 2px dotted #c1cdc1;
}

img.black {
border: 2px solid #78b98c;
}

img.wrap {
border: 1px solid #333;
}

img.logo {
position: fixed;
top: 1em;
left: 2em;
margin: 0;
padding: 0;
}

img.heavywrap {
border: 3px ridge #000;
}

ul.left {
float: left;
width: 19em;
}

img.bordered {
border: 0;
border-top: 2px dotted #e5e5e5;
border-bottom: 2px dotted #e5e5e5;
}

ul.narrow {
width: 14em;
}

ul.wide {
width: 21em;
}

table.left {
float: left;
clear: none;
margin: 1em;
}

div.cleardiv {
clear: both;
margin: 0 1em;
padding: 0;
}

/*Pseudo-classes*/

a:link, a:visited, a:hover, a:active {
border-bottom: 1px #000 dotted;
font-weight: bold;
text-decoration: none;
background-color: transparent;
}

a:link {
color: #9c0000;
}

a:visited {
color: #000;
}

a:hover, a:visited:hover {
padding: 4px 0;
border: 0;
color: #fff;
background-color: #000;
}

a:active {
color: #d00;
}

a:link.pic, a:visited.pic, a:hover.pic {
border: 0;
background-color: transparent;
}

/*IDs*/

div#navmax {
clear: both;
margin: 0;
padding: .5em 0;
border: 0;
border-bottom: 3px solid #78b98c;
min-width: 98em;
text-align: center;
background-color: #000;
}

div#navmax ul {
margin: 0 auto;
padding: .8em 0;
text-align: center;
}

div#navmax ul li {
list-style: none;
display: inline;
margin: .2em;
padding: .4em;
color: #1874cd;
}

#navmax li.current {
border: 0;
border-bottom: 2px dotted #fff;
font: bold 1.5em arial, verdana, helvetica, sans-serif;
text-shadow: none;
color: #78b98c;
}

div#navmax li a {
margin: .2em;
padding: .2em .4em;
border: 0;
border-bottom: 2px dotted #78b98c;
font: bold 1.5em arial, verdana, helvetica, sans-serif;
color: #fff;
background-color: transparent;
}

#navmax li a:hover {
text-shadow: none;
color: #fff;
background-color: #800;
}

#navmax li a:active {
color: #af100a;
background-color: #87ceff;
}

#navmax a:link, #navmax a:visited, #navmax a:hover, #navmax a:active {
text-decoration: none;
}

#navmax li a.first {
border-left: 0;
}

div#navmin {
clear: both;
margin: 0 auto;
padding: .5em 0 1em 0;
border: 0;
width: 100%;
min-width: 98em;
}

div#navmin ul {
padding-top: 3em;
}

div#navmin ul li {
display: inline;
margin: 0 .2em 0 .3em;
padding: 0 .2em;
font-size: 1.3em;
}

div#navmin li a:link {
margin: 0 .2em 0 .3em;
padding: .5em;
border: 0;
border-bottom: 2px dotted #000;
font-style: normal;
text-shadow: 1px 1px 0px #fff;
color: #000;
}

div#navmin li a:visited {
border-bottom: 2px dotted #000;
color: #000;
}

div#navmin li a:hover {
text-shadow: none;
color: #fff;
background-color: #9ca998;
}

div#navmin li a:active {
color: #af100a;
background-color: #f0f8ff;
}

#navmin li.current {
margin: 0 .2em 0 .3em;
padding: .5em;
border: 0;
font-weight: bold;
border-bottom: 4px dotted #4e9664;
color: #800;
background-color: transparent;
}

div#header {
margin: 0;
padding: .5em 0 1em 0;
width: 100%;
min-width: 100%;
background-color: transparent;
}

#header h2 {
padding-top: 0;
text-align: center;
font: normal 1.5em arial, verdana, helvetica, sans-serif;
text-shadow: 2px 2px 1px #000;
letter-spacing: .2em;
color: #fff;
}

div#wrap2 {
margin: 0 auto;
padding: 2em 0;
width: 88em;
text-align: center;
background: transparent url(new-bg.png) no-repeat;
background-size: cover;
}

div#main {
float:left;
margin: 0;
padding: .3em 1em 0 2.8em;
border-right: 2px dotted #c1cdc1;
width: 62.5em;
text-align: left;
background-color: transparent;
}

#main a:visited {
color: #555;
}

#main a:visited:hover {
color: #fff;
background-color: #000;
}

#main ul li {
line-height: 130%;
}

#wrap2.home {
padding: 1em 1.8em;
}

div#bread {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
font-weight: bold;
}

#bread li {
display: inline;
margin: 0;
padding: 0;
}

#bread a:link, #bread a:visited {
padding: 0;
border: 0;
font-size: 1em;
color: #800;
}

#bread a:hover {
padding: 3px 0;
color: #fff;
background-color: #000;
}

#bread li.current, #bread a.current {
font-weight: bold;
text-shadow: 1px 1px 0px #333;
color: #78b98c;
}

div#sections {
padding: .5em 0;
}

div#sections ul {
display: list-item;
list-style: none outside;
}

div#sections ul li {
margin: 0;
padding: .1em 0;
list-style-type: circle;
}

div#sections ul li.head {
font-weight: bold;
font-size: 1em;
list-style: none outside;
}

div#sections ol li {
list-style: decimal outside;
}

div#centertable {
text-align: center;
clear: both;
}

div#centertable1 {
text-align: center;
clear: both;
}

div#sidebar {
float: left;
margin: 0 auto;
padding: .6em;
padding-left: 1.1em;
width: 20em;
text-align: center;
font-size: .9em;
}

div#sidebar h2 {
padding: 0;
letter-spacing: .4em;
text-align: center;
text-shadow: 1px 1px 0px #000;
color: #78b98c;
}

#sidebar h2.latest {
padding-top: 1em;
text-shadow: 1px 1px 1px #665846;
color: #333;
}

#sidebar h4 {
padding-top: 1em;
text-shadow: 1px 1px 0px #333;
color: #aaa;
}

#sidebar h4.current, #sidebar li.current {
font-weight: bold;
text-shadow: 1px 1px 0px #333;
color: #78b98c;
}

#sidebar ul {
padding-bottom: 2em;
}

#sidebar ul li {
padding-bottom: .4em;
list-style: none;
}

#sidebar li ul li {
padding: .3em 0;
list-style: circle outside;
}

#sidebar img {
margin: 1em 0;
}

#sidebar p, #sidebarhome p {
padding: .5em;
font-size: 1em;
color: #000;
}

#sidebar.white {
background-color: #fff;
}

#sidebar hr {
width: 50%;
margin: 1em auto;
border-top-width: 4px;
}

div#sidebarhome {
float: right;
margin: 0 auto;
padding: 3em .4em 3em 1em;
width: 20em;
text-align: center;
font-size: .9em;
}

#sidebarhome h2 {
letter-spacing: .4em;
text-align: center;
}

div#footer {
clear: both;
margin: 0;
padding: 1em 0;
width: 100%;
font: 1em arial, verdana, helvetica, sans-serif;
text-shadow: 2px 2px 0px #fff;
color: #000;
}

#footer a:link, a:visited {
text-shadow: 1px 1px 0px #fff;
color: #800;
}

div.picrow {
clear: both;
margin: 1em 0;
padding: 0;
text-align: center;
}

.picrow.home {
padding: 3em 0 2em 0;
}

div#gallery {
margin: 0 auto;
margin-top: 1em;
padding: 1em;/*
border: 2px dotted #e5e5e5;*/
width: 140px;
text-align: center;/*
background-color: #fff;*/
}

div#flight p {
margin: 2em 0;
font-size: 90%;
text-align: center;
}

div#main404 {
margin: 0 auto;
padding: 0;
border: 0;
width: 50em;
text-align: left;
}

#main404 h2 {
color: #700;
}
