/*IF YOU MAKE CHANGES IN THIS FILE, REMEMBER TO MAKE THE CHANGES IN THE CSS TAB TO YOUR RIGHT --*/

body {
	margin: 0;
	padding: 0;
	background: #330000 url(images/top_bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #CCCCCC;

}

/*GENERAL To control the headings h1 h2 & h3 and how they look, change the properties below*/
h1, h2, h3 {
	margin: 0;
	padding: 10px;
	text-transform: lowercase;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFFFFF;
}

/*To control the spacing between the letters of h1 and font size change the properties below*/
h1 {
	letter-spacing: -1px;
	font-size: 2.2em;
}

/*To control the font size of h1 change the properties below*/
h2 {
	font-size: 2.2em;
}

/*To control the font size and color of h3 change the properties below*/
h3 {
	font-size: 1.7em;
	color: #990000;
}

/*The properties below changes the margine of space on the top, right, bottom & left side of the p paragraph, ul unordered list, or ordered list & line hight) */
p, ul, ol {
	margin: 0 0 1em 0;
	text-align: justify;
	line-height: 25px;
}

/*To change the color of a link in a paragraph when you mouseover change the properties below*/
p a:hover {
	color:#FFFFFF;
}

/*To change the color of links and whether or not they are underlined or not, change the properties below*/
a:link {
	color: #FFCC00;
	text-decoration: none;
}

/*GENERAL To change the color of links when hovering or active change the properties below*/
a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 1px dotted #ffcc00;
}

/*To change the color of visited links and whether or not they are underlined or not, change the properties below*/
a:visited {
	color: #FFCC00;
	text-decoration: none;
}


img {
	border: none;
}

/*To change whether the image sits to the right or left of text, or right or left of a page. You can also add padding around the image as well as a boarder simply change the properties below*/
img.left {
	float: left;
	margin-right: 15px;
	margin: 10px 15px 5px 0px;
	border: 1px solid #ff9900;
}

img.right {
	float: right;
	margin-left: 15px;
	margin: 0 0 5px 15px;
	border: 1px solid #ff9900;
}

/******************* Header *****************************/

#header {
	width: 939px;
	margin: 0 auto;
}

/* Header Menu */
/*This menu is optional. It appears at the top of every web page.
It is currently not used in this design*/
#menu {
	float: left;
	width: 939px;
	height: 70px;
	background: #000000;
}

#menu ul {
	margin: 20px 0 0 30px;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
	width: 110px;
	font-weight: bold;
}

#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 0 20px 0 0;
	background: url(images/img03.gif) no-repeat right 60%;
	text-decoration: none;
	text-transform: capitalize;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #C15703;
}

#menu a:hover { 
	text-decoration: none; 
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

/*************** LOGO ****************/
/*The logo is used for your website name which shows in the header. It decides the width, height, margins & background.
It also controls font sizes for h1 & h2 plus linking & paragraph properties*/
#logo {
	float: none;
	width: 939px;
	height: 273px;
	margin-left: 10px;
	background: url(images/header.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 60px 0 0 90px;
	line-height: normal;
}

#logo h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 3.5em;
	font-style: italic;
	color: #FFFFFF;
}

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

#logo h1 a:hover {
	text-decoration: none;
}

#logo h2 {
	margin: 0;
	padding: 0 0 0 150px;
	color: #990000;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.2em;
}

#logo p a {
	text-decoration: none;
	color: #B6ACA2;
}

#logo p a:hover {
	text-decoration: none;
}
/**/
#wrapper {
	width: 960px;
	margin: 0 auto;	/*background: url(images/img01.gif) repeat-y left top;*/
	background-color: #000000;
	border-left: 1px dotted #990000;
	border-right: 1px dotted #990000;
}

/************************** Page ************************************/
/*This controls the page width and background color.*/
#page {
	width: 939px;
	margin: 0 auto;
	background-color: #000000;
}

/*************************** Content *******************************/
/*This controls the content size and whether it sits on the right or left side.*/
#content {
	float: right;
	width: 630px;
	padding: 30px 30px 20px 30px;
	/*background-color: #000000;*/
	background-image: url(images/content_bg.jpg);
	
}

/********************** Post *******************/

.post {

}

/*Post title controls properties of the page title
currently not used*/
.post .title {

}

/*This is controled by the h1 tag above*/
.post h1 {

}

/*This is controled by the h2 tag above*/
.post h2 {

}

/*This controls the font size and font family of the text you place in the main content area*/
.post .entry {
	padding-top: 10px;
	font-size: 0.95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*This controls the space between the lines of text you place in the main content area. */
.post .entry p {
	line-height: 2.0em;
}

/*The items below are not used in your design they are for future use if needed
DO NOT CHANGE ANYTHING they are commented out and will not show on any page.
.post .meta {
	padding: 7px 0 40px 0;
	border-top: 1px dotted #D1D1D1;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #999999;
}

.post .meta .byline {
	float: left;
}

.post .meta .links {
	float: right;
}

.post .meta .more {
	padding-right: 20px;
}

.post .meta .comments {
}

.post .meta b {
	display: none;
}*/

/****************************** Sidebar - LEFT MENU *******************************/

/*This controls the collor of the current page your visitors are viewing. What ever page you are viewing the link for that page will be white while other links will be gold.*/
#sidebar .sidebar_current_page_item a {
	color: #FFFFFF;
}

/*This controls aspects of the sidebar or Left Menu*/
#sidebar {
	float: left;
	width: 215px;
	padding: 30px 0 10px 30px;
	background-color: #000000;
	font-size: 0.85em;
	color: #FFFFFF;
	border-bottom: 1px dotted #750000;
}

/*This controls the line hight of paragraphs in the sidebar*/
#sidebar p {
	line-height: 1.5em;
}

/*The next 6 items control the links or list items or your menu*/
#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	/*padding-bottom: 10px;*/
}

#sidebar li a {
	line-height: 3.em;
	line-height: 30px;
}

#sidebar li a:hover {
	color:#FFFFFF;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 2px 0 2px 0;
}

/*This controls the color of the h2 heading 2 in the sidebar column*/
#sidebar h2 {
	color: #993300;
}

/*The next two items are not used they are for future use if needed DO NOT CHANGE
#s {
	width: 135px;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #3A0700;
}

#x {
	padding: 3px;
	border: none;
	background: #3A0700;
	text-transform: lowercase;
	font-size: 11px;
	color: #FFFFFF;
}*/

/************************ Boxes *********************************/
/*This controls the box that you see on the index.html page in the content area with a dark brown background */
.box1 {
	padding: 5px 20px 5px 20px;
	background-color: #280000;
}

/*The following 5 items are not used in your design they are for future use if needed
.box1 h2 {
	
}

.box2 {
	padding: 5px 20px 5px 20px;
	background-color: #990000;
}

.box2 h2 {
	margin-bottom: 15px;
	font-size: 16px;
	color: #FFFFFF;
}

.box1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}*/

/************************** Footer ********************************/
/*This controls the wrapper around the footer DO NOT CHANGE*/
#footer-wrap {
	width: 100%;
	height: 200px;
	background-image: url(images/footer_bg.jpg);
	border-top: 1px dotted #990000;
}

/*This controls aspects fo the footer*/
#footer {
	margin: 0 auto;
	height: 200px;
	padding: 60px 0 0 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width: 939px;
	text-align: center;
}

/************** DO NOT CHANGE THE CODE BELOW ******************/
html>body #footer {
	height: auto;
}
/************** DO NOT CHANGE THE CODE ABOVE ******************/

/*This controls the content of the footer. Font size, alignment, color and font family*/
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.em;
	text-align: center;
	color: #CCCCCC;
}


/****************MISC*****************/
/*The items below are extra properties used for changing font size if you wish to make a word or group of words smaller. You can also change the color of a word or words if you wish to make them stand out.*/

.fineprint {
	font-size: 0.9em;
}

.colordred {
	color:#990000;
	font-weight: bold;
}