/* 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.                                          */



body

{
	background-color: #000000;
	background-image: url(background.jpg);
	font-family: arial;
	font-size: 24px;
	text-decoration: blink;

}

/* these are the font styles for the links that appear on your web page */

a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
} 

a:active {font: bold 13px arial; color: #ffffff; text-decoration: none;}

a:visited {font: bold 13px arial; color: #ffffff; text-decoration: none;}

a:hover {font: bold 13px arial; color: #9C6C76; 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 #9C6C76;

}



.left

{

    /* floats the item to the left side of the page, and adds a margin */

    float: left;

}



.right

{

    /* floats the item to the right side of the page, and adds a margin */

    float: right;

}



.scroll

{

    /* this makes the element create scroll bars if the text is too long */

    /* to be displayed.  This is very similar to the effect created by */

    /* frames and iframes, but does not allow page transitions like frames do */

    overflow: auto;

}



.wrapper

{

    /* remove this to have the page load at full width */

    width: 780px;

}



.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: #B70000;

	border: solid 1px #9C6C76;

    color: #ffffff;

	font-face: Arial;

    font-weight: bold;

    font-size: 36px;

	padding: 10px 20px 10px 20px;

}



.title2 

{

    color: #ffffff;

	font-face: Arial;

    font-weight: bold;

    font-size: 18px;



}



.titlemargin

{

	margin: 10px 0px 10px 0px;

}



.subtitle {

	color: #ffffff;

	font-face: Arial;

    font-weight: bold;

    font-size: 14px;

}



.content

{

	/* this describes the container of the content paragraphs. */

    padding: 0px; /* keeps text off the borders */

	font-face: Arial;

	font-size: 16px;

	color: #000000;

	padding: 0px;

	margin: 0px;

	font-family: "Flat Brush";

	font-weight: bold;

	background-color: #666666;

}



.content.padleft

{

    /* this is to pad if there's a sidebar on the left */

    padding-left: 180px;

}



.content.padright

{

    /* this is to pad if there's a sidebar on the right */

    padding-right: 180px;

}



.sidebar

{

    width: 150px;

    height: 400px; /* remove this to allow different-sized sidebars */

    background-color: #9C6C76;

    color: #AF0020;

    font-weight: bold;

    padding: 10px 0px 5px 0px;



}



.sidebaritem

{

    width: 130px;

    background-color: #750015;

    color: #9C6C76;

    border: solid 1px #AF0020;

    font-size: 14px;

    padding: 2px;

    margin-bottom: 3px;



}



.horiz

{

    color: #4B1A95;

    font-weight: bold;

	width: 124px;

	float: left;

	text-align: center;

}



.sidebaritem.first

{

    margin-top: 10px;

}



.footer

{

	background-color: #AF0020;

	font-size: 10px;

	font-face: arial;

	text-align: center;

}