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

{

    font: 16px arial;

	background-color: #FFFFFF;

}

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

a:link {font: bold 13px arial; color: #68F5FD; text-decoration: underline;} 

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

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

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

}



.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: 600px;

}



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

    color: #ffffff;

	font-face: Arial;

    font-weight: lighter;

    font-size: 36px;

	padding: 10px 20px 10px 20px;

}



.title2 

{

    color: #000000;

	font-face: Arial;

    font-weight: bold;

    font-size: 18px;



}



.titlemargin

{

	margin: 10px 0px 10px 0px;

	background-color: #333333;

}



.subtitle {

	color: #FFFF00;

	font-face: Arial;

	font-weight: bold;

	font-size: 14px;

	float: left;

	padding-left: 3px;

}



.content

{

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

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

	font-face: Arial;

    font-size: 12px;

	color: #000000;

    padding: 0px;

	margin: 0px;

}



.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: 600px; /* remove this to allow different-sized sidebars */

    background-color: #9966FF;

    color: #9933FF;

    font-weight: bold;

    padding: 10px 0px 5px 0px;



}



.sidebaritem

{

	width: 140px;

	background-color: #9966FF;

	color: #FFCC00;

	border: solid 1px #4B1A95;

	font-size: 14px;

	padding: 2px;

	margin-bottom: 3px;

	border-left-color: #9966FF;



}

.horiz

{

    color: #4B1A95;

    font-weight: bold;

	width: 144px;

	float: left;

	text-align: center;

}



.sidebaritem.first

{

    margin-top: 10px;

}



.footer

{

	background-color:#9933FF;

	font-size: 10px;

	font-face: arial;

	text-align: left;

	color: #000000;

}