/* At-Rules */
@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 {font: 16px arial;   background-color: blue;}

/* these are the font styles for the links that appear on your web page */
a:link {font: bold 18px arial; color: #0000ff; text-decoration: none;}

a:active {font: bold 18px arial; color: #0000ff; text-decoration: none;}

a:visited {font: bold 18px arial; color: #0000ff; text-decoration: none;}

a:hover {font: bold 18px arial; color: #9C6C76; text-decoration: underline;}

/* this one changes the mouseover or hover state of the link
 this is used for all kinds of borders 
 be it for the whole page, or just the content section */
.border {border: medium groove cyan}

/* floats the item to the left side of the page, and adds a margin */
.left {float: left;}

/* floats the item to the right side of the page, and adds a margin */
.right {float: right;}

/* 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 */
.scroll {overflow: hidden; padding: 4px; padding-top: 5px}

/* remove this to have the page load at full width */
.wrapper {width: 780px;}

/* 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 */
.title {background-color: #AF0020;   border: solid 1px #9C6C76;      color: #ffffff;   font-face: Arial;      font-weight: bold;      font-size: 36px;   padding: 10px 20px 10px 20px;    width: 600px;}

.title2 {color: #ffffff;   font-face: Arial;      font-weight: bold;      font-size: 18px;}

.title4	 {color: #ffffff;   font-face: Arial;      font-weight: bold;      font-size: 24px;}
.titlemargin {margin: 10px 0px 10px 0px;}

.subtitle {color: #ffffff;   font-face: Arial;      font-weight: bold;      font-size: 14px;}

/* this describes the container of the content paragraphs. 
 keeps text off the borders */
.content {padding: 0px 20px 0px 20px;    font-face: Arial;      font-size: 18px;   color: #ffffff;      padding: 0px;   margin: 0px;    width: 600px;}

/* this is to pad if there's a sidebar on the left */
.content.padleft {padding-left: 180px;}

/* this is to pad if there's a sidebar on the right */
.content.padright {padding-right: 180px;}

/* remove this to allow different-sized sidebars */
.sidebar {width: 150px;      height: 400px;       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: 550px;   float: left;   text-align: left;}

.sidebaritem.first {margin-top: 10px;}

.footer {background-color: #AF0020;   font-size: 10px;   font-face: arial;   text-align: center;}

/* End of style section. Generated by CuteHTML at 8/7/2006 3:20:49 PM */