/* 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: #000000; text-decoration: none;} 

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

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

a:hover {font: bold 16px arial; color: #FF0000; 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 #82CAFF;

}



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

}



.wrapper1

{

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

    width: 820px;

}



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

	border: solid 1px #82CAFF;

    color: #FFFFFF



;

	font-face: Arial;

    font-weight: bold;

    font-size: 36px;

	padding: 10px 20px 10px 20px;

       text-align: center;

}



.title2 

{

    color: #000000;

    font-face: Arial;

    font-weight: bold;

    font-size: 18px;

    text-align: center;

    

}



.title3 

{

    color: #000000;

    font-face: Arial;

    font-weight: bold;

    font-size: 10px;

    text-align: center;

    

}



.title4 

{

    color: #000000;

    font-face: Arial;

    font-weight: bold;

    font-size: 10px;

    text-align: center;

    

}



.title5 

{

    color: #000000;

    font-face: Arial;

    font-weight: bold;

    font-size: 18px;

    text-align: center;

    

}



.title6 

{

    color: #000000;

    font-face: Arial;

     font-size: 10px;

    text-align: center;

    

}







.title7 

{

    color: #000000;

    font-face: Arial;

    font-weight: bold;

    font-size: 14px;

    text-align: left;

    

}





.titlemargin

{

	margin: 10px 0px 10px 0px;

}



.subtitle {

	color: #000000;

	font-face: Arial;

    font-weight: bold;

    font-size: 14px;

    



}



.content

{

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

    padding: 0px 20px 0px 20px; /* 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;

}





.content1

{

	

	

        font-size: 10px;

	font-face: arial;

	text-align: center;

         



}



.content2

{

	

	

        font-size: 18px;

        font-weight: bold

	font-face: arial;

	text-align: center;

         



}













.sidebar

{

    width: 150px;

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

    background-color: #9C6C76;

    color: #000000

;

    font-weight: bold;

    padding: 10px 0px 5px 0px;



}



.sidebaritem

{

    width: 170px;

    background-color: #82CAFF;

    color: #000000

;

    border: solid 1px #000000;

    font-size: 14px;

    padding: 2px;

    margin-bottom: 3px;



}



.sidebaritem.center

{

    width: 500px;

    height: 150px;

    background-color: #FFFFFF;

    color: #F62817

;

    border: solid 1px #000000;

    font-size: 14px;

    padding: 2px;

    margin-bottom: 3px;



}



.sidebaritem.center1

{

    width: 500px;

    height: 300px;

    background-color: #FFFFFF;

    color: #000000

;

    border: solid 1px #000000;

    font-size: 14px;

    padding: 2px;

    margin-bottom: 3px;



}



.sidebaritem.center2

{

    width: 500px;

    height: 300px;

    background-color: #FFFFFF;

    color: #000000

    



;

    border: solid 1px #FFFFFF;

    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: #82CAFF;

	font-size: 10px;

	font-face: arial;

	text-align: center;

}