/*  BASIC HTML RULES  */
html {
height: 100%;
}

body {
font: normal 11px Arial, Helvetica, Sans-Serif;
background: #fefbf9;
background-image:url('images/bg.jpg');
background-repeat:repeat;
background-attachment:fixed;
color: #1A1A1A;
text-align: left;
padding: 0;
margin: 0;
}

hr {
background-color: #FFFFFF;
color: #fedad9;
height: 1px;
width: 100%;
}

img {
border: none;
}

ul {
padding: 10px 0 20px 0;
margin: 0 0 0 17px;
list-style: square;
text-align:left;
}

ol {
padding: 10px 0 20px 0;
margin: 0 0 0 17px;
list-style: square;
text-align:left;
}

h2 {
height: 22px;
width: 240px;
display:inline-block;
background-color: transparent;
background-image:url('images/side-heading.png');
background-repeat:no-repeat;
background-position: center;
color: #321307;
font: bold 16px Arial, Helvetica, Sans-Serif;
text-align: center;
padding: 4px 0 0 0;
margin: 0;
}

h3 {
height: 20px;
width:590px;
display:inline-block;
color: #321307;
background-color: transparent;
background-image:url('images/content-heading.png');
background-repeat:no-repeat;
background-position:center;
font: bold 16px Arial, Helvetica, Sans-Serif;
text-align: center;
padding:3px 0;
margin: 0;
}

h4 {
font: bold 14px Arial, Helvetica, Sans-Serif;
text-align: center;
padding: 0;
margin: 0;
}

/*  BASIC LINK PROPERTIES  */
a {
color: #321307;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #321307;
text-decoration: underline;
font-weight: bold;
}

/* SIDE NAVs */
#sidenavleft {
width: 110px;
background-color: transparent;
font-size: 12px;
color: #1A1A1A;
text-align: left;
float: left;
padding: 5px;
}

#sidenavleft a {
display: block;
font-weight: bold;
text-decoration: none;
padding: 0;
margin: 0;
color: #1A1A1A;
}

#sidenavleft a:hover {
font-weight: bold;
text-decoration: none;
background-color: transparent;
color: #FCAEAB;
}

#sidenavright {
width: 110px;
background-color: transparent;
font-size: 12px;
color: #1A1A1A;
text-align: left;
float: right;
padding: 5px;
}

#sidenavright a {
display: block;
font-weight: bold;
text-decoration: none;
padding: 0;
margin: 0;
color: #1A1A1A;
}

#sidenavright a:hover {
font-weight: bold;
text-decoration: none;
background-color: transparent;
color: #FCAEAB;
}

/*  WRAPPER  */
#wrapper {
background: #fefbf9;
border-right: 1px solid #2c1106;
border-left: 1px solid #2c1106;
width: 850px;
margin: 0 auto;
}

/*  HEADER AND TOP NAV AND TOP NAV LINKS  */
#header {
padding: 0;
text-align: center;
background-image:url('images/header.png');
background-repeat:no-repeat;
height:150px;
}

#header h1 {
color: #fd9720;
font: normal 48px Arial, Helvetica, Sans-Serif;
text-align: center;
float: right;
padding: 50px 20px 0 0;
margin: 0;
}

.slogan {
width: 600px;
color: #1A1A1A;
font: normal 20px Arial, Helvetica, Sans-Serif;
text-align: center;
float: right;
padding: 0;
margin: 25px 0 0 295px;
}

#topnavigation {
background-color: transparent;
background-image: url('images/top-nav.jpg');
background-repeat:repeat-x;
font-size: 14px;
color: #fefbf9;
line-height: 24px;
text-align: center;
}

#topnavigation a {
display: inline;
font-weight: bold;
text-decoration: none;
padding: 8px;
margin: 0 6px;
color: #fefbf9;
}

#topnavigation a:hover {
line-height: 24px;
text-decoration: none;
color: #FCAEAB;
}

/*  2 COLUMNS  */
#sidebarleft {
float: left;
text-align: left;
font-size: 12px;
width: 240px;
padding: 5px;
}

#contentcenter {
float: right;
text-align: center;
font-size: 12px;
width: 590px;
padding: 4px;
}

/*  FOOTER  */
#footer {
clear: both;
width: 850px;
height: auto;
font-size: 10px;
color: #fefbf9;
text-align: center;
background-color: transparent;
background-image:url('images/footer.jpg');
background-repeat:repeat-x;
padding: 5px 0;
}

#footer a {
color: #fefbf9;
font-weight: bold;
text-decoration: none;
}

#footer a:hover {
font-weight: bold;
text-decoration: underline;
color: #FCAEAB;
}

/*  EXTRA CLASSES  */
.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

/*  EXTRA IMAGE CLASSES  */
.imageleft-noborder {
margin: 0 10px 0 0;
float: left;
}

.imageright-noborder {
margin: 0 0 0 10px;
float: right;
}

.imageleft-border {
margin: 0 10px 0 0;
float: left;
border: 1px double #fefbf9;
}

.imageright-border {
margin: 0 0 0 10px;
float: right;
border: 1px double #fefbf9;
}