@charset "iso-8859-1";

/* 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;
	font: 14px Tahoma;
	color: #FFFFFF;
	text-align: center;

}

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

a:link {font: bold 14px Tahoma; color: #FFFFFF; text-decoration: none;} 

a:active {font: bold 14px Tahoma; color: #FFFFFF; text-decoration: none;}

a:visited {font: bold 14px Tahoma; color: #FFFFFF; text-decoration: none;}

a:hover {font: bold 14px Tahoma; color: #82CAFA; text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/

a.menu:link {font: bold 12px Tahoma; color: #FFFFFF; text-decoration: none;} 
a.menu:active {font: bold 12px Tahoma; color: #FFFFFF; text-decoration: none;}
a.menu:visited {font: bold 12px Tahoma; color: #FFFFFF; text-decoration: none;}
a.menu:hover {font: bold 12px Tahoma; color: #Ff0000; text-decoration: none;}/*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 2px #ff0000;

}



.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;

}


.pagetitle 

{

    color: #ff0000;

	font-face: Tahoma;

    font-size: 26px;

	text-align: center;	
	padding: 10px 20px 10px 20px;



}



.subtitle 

{
/*White letters under title */	

    color: #ffffff;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 16px;

	text-align: center;



}

.title2 

{
  
/*Red Letters*/	
	color: #ff0000;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 16px;

	text-align: center;

}

.title3 

{
  
/*Red Letters*/	
	color: #ff0000;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 18px;

	text-align: center;

}

.title4 

{
  
/*Red Letters*/	
	color: #ff0000;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 14px;

	text-align: center;

}

.yellowspecial 

{
/*Yellow letters for special */	

    color: #FFFF00;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 14px;

	text-align: center;


}

.yellowspecial2 

{
/*Yellow letters for special */	

    color: #FFFF00;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 14px;

	

} 

.yellowspecial3 

{
/*Yellow letters for special */	

    color: #FFFF00;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 16px; 
	
	text-align: center;

	

}

.events 

{
/*White letters in events table */	

    color: #ffffff;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 14px;

	text-align: center;



}		

.events2 

{
/*White letters in events table ALIGN LEFT*/	

    color: #ffffff;

	font-face: Tahoma;

	font-weight: bold;

    font-size: 14px;

	text-align: left;



}	

.eventstitle

{
/*Red letters in events table caption*/	

    color: #ff0000;

	font-face: Tahoma;

	font-size: 20px;

	text-align: center;



}	



.titlemargin

{

	margin: 10px 0px 10px 0px;

}

.content

{

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

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

	font-face: Tahoma;

    font-size: 14px;

	color: #ffffff;

    padding: 0px;

	margin: 0px;

	text-align: center;

}



.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;

	text-align: center;



}

.sidebaritem.first

{

    margin-top: 10px;

}


.sidebaritemupdateddesc

{

    width: 130px;

    background-color: #000000;

    color: #FFFFFF;

    border: solid 1px #ffff00;

    font-size: 12px;

    padding: 2px;
	
	margin-top: 3px;

    margin-bottom: 5px;

	text-align: center;



}

.sidebaritemupdated

{

    width: 130px;

    background-color: #000000;

    color: #FFFF00;

    border: solid 1px #AF0020;

    font-size: 14px;

    padding: 2px;
	
	margin-top: 5px;

    margin-bottom: 3px;

	text-align: center;



}


.sidebaritem

{

    width: 130px;

    background-color: #750015;

    color: #9C6C76;

    border: solid 1px #AF0020;

    font-size: 14px;

    padding: 2px;

    margin-bottom: 3px;

	text-align: center;



}

.footer

{

	background-color: #AF0020;

	font-size: 12px;
	
	font-weight: bold;

	color: #ffffff;

	font-face: Tahoma;

	text-align: center;

}



.header

{

	background-color: #000000;

	font-size: 16px;

	color: #ff0000;

	font-face: Tahoma;

	text-align: center;

}



.form

{

	background-color: #000000;

	font-size: 10px;

	font-weight: bold;

	color: #ff0000;

	font-face: Tahoma;

	text-align: center;

}