@import 'layout.css';
@import 'nav.css';

/* Layout backgrounds, colors, and text rules */
body {
background:#c1c1c1;
color:#444;
}

#page {
background:#fff url(images/panorama.jpg) no-repeat;
color:#444;
}

#header {
}

#header strong {
background: transparent;
color:#828282;
font-size:30px;
letter-spacing:10px;
}

#container {
}

.copyright {
}

/* text rules */
body {
font-family:arial, sans-serif;
font-size:80%;
text-align:left;
}

p {
line-height:1.6em;
text-align:justify;
}

a {
background: transparent;
color:#06f;
text-decoration:none;
}

a:hover {
background: transparent;
color:red;
text-decoration:underline;
}

a:visited {
background: yellow;
color:#06f;
text-decoration:none;
}

hr {
background: transparent;
color: #828282;
height: 1px;
}

.poweredBy {
text-align:right;
}

/* img rules */
img {
border:none;
padding:0;
}

img.framed {
border:1px solid #c1c1c1;
}

img.right {
float:right;
margin:0 0 5px 10px;
position:relative;
}

img.left {
float:left;
margin:0 10px 5px 0;
position:relative;
}

/* fixes */
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}