html,body {
background:#006 url(perriflexf.jpg);
margin:0;
padding:0
}

body {
font:73% Trebuchet MS;
font-family:Arial, Helvetica, sans-serif
}

#container {
width:600px;
border:10px solid #fff;
line-height:2em;
background:#f2f2f2;
color:#666;
margin:0 auto
}

#top {
height:100px;
background:#8fb8cc url(perriflexs1.jpg);
color:#fff;
padding:0
}

#top h1 {
font-size:240%;
letter-spacing:5px;
font-style:italic;
margin:0;
padding:0
}

#navcontainer {
border-bottom:10px solid
}

#navcontainer ul {
text-align:center;
padding-bottom:5px;
padding-top:5px;
padding-left:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
background:#006 url(perriflexs.jpg);
color:#FFF;
width:100%;
font-family:Arial, Helvetica, sans-serif;
line-height:18px
}

#navcontainer ul li {
display:inline;
padding:5px 0
}

#navcontainer ul li a {
color:#FFF;
text-decoration:none;
border-right:1px solid #fff;
padding:5px 10px
}

#navcontainer ul li a:hover {
background:#369;
color:#FFF
}

#navcontainer #active {
border-left:1px solid #fff
}

#leftnav {
float:left;
width:200px;
margin:0;
padding:1em
}

#leftnav p {
margin:0 0 1em
}

#leftnavmenu {
list-style:none;
float:left;
width:200px;
font-size:0.9em;
margin:30px 0;
padding:0
}

#leftnavmenu ul {
list-style:none;
width:150px;
font-size:1.1em;
margin:0 0 20px;
padding:0
}

#leftnavmenu li {
margin-bottom:2px
}

#leftnavmenu li a {
font-weight:700;
height:20px;
text-decoration:none;
color:#505050;
background:#eaeaea url(up.gif) no-repeat left center;
display:block;
border-left:0 solid #8fb8cc;
padding:4px 0 0 30px
}

#leftnavmenu li a:hover {
background:#8fb8cc url(right.gif) no-repeat left center;
color:#fff;
border-left:0 solid #036
}

#content {
margin-left:240px;
border-left:10px solid #fff;
padding:1em
}

#content p {
padding:0 2em
}

#footer {
clear:both;
font-size:0.9em;
border-top:10px solid #fff;
color:#fff;
background:#006 url(perriflexf.jpg);
margin:0;
padding:0
}

* html #footer img {
background:#006;
margin:0
}

#footer p {
padding:0 0 0 5px
}

h2 {
font-size:130%;
letter-spacing:5px;
margin:1em 0 0.5em
}

blockquote {
font-weight:700;
font-style:italic;
color:#b29b35;
padding:5px
}

.quote {
border-top:1px solid #8fb8cc;
color:#036;
padding:10px
}

form {
float:right;
margin-bottom:20px;
margin-right:15px
}

input.search {
width:100px;
border:none;
background:url(input.gif);
padding:4px
}

input.login {
width:75px;
border:none;
background:url(logininput.gif);
padding:4px
}

a:link,a:visited {
color:#2480ad;
background:transparent;
text-decoration:none
}

a:hover {
color:#036;
background:#8fb8cc;
text-decoration:none
}

a img {
border:none
}

.imgleft {
float:left;
margin-right:10px;
padding:5px
}

.post {
border:0 dashed #8a795d;
font-size:80%;
background:#eee;
margin:20px 10px 0 5px;
padding:3px
}

.post .date {
background:url(clock.gif) no-repeat left center;
padding-left:15px;
margin:0 15px 0 5px
}

.post .comments {
background:url(comment.gif) no-repeat left center;
padding-left:15px;
margin:0 15px 0 5px
}

.post .readmore {
background:url(document.gif) no-repeat left center;
padding-left:15px;
margin:0 15px 0 5px
}

h2.c5 {
color:#009
}

span.c4 {
font-weight:700;
color:#000064
}

span.c3 {
font-weight:700;
color:#000065;
font-size:80%
}

.date {
text-align:right;
font:bold 0.6em Verdana, Arial, sans-serif;
color:#005aa0;
margin:0;
padding:0 0 5px
}

p.c2,h1.c1,h2.c1,h2.c2,p.c1 {
text-align:center
}