
<-- Copy and paste into the head <link rel="stylesheet" href="your-alivestyle.css" type="text/css"> -->

<-- This sets the colors for the background and scrollbar -->


BODY {
background-color:#ffffff;

scrollbar-face-color: #546f85; 

scrollbar-shadow-color: #000000; 

scrollbar-highlight-color: #000000;
 
scrollbar-3dlight-color: #000000; 

scrollbar-darkshadow-color: #333333; scrollbar-track-color: #000000; 

scrollbar-arrow-color: #ffffff;}


<-- Here is where you adjust the link, rollover and visited colors -->


A:link { font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: underline; color: #003399;}

A:visited {font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: underline; color: #660066;}

A:active {font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: underline; color: #ff0000;}

A:hover {font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: underline; color: #ff0000;}


<-- Here is where you adjust the font for the main text -->

P { font-family: verdana, arial, sans-serif; padding: 1 10 1 10px;
font-size: 12px; text-decoration: none; font-weight: normal; color: #000000;}

TD { font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: none; font-weight: normal; color: #000000;}

.Italic {font-family: verdana, arial, sans-serif;
font-size: 12px; text-decoration: none; font-weight: normal; color: #000000;
font-style: italic;}

.bold {font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: none; font-weight: bold; color: #000000; }

.red {font-family: verdana, arial, sans-serif; 
font-size: 12px; text-decoration: none; font-weight: bold; color: #ff0000; }

.blue {font-family: verdana, arial, sans-serif; 
font-size: 13px; text-decoration: none; font-weight: bold; color: #000033; }


<-- Here is where you adjust the colors for sidebar navigation -->


.nav {font-family: verdana, arial, sans-serif; font-weight: bold;
font-size: 13px; text-decoration: none; color: #000033; }

.nav A {font-family: verdana, arial, sans-serif; font-size: 13px; font-weight: bold;}

.nav A:link {font-family: verdana, arial, sans-serif;  font-size: 13px; 
text-decoration: underline; font-weight: bold; color: #000033;}

.nav A:visited {font-family: verdana, arial, sans-serif; font-size: 13px; 
text-decoration: underline; font-weight: bold; color: #000033; }

.nav A:active {font-family: verdana, arial, sans-serif; font-size: 13px; 
text-decoration: none; font-weight: bold; color: #333333; }

.nav A:hover {font-family: verdana, arial, sans-serif; font-size: 13px; 
text-decoration: none; font-weight: bold; color: #ff0000;}


<-- Here is where you adjust the Header colors and font size -->


h1 {font-family: verdana, arial, sans-serif; font-size: 18px; padding: 1 10 1 10px;
text-decoration: none; color: #000066; font-weight: bold;}

h2  {font-family: verdana, arial, sans-serif; font-size: 16px; 
text-decoration: none; color: #000066; padding: 1 10 1 10px; font-weight: bold;}

h3  {font-family: verdana, arial, sans-serif; font-size: 14px; 
text-decoration: none; font-weight: bold; padding: 1 10 1 10px; color: #ff0000;}

h4  {font-family: verdana, arial, sans-serif; font-size: 14px; 
text-decoration: none; font-weight: bold; padding: 1 10 1 10px; color: #000066;}

h5  {font-family: verdana, arial, sans-serif; font-size: 12px; 
text-decoration: none; padding: 1 10 1 10px; color: #ff0000;}

h6  {font-family: verdana, arial, sans-serif; font-size: 12px; 
text-decoration: none; font-weight: bold; padding: 1 50 1 50px; color: #000066;}

<-- These are for the bottom links -->


.Bottomlinks {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-align: center;}

.Bottomlinks A {font-family: verdana, arial, sans-serif; font-size: 10px; }

.Bottomlinks A:link {font-family: verdana, arial, sans-serif;  font-size: 10px; 
text-decoration: underline;  color: #003399;}

.Bottomlinks A:visited {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #660066; }

.Bottomlinks A:active {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #990000; }

.Bottomlinks A:hover {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #990000;}


.sidebar {font-family: verdana, arial, sans-serif; font-size: 10px; 
padding: 1 10 1 10px;}

.sidebar A {font-family: verdana, arial, sans-serif; font-size: 10px;}

.sidebar A:link {font-family: verdana, arial, sans-serif;  font-size: 10px; 
text-decoration: underline;  color: #003399;}

.sidebar A:visited {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #660066; }

.sidebar A:active {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #990000; }

.sidebar A:hover {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #990000;}


.white {font-family: verdana, arial, sans-serif; font-size: 10px; 
color: #ffffff;}

.white A {font-family: verdana, arial, sans-serif; font-size: 10px; 
color: #ffffff; }

.white A:link {font-family: verdana, arial, sans-serif;  font-size: 10px; 
text-decoration: underline;  color: #ffffff;}

.white A:visited {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #cccccc; }

.white A:active {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #cccccc; }

.white A:hover {font-family: verdana, arial, sans-serif; font-size: 10px; 
text-decoration: underline;  color: #cccccc;}


<-- Here you adjust the fonts for the bulleted lists -->


ul {font-family: verdana, arial, sans-serif; font-size: 12px;}

ul A {font-family: verdana, arial, sans-serif; font-size: 12px; }

ul A:link {font-family: verdana, arial, sans-serif;  font-size: 12px; 
text-decoration: underline;  color: #003399;}

ul A:visited {font-family: verdana, arial, sans-serif; font-size: 12px; 
text-decoration: underline;  color: #ff0000; }

ul A:active {font-family: verdana, arial, sans-serif; font-size: 12px; 
text-decoration: underline;  color: #ff0000; }

ul A:hover {font-family: verdana, arial, sans-serif; font-size: 12px; 
text-decoration: underline;  color: #ff0000;}

ol {font-family: verdana, arial, sans-serif; font-size: 12px;}


<-- This adds lines and background colors to table cells (use on TD) -->


.cell-t-l-r {BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid;
BORDER-RIGHT: #999999 1px solid; }

.cell-t-l-b {BORDER-TOP: #666699 1px solid; BORDER-LEFT: #666699 1px solid;
BORDER-BOTTOM: #666699 1px solid; }

.cell-r-l {BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; }

.cell-r-l-b {BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT: #999999 1px solid;
BORDER-RIGHT: #999999 1px solid; }

.cell-r-b {BORDER-BOTTOM: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; }

.cell-t-l-r-b {BORDER-TOP: #666699 1px solid; BORDER-LEFT: #666699 1px solid;
BORDER-RIGHT: #666699 1px solid; BORDER-BOTTOM: #666699 1px solid;}

.cell-bkgd {BACKGROUND-COLOR: #cccc99;}

.cell-r-bkgd {BORDER-RIGHT: #999999 1px solid; BACKGROUND-COLOR: #cccc99;}

.cell-t-bkgd {BORDER-TOP: #999999 1px solid; BACKGROUND-COLOR: #cccc99;}

.cell-t-l-bkgd {BORDER-TOP: #666699 1px solid; BORDER-LEFT: #666699 1px solid; 
BACKGROUND-COLOR: #cccccc}

.cell-t-r-l-bkgd {BORDER-TOP: #666699 1px solid; BORDER-RIGHT: #666699 1px solid; 
BORDER-Left: #666699 1px solid; BACKGROUND-COLOR: #cccccc}

.cell-t-b-bkgd {BORDER-TOP: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; 
BACKGROUND-COLOR: #cccc99}

.cell-t-b-gray {BORDER-TOP: #ffffff 1px solid; BORDER-BOTTOM: #000000 1px solid; 
BACKGROUND-COLOR: #333333}


.cell-r {BORDER-RIGHT: #666699 1px solid}

.cell-t {BORDER-TOP: #999999 1px solid}

.cell-l {BORDER-LEFT: #999999 1px solid}

.cell-b {BORDER-BOTTOM: #999999 1px solid}