html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}


body
{
background-color:#cccccc;
margin-top:0px;
margin-left:0px;
}

a:link, a:visited, a:active
{
color:BLUE;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color:RED;
text-decoration:none;
font-weight:bold;
}

td
{
color:BLACK;
font:13px verdana, arial;
}

}


/* ---------- BACKGROUND COLORS ---------- */

.HeaderBG
{
background:#ffffff;
}

.ColNavBG
{
background:#336699;
}

.FooterBG
{
}

/* ---------- FOOTER ---------- */

.FooterText
{
color:BLACK;
font-size:95%;
}

a.FooterLinks:link, a.FooterLinks:active, a.FooterLinks:visited
{color:BLUE; text-decoration:none;}

a.FooterLinks:hover
{color:RED; text-decoration:none;}

/* ---------- HEADER ---------- */

.Header
{color:#cccccc}

a.Header:link, a.Header:active, a.Header:visited
{color:white;
font-weight:400;
}

a.Header:hover
{color:#ffff00;
font-weight:400;
}

/* ---------- DIVIDERS ---------- */

.Divider
{
font-family:Arial, Helvetica, sans-serif;
background:#336699;
color:#336699;
font-size:1px;
}

/* ---------- COLUMN NAVIGATORS ---------- */

.RightColumn
{
background:#e6e6e6;
}

.ColNav
{
background:#e6e6e6;
}

.ColNavActive
{
background:#ffffff;
}

a.ColNav:link, a.ColNav:active, a.ColNav:visited
{color:#0000ff;
text-decoration:none;
background:transparent;

}

a.ColNav:hover
{
background:transparent;
color:RED;
text-decoration:none;
}

a.ColNavActive:link, a.ColNavActive:active, a.ColNavActive:visited
{
color:#C00000;
text-decoration:none;
}

a.ColNavActive:hover
{
color:RED;
text-decoration:none;
}

a.ColNavToggle:link, a.ColNavToggle:active, a.ColNavToggle:visited
{
color:#ffffff;
text-decoration:none;
}

a.ColNavToggle:hover
{
color:RED;
text-decoration:none;
}

/* ---------- TEXTAREA ---------- */

.TextArea
{
background:#ffffff;
}

/* ---------- DOC TITLES ---------- */

.DocTitle
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:18;
font-weight:bold;
text-decoration:none;
}

a.TitleLink:link, a.TitleLink:active, a.TitleLink:visited
{
font-family:Arial, Helvetica, sans-serif;
color:BLUE;
font-size:18;
font-weight:bold;
text-decoration:none;
}
a.TitleLink:hover
{
font-family:Arial, Helvetica, sans-serif;
color:RED;
text-decoration:none;}

.DocSubtitle
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:115%;
font-weight:bold;
text-decoration:none;
}

.SmallText
{
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
}

.SmallText2
{
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
}

a.SmallText:hover
{
background:transparent;
color:RED;
text-decoration:none;}

.quote
{
color:#003366;
font-style:italic;
}

.Tease
{
color:#336699;
font-family:Verdana;
font-style:italic;
font-weight:bold;
}


.Caption
{
font-family:Arial, Helvetica, sans-serif;
color:#336699;
font-size: 60%;
}

.PageTitle
{
font-family:Arial, Helvetica, sans-serif;
color:#000099;
font-size:18;
font-weight:bold;
text-decoration:none;
}


/* ---------- MAGIC MARKERS ---------- */

.Green
{
color:white;
background-color:#00cc00;
text-decoration:none;
}
.Red
{
color:white;
background-color:#ff0000;
text-decoration:none;
}
.Blue
{
color:white;
background-color:#0000ff;
text-decoration:none;
}
.Purple
{
color:white;
background-color:#990099;
text-decoration:none;
}
.Yellow
{
color:black;
background-color:#ffffcc;
text-decoration:none;
}
.LightYellow
{
color:black;
background-color:#ffffcc;
text-decoration:none;
}
.gray
{
color:black;
background-color:#cccccc;
text-decoration:none;
}
.Pink
{
color:black;

background-color:#ffbbbb;
text-decoration:none;
}
.myblue
{
color:white;
background-color:#336699;
text-decoration:none;
}

a.button:link, a.button:active, a.button:visited
{
color:BLUE;
background-color:#EEEEEE;
text-decoration:none;
}

a.button:hover
{
color:red;
background:yellow;
text-decoration:none;
}

a.menubutton:link, a.menubutton:active, a.menubutton:visited
{
color:white;
background-color:#C00000;
text-decoration:none;
}

a.menubutton:hover
{
color:blue;
background:yellow;
text-decoration:none;
}


table#searchbox{
background-color:#F9F9F9;
}

div#search {
padding: 0px }
div#search form {
margin-top: 13px; }

div#skyscraper {
margin-top: 20px;
margin-bottom: 20;
}

/* ---------- HEAD DROP-DOWN MENU ---------- */

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 13px arial}

#sddm li a
{	display: block;
	margin: 0 2px 0 0;
	padding: 3px 0px;
	width: 105px;
	background: #114477;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #376899;
		color: #FFF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #336699;
	border: 1px solid #336699}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #336699;
		color: #FFF;
		font: 12px arial}

	#sddm div a:hover
	{	background: #114477;
		color: #FFFFCC}