/* free CSS Template from Abaryx.com */
/* Licensed under a Creative Commons Attribution-Share Alike 3.0 Unported License. */
/* http://creativecommons.org/licenses/by-sa/3.0/ */

html, body {
background: #F5DEB3;
margin: 0%;
font-family: Arial; 
font-size: 14px;
}

/* Text Elements */

p {
font-size: 100%;
font-style: normal;
padding-left: 1%;
padding-right: 1%;
color: #111;
}

p.left {
font-size: 90%;
font-style: oblique;
}

p.menu {
font-size: 100%;
font-weight: bold;
padding-left: 20%;
padding-right: 1%;
color: #330033;
}

p.title {
font-size: 110%;
font-weight: bold;
text-align: center;
border: 1px outset #FFF;
color: #330033;
}

p.header {
font-size: 120%;
letter-spacing: 5px;
font-weight: bold;
color: #D2B48C;
}

p.main {
vertical-align: top;
padding-left: .5%;
line-height: 85%;
font-size: 85%;
font-style: normal;
}

ul 
{
list-style: square outside;
}

/* Link Elements */

a:link {
text-decoration: none;
color: #330033; 
font-style: normal;
font-weight: bold;
}  /* unvisited link */

a:visited {
text-decoration: underline;
font-style: oblique;
font-weight: bold;
color: #2F4F4F;
}  /* visited link */

a:hover {
text-decoration: underline;
font-weight: bold;
color: #00CC33;
}   /* mouse over link */

a:active {
text-decoration: none;
font-style: normal;
font-weight: bold;
color: #660033;
}   /* selected link */

/* Left Menu Link Elements */

a:link.menu {
text-decoration: none;
color: #330033; 
font-style: normal;
font-weight: strong;
}  /* unvisited menu link */

a:visited.menu {
text-decoration: underline;
font-style: oblique;
font-weight: strong;
color: #330033;

}  /* visited menu link */

a:hover.menu {
text-decoration: underline;
font-style: oblique;
font-weight: strong;
color: #FFF;

}   /* mouse over menu link */

a:active.menu {
text-decoration: overline;
font-style: normal;
font-weight: strong;
color: #FFF;

}   /* selected menu link */


/* Content Areas */

#header {
clear: both;
position: fixed;
top: 0%;
width: 100%;
minimum-height: 10%;
padding: 0% 3% 0.5% 3%;
/* border: 2px outset #FFF; */
background: url(header-bg.gif) repeat-x bottom center;

} 

#topnav {
clear: both;
background: #D2B48C;
position: absolute;
top: 13%;
left: 26%;
width: 70%;
padding: 0.25%;
border: 1px outset #fff;
max-height: 5%;
font-size: 90%;
font-style: oblique;
font-weight: strong;
z-index: -1;
}

#main {
top: 0px;
left: 0px;
margin: 1%;
}

#leftcol {
position: fixed;
top: 13%;
left: 2%;
width: 20%;
max-height: 50%;
overflow: auto;
padding: 0% 0.5% 0% 0.5%;
border: 1px outset #fff;
background: #D2B48C;
}

#rightcol {
position: absolute;
top: 18%;
left: 25%;
width: 69%;
background: #fff;
border: 1px outset #D2B48C;
margin: 0.5% 1% 0.5% 1%;
padding: 0.5%;
z-index: -1;
}


#footer {
clear: both;
position: relative;
top: 2%;
width: 100%;
min-height: 7%;
max-height: 10%;
font-size: 80%;
padding: 0.5%;
} 

/* Font Styling */

strong {
font-style: normal;
font-weight: bold;
}

i {
font-style: italic;
}

em {
font-style: oblique;
font-weight: bold;
}

h1 {

font-family: Arial;
color: #330033;
font-size: 190%;
letter-spacing: .5%;
}

h1.header {
font-family: Arial;
color: #FFF;
font-size: 190%;
letter-spacing: 30px;
}

h2 {

font-family: Arial;
font-size: 150%;
font-style: normal;
color: #770033;
}

h2.header {
font-family: Arial;
padding-left: 3%;
font-size: 150%;
font-style: bold;
color: #D2B48C;
}


h3 {
font-family: Arial;
font-size: 120%;
font-style: bold;
color: #550033;
}

h3.menu {
font-family: Arial;
font-size: 110%;
font-style: normal;
color: #770033;
}


/* Special Content Areas */


#featurer {
float: right;
max-width: 30%;
background: #F5DEB3;
border: 1px outset #D2B48C;
padding: 1%;
margin: 2%;
}

#featurel {
float: left;
max-width: 30%;
max-height: 20%;
background: #FFF;
margin: 2%;
border: 1px outset #D2B48C;
padding: 1%;
}

#leftcol1 {
position: absolute;
top: 60%;
left: 2%;
border: 1px outset #FFF;
padding: 0.5% 0.5% 0.5% 0.5%;
width: 20%;
z-index:-1;
}


img {
border: 0 none;
}

img.left  {
float: left;
vertical-align: middle;
padding: 0px 5% 5% 5%;
border: 0 none;
}

img.right  {
float: right;
vertical-align: middle;
padding: 10px;
border: 0 none;
}