﻿body
{
    background-position: center top;
    margin: 0px;
    color: #FFFFFF;
    padding-bottom: 10px;
    font-family: "Segoe UI" , sans-serif;
    font-size: 12px;
    background-color: #222;
    background-image: url('/images/BG.jpg');
    background-repeat: no-repeat;
}

.nav {
    margin:10px 15px 10px 15px;
    padding:0 10px;
    background-color:#444444;
    height: 30px;
    line-height: 27px;
    font-size: 110%;
}

.nav a {
}
.nav a:link, .nav a:visited {
    color: #fff;
    text-decoration:none;
}
.nav a.current, .nav a:hover, .nav a:active {
    color: #ECF5FE;
    text-decoration:none;
}
.Accent
{
	margin:0 3px 0 5px;
}
a {color:#ccc;text-decoration: none}
a:hover {color:#FFFFFF;}

h1 {
	FONT-SIZE: 18px; margin:0 0 10px 0;
}
h2 {
	FONT-SIZE: 16px; margin:0 0 10px 0;
}
img
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
}
td
{
 vertical-align:top;	
}
#Common
{
	background: transparent url(/images/transparentDarkGray.png) ;    
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    width: 820px;
    text-align: left;
}
#CommonHeader
{
    background-position: 5px;
    width: 100%;
    overflow: hidden;
    background-color: #303030;
    background: transparent url(/images/Cooper.png) top left no-repeat;
}
#CommonBody
{
    width: 800px;
    background: transparent url(/images/transparentDarkGray.png);
    margin: 10px 10px 0px 10px;
    padding: 10px;
}
.box{
	margin-bottom:10px;
	padding:8px;
	background-color:#222;
	color:#fff;
}
.example
{	
    font-size: 110%;
    font-family: "Segoe UI", sans-serif;
}
.evenColumnsBottom
{
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
    width: 273px;
}
/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }
 
h1.title{
	font-size: 115%;
	color: white;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 0 0 5px;
}
 
dl#lalaLandMap{
	margin: 0;
	padding: 0;
	height: 30px;
	width: 100%;
	position: relative;
}
dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd a{ outline: none; }
dd a:active{ outline: none; -moz-outline: none; }
 
dl#lalaLandMap dt.title
{
    margin: 0px;
    color: white;
    display: block;
    font-size: 115%;
    padding: 0px;
}
 
/* ---------- Hotspot Declarations ---------- */
dd#morDef
{
    height: 30px;
    text-decoration: none;
    border: 0px;
    background: transparent url(/images/transparentDarkGray.png) repeat;
    margin: 0 10px;
    padding: 0 10px;
    line-height: 27px;
    font-size: 110%;
    width: 780px;
    text-align: left;
}
dd#morDef a{ 
             text-decoration: none; 
             border: 0px;  
             line-height: 27px;
             font-size: 110%;
             vertical-align: middle;
}
dd#morDef a:hover
{
    text-decoration: none;
    border: 0px;
    line-height: 27px;
    font-size: 110%;
    vertical-align: middle;
    color: #FFFFFF;
}

