/* AlwaysWork style sheet copyright RichInStyle.com 2000. 
You can download this from http://richinstyle.com/free/alwayswork.html. 
You must not remove or alter this message from this file. */

/* The imported Enhanced styles are for IE4+ and other better CCS complying browsers */
/* Note that IE3 and NN4 will skip the import.                                       */
@import url(enhanced.css);

/* Therefore the following basic styles use various hacks to include/exclude         */
/* various styles from non-complying or buggy browsers.                              */

/* Fonts */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, 
FORM, LI, MENU, OL, P, PRE, TD, TH, TR
{font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
color: black /*#000000*/;
font-size: 12px}

A {cursor: pointer;
background: transparent}

A:link {color: blue /*#0000ff*/;
}

A:visited {color: red /*#ff0000*/;
}

A:active {color: red /*#ff0000*/;
}

A:hover {color: red /*#ff0000*/;
}

ADDRESS {font-style: italic;
line-height/* */ : 15px}

BIG {font-size: 15px}

BLOCKQUOTE {font-style: italic}

BODY {margin-left: 2%;
margin-right: 2%;
padding: 0;
line-height/* */ : 20px;
background: white /*#ffffff*/;
cursor: default}

BUTTON {cursor: auto}

CITE {font-style: italic}

CODE, KBD, SAMP, TT {font-size: 10px}

DL {line-height/* */ : 17px}

DT {font-weight: bold}

H1, H2, H3, H4, H5, H6 {color: black /*#000000*/;
font-weight: bold;
font-family: sans-serif}

H1, H2, H3, H4, H5, H6 {font-family: Verdana, Tahoma, Geneva, Helvetica, Arial, sans-serif}

H1 {margin-left/* */ : -4%;
font-size: 24px}

H2 {margin-left/* */ : -4%;
font-size: 22px}

H3 {margin-left/* */ : -3%;
font-size: 20px}

H4 {margin-left/* */ : -3%;
font-size: 17px}

H5 {margin-left/* */ : -2%;
font-size: 14px}

H6 {margin-left/* */ : -1%;
font-size: 12px}

HTML {margin/* */ : 0; 
padding: 0}

INPUT {cursor: auto}

OL {list-style: decimal;
line-height/* */ : 20px}

UL UL OL OL, 
UL OL UL OL, 
OL UL OL OL, 
OL OL UL OL, 
OL UL OL, 
OL OL 
{list-style: lower-alpha}

OL UL OL OL, 
OL OL UL OL, 
UL OL OL OL, 
OL OL OL 
{list-style: lower-roman}

OL OL OL OL 
{list-style: decimal}

P {line-height/* */ : 20px}

PRE {line-height/* */ : 15px;
margin-left/* */ : 0;
white-space: pre;
border: solid thin;
padding: 1em 3%}

SMALL, SUB, SUP {font-size: 9px}

TEXTAREA {cursor: text}

TD {line-height/* */ : 17px;
margin-left: 0}

TH {font-weight: bold;
text-align: center;
margin-left: 0;
line-height/* */ : 17px}

UL, MENU, DIR {list-style: disc;
line-height/* */ : 20px} 

UL UL, 
OL OL UL UL, 
OL UL OL UL, 
UL OL OL UL, 
OL UL UL, 
UL OL UL 
{list-style: circle}

OL UL UL UL, 
UL OL UL UL, 
UL UL OL UL, 
UL UL UL 
{list-style: square}

UL UL UL UL 
{list-style: disc}

UL
{list-style-type:circle; margin-left:12px;}

/* ============== Here are the things you might want to change ============== */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, 
FORM, LI, MENU, OL, P, PRE, TD, TH, TR
{margin-left: 4%;
margin-right: 2%;
padding: 0;
line-height/* */ : 20px;
color: saddlebrown /*#339900 #800000*/;
background-color: ivory /*#fdeeb9*/;
cursor: default;}

h1, h2, h3, h4, h5, h6 {
color: saddlebrown;}

h1 {margin:0 10% 0 10% ; border:0.3em  #804000 groove; padding:0.5em;
    background:limegreen /*#80ff80*/; text-align:center;
    font: bold 4.0em 'Copperplate Gothic Bold', 'Book Antiqua', 'Times New Roman', serif;}

H2 {margin-left/* */ : -4%;}
h1,h2 {text-align:center;}

H3 {margin-left/* */ : -3%;}

H4 {margin-left/* */ : -3%;}

H5 {margin-left/* */ : -2%;}

H6 {margin-left/* */ : -1%;}

PRE {border: solid thin;
padding: 1em 3%;}

A:link {color: darkslateblue/*#ff0000*/;
}

A:visited {color: darkolivegreen/*#ff0080*/;
}

A:active {color: #FF3300/*#ff00ff*/;
}

A:hover {color: firebrick/*#0000ff*/;
}


UL  { font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
} 
UL  { margin-left: 4%;
margin-right: 2%;
padding: 0;
line-height/* */ : normal;
color: saddlebrown /*#800000*/;
background-color: ivory /*#ffffe8 */;
cursor: default;} 

/* ======================== Class definitions ======================== */

.pageheader
    {float:left; text-align:center;}
.pagebody 
    {clear:right;}
.pagefooter
    {clear:left; text-align:center;}

.widemargins
    {margin-left:10%; margin-right=10%;}

.sidebar {font:bold 75% "Arial Narrow", Helvetica, sans-serif;
    float:right; clear:left;
    background-color:#dcfe8b; color:brown;
    border:2px #000000 solid; 
    }

.sidebar ul, .sidebar ul li, .sidebar li, .sidebar p 
    {background-color:#dcfe8b; list-style:disc; color:brown;}

.contentslist {font:bold 75% "Arial Narrow", Helvetica, sans-serif;
    float:left; clear:right;
    background-color:#dcfe8b; color:brown; border:2px #000000 solid;
	/* margin:2%;*/}
.contentslist ul, .contentslist ul li, .contentslist li, .contentslist p 
    {background-color:#dcfe8b; list-style:circle; color:brown;}
	
.listblock {font:bold 75% "Arial Narrow", Helvetica, sans-serif;
    background-color:#dcfe8b; color:brown; border:2px #000000 solid; margin:2%;}
.listblock ul, .listblock ul li, .listblock li, .listblock p 
    {background-color:#dcfe8b; list-style:circle; color:brown;}
	
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {float: left;}
.left {clear:right;}
.left, .right {width: 20%;}
.middle {width: 60%;}

/* Two column layout */
.column-left  {width:75%; float:left; clear:right;}
.column-right{width:25%; float:right;}

body div.captionedimage {text-align:center; font:bold 75% "Arial Narrow", Helvetica, sans-serif;
					float:right;}
body div.captionedimage img {display:block; margin-left:auto; margin-right:auto; width:100%;}

body div.thumbnail {text-align:center; font:bold 75% "Arial Narrow", Helvetica, sans-serif;}
body div.thumbnail img {display:block; margin-left:auto; margin-right:auto; height:85px;}

/* ====================== Printed Format Control ====================== */
.page {page-break-before: always;} /* Typically apply class="page" to headers. */
BODY UL 
 { font-size:0.8em; line-height:normal;}