body 
{font-family: 'Exo 2', Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #285fce;
background-image: url('images/serene_bgmain.jpg');
background-color: #8fb5ff;
background-repeat: repeat-x;
cursor: default;}

tr, td
{font-family: 'Exo 2', Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #285fce;}

textarea, input, output, select
{font-family: 'Exo 2', Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #285fce; 
background-color: #6194f9;
border: #304ebb;
border-style: solid;
border-width: 1px;
border-radius: 10px;}

#container
{width: 850px;
margin: 0px auto;
text-align: center;
background-image: url('images/serene_bgcontent.jpg');
background-repeat: repeat-y;}

#headerimage
{height: 530px;
background-image: url('images/serene_top.jpg');
background-repeat: no-repeat;
border: 0;}

#content_body
{width: 485px;
float: left;
text-align: justify;
margin-top: -120px;
padding-left: 8px;
line-height: 150%;
min-height: 600px;}

#navi
{float: left;
width: 170px;
margin-top: -60px;
padding-left: 95px;}

#footer
{height: 52px;
background-image: url('images/serene_footer.jpg');
clear: both;}

h1
{font-family: 'Qwigley', serif;
font-size: 40px;
font-weight: bold;
text-align: center;
color: #304ebb;
letter-spacing: 1px;
border: 0;
background: url('images/serene_header1.png') no-repeat;
padding: 5px;
text-shadow: 2px 2px 2px #ffffff;}

h2
{font-size: 14px;
font-family: 'Calligraffitti', sans-serif;
font-weight: normal;
text-align: left;
color: #c7d8ff;
letter-spacing: 2px;
margin: -25px 15px 10px 0px;}

h3
{font-family: 'Allura', serif;
font-size: 28px;
font-weight: bold;
text-align: right;
color: #304ebb;
border: 0;
background: url('images/serene_nav.png') no-repeat;
height: 29px;
margin: -5px 0px 10px;
padding: 1px;
text-shadow: 2px 2px 10px #ffffff;}

blockquote
{margin: 0px auto;
text-align: center;
background-color: #6194f9;
border: #304ebb;
border-style: solid;
border-width: 0px 0px 0px 10px;
width: 70%;
padding: 5px;}

.footer
{text-align: center;
padding-top: 28px;}

a:link.foot, a:active.foot, a:visited.foot 
{color:#b05ca7;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;}

a:hover.foot
{color:#2840e4;
text-decoration: none; 
border: #2840e4;
border-style: dotted;
border-width: 0px 0px 1px 0px;}

.update_icon
{float:left;
margin: 5px 10px 5px 5px;
border: 0;
padding: 8px;
background-image: url('images/serene_imgbg.jpg');
background-color: #c7d8ff;}

.outline
{padding: 3px;
background-image: url('images/serene_imgbg.jpg');
background-color: #c7d8ff;
margin: 5px;}

a:link.nav, a:active.nav, a:visited.nav 
{color: #c7d8ff;
text-decoration: none;
text-align: center;
display: block;
padding: 4px; 
margin: 2px;
background-color: #6194f9;
border: #285fce;
border-style: solid;
border-width: 0px 0px 0px 10px;
letter-spacing: 2px;}

a:hover.nav 
{color: #285fce;
text-decoration: none; 
cursor: crosshair;
font-weight: bold;
display: block;
padding: 4px;
margin: 2px;
background-color: #c7d8ff;
border: #285fce;
border-style: solid;
border-width: 0px 0px 0px 10px;}

a:link, a:active, a:visited 
{color: #ffffff;
text-decoration: none;}

a:hover 
{color: #b05ca7; 
cursor: crosshair;
font-weight: bold;
text-decoration: none;
border: #ffffff;
border-style: dotted;
border-width: 1px 0px;}

b, strong 
{color:#b05ca7; 
letter-spacing: 1px;}
i, em 
{color:#c7d8ff;
letter-spacing: 1.5px;}
u 
{color:#ebe294;
border: #ebe294;
border-style: dashed;
border-width: 0px 0px 1px 0px;
text-decoration: none;}

del {color:#2840e4;}