/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/**********************************************************/
/* Body Style - Main font and colour set here             */
/**********************************************************/

body {
    background: url(images/background.gif) repeat top left;
	color: #635821;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;

}

/**********************************************************/
/* Structure Styles - Controls Page Layout                */
/**********************************************************/

#container {
    background: url(images/side.jpg) repeat-y top left;
	margin: auto;
	padding: 0px;
	text-align: left;
	width:900px;
}

#header {
	background: url(images/top.jpg) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 10px 30px;
}

#navBar {
	background: url(images/innerTop.jpg) no-repeat bottom left;
        float:left;
        font-size: 0.9em;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 22px 0px;
	width: 892px; /* page width(900) - right nabbar.padding(0) - borderWidth(8) = 782 */
}

/* Adjust padding to move text in the white box */
#content {
	background: url(images/innerSide.jpg) repeat-y top left;
	clear: both;
   	margin: 0px 0px 0px 0px;
	padding: 0px 52px 0px 110px;
}

#containerEnd {
	clear: both;
	background: url(images/bottom.jpg) no-repeat top left;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer {
    background: url(images/innerBottom.jpg) no-repeat top left;
    margin: 0px 0px 0px 0px;
    padding: 40px 30px 10px 0px;
    font-size: 0.9em;
    color: #5E510E;

}

#counter {
	text-align: center;
	font-size: 0.6em;
	padding: 20px 0px 0px 0px;
}

#counter img{
        border: 0;
}
    
/**********************************************************/
/* NabBar Styles                                          */
/**********************************************************/

#navBar ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 110px;
	list-style: none;
}

#navBar li {
	float: left;
	height: 35px;
	background: url("images/tabLeft.jpg") no-repeat left top;
	margin: 10px 0px 0px 4px;
	padding: 0px 0px 0px 9px;
}

#navBar a {
	background:url("images/tabRight.jpg") no-repeat right top;
	display: block;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 4px 9px 0px 0px;
	text-decoration: none;
	text-align: center;
	font-family: serif;
	color: #857415;
	font-weight: bold;
	font-size: 0.8em;
}

#navBar .active {
	background-image:url("images/tabLeftActive.jpg");
	height: 35px;
}

#navBar .active a {
	background-image:url("images/tabRightActive.jpg");
	height: 35px;
}

#navBar li:hover {
	text-decoration: underline;
}

#navBar a:hover {
	text-decoration: underline;
}

/**********************************************************/
/* Content Styling - Styling The Text, Images, etc.       */
/**********************************************************/

/* No padding or margins anywhere except in contents */
p, ul, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

/* Resetup padding and margins for contents */
#content p {
	font-family: serif;
	padding: 10px 0px 5px 0px;
}

#content ul {
	font-family: serif;
	padding: 0px 0px 10px 0px;
}

.center {
	text-align: center;
}

/* Title styles */

h1.title {
	color: #FFFFFF;
}


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

h1.title-right img {
		clear:none;
        vertical-align: middle;
        margin-right:30px;
        border: none;  
        float:right;
}

h1.title a {
	color: #FFFFFF;
	text-decoration: none;
}

h2.title {
	color: #AB5B00;
	font-family: Arial, Helvetica, sans-serif;
}


/* Legal Styles - In footer */

.legal {
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: right;
}

.legal a {
    font-size: 0.9em;
	font-weight: bold;
	color: #FFFFFF;
}

/*Footer bits */

.sponsor {
    float: left;
    padding: 0px 0px 0px 70px;
}

.previousNextNav {
    clear: both;
    height: 30px; /* Height = height of forward / previous float */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.forward {
    float:right;
    color: #AB5B00;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    background: url(images/forward.png) no-repeat center right;
    height: 30px; /* Height = height of arrow pic */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.forward a {
	padding: 8px 30px 8px 0px;
    vertical-align: middle;
}

.previous{
    float:left;
    color: #AB5B00;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    background: url(images/previous.png) no-repeat center left;
    height: 30px; /* Height = height of arrow pic */
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.previous a {
    padding: 8px 0px 8px 30px;
    vertical-align: middle;
}

.links img{
    border: none;
    margin: 20px 0px 0px 0px;
}