/* This CSS file is used in all 9 of the free simple templates at         */
/* www.bravenet.com.  Feel free to look at the templates themselves       */
/* to get an idea of how the various classes listed here can combine      */
/* to produce a wide variety of layouts.  (Classes are the entries        */
/* beginning with a '.')                                                  */

/* Note: The slash star combinations surround text that is to be          */
/*       marked a comment.  These just describe the CSS and are           */
/*       ignored by the browser.                                          */

/* This is all realativly the same as TRred_b.css. Look there for comments */
/* and explanations.   */
/*  */
body
{
    font: 16px Verdana;
}
/* these are the font styles for the links that appear on your web page */
a:link {font: bold 13px arial, sans-serif; color: #CD8E2D; text-decoration: none;}
a:active {font: bold 13px arial, sans-serif; color: #CD8E2D; text-decoration: none;}
a:visited {font: bold 13px arial, sans-serif; color: #CD8E2D; text-decoration: none;}
a:hover {font: bold 13px arial, sans-serif; color: #AF0020; text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/

.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 1px #CD8E2D;
}

.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    background-color: #CD8E2D;
	border: groove 6px #CD8E2D;
    color: #F7E7CF;
	font-style: italic;
	font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 36px;
	padding: 10px 20px 10px 20px;
}

/* ======================================================================================
 * Makes the Sub-section titles stand out.
 */
.title2 		/* a class */
{
	background-color: #f4a460; /* Slightly darker */
	border-style: solid;
	border-color: #8b4513; /* Same as body color */
	padding: 4px;
	color: #8b4513;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.subtitle 
{
    border-style: solid;
    border-color: #8b4513;          /* Same as body color */
	color: #CD8E2D;
	font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.sidebar
{
    width: 150px;
    height: 400px; /* remove this to allow different-sized sidebars */
    background-color: #F7E7CF;
    color: #F7E7CF;
    font-weight: bold;
    padding: 10px 0px 5px 0px;
}

.sidebaritem
{
    width: 130px;
    background-color: #FFE9C9;
    color: #CD8E2D;
    border: solid 1px #CD8E2D;
    font-size: 14px;
    padding: 2px;
    margin-bottom: 3px;
}

.horiz
{
	color: #4B1A95;
	font-weight: bold;
	float: left;
	text-align: center;
	width: 125px;
}

.footer
{
	background-color:#F7E7CF;
	font-size: 10px;
	font-family: arial, sans-serif;
	text-align: center;
}
