body 
{
    background-color:Black; color:White; font-family:Arial;
}
h2 
{
    font-size:14px;
}

.TitleHeader
{
    font-size:20px; text-align:center; font-weight:bold;
}

.hlinktext
{
    color:White; font-family:Arial;
}

.note
{
    color:White; font-family:Arial; font-size:11px; font-style:italic;
}

.note2
{
    color:black; font-family:Arial; font-size:11px; font-style:italic;
}

#MainBody
{
    width:800px;
    text-align:center;
    padding: 2px;
    margin:10px;
}

#MainBody td
{
    text-align:left;
}

#MainBody p
{
    text-align:left;
    /* background-color: #ffe; */
}

#MainBody hr
{
    color:White;
    border-style:dotted;
    margin-top:5px;
    margin-bottom:5px;
}

.modalPannel
{
    color:White; 
    font-family:Arial;
    background-color:White; 
    border-width:2px; 
    border-color:Black; 
    border-style:solid; 
    padding:20px;
    z-index:5;
}

.container
{
    margin-left:auto;
    margin-right:auto;
    border: 2px dashed #333;
    padding:5px;
    border:1px solid gray;
    height:100%;
    /* margin-left:393px; */
    background-color:#f6f3e0; 
    color:black;
    font-size:larger;
}

.close{ padding: 3px 5px 5px 18px;	background: transparent url('/images/icons/close.gif') 3px 3px no-repeat; font-family:"Trebuchet MS", Tahoma, Verdana; text-decoration:none; color:Gray; font-size:10pt; }
.close:hover{ padding: 3px 5px 5px 18px; background: transparent url('/images/icons/close_on.gif') 3px 3px no-repeat; text-decoration: none; }

.sqwak { background: transparent url('/images/sqwak1.jpg') no-repeat; height:31px; width:98px; }
.sqwak:hover{ background: transparent url('/images/sqwak2.jpg') no-repeat;}


.formField
{
    color:Black;
}



	/* ----------| =Navigation |---------- */ 

#navigation { 
	position: relative;
	z-index: 3000;
	font-size: 14px;
	text-align:center;
	width:800px;
	
}


#navigation ul#nav li { 
	position: relative;
	float: left;
	background: url(/images/titleback.gif) no-repeat right bottom;
	list-style-type:none;
}

#navigation ul#nav li a { 
	display: block;
	padding: 15px 15px 13px 15px;
	background: #2e3234 url(/images/titleback.gif) no-repeat right bottom;
	font: 1em "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
	height:20px; width:130px;
	text-decoration: none;
	font-weight:bold;
	color: #000;
	line-height: 1em;
} 

#navigation ul#nav li a span { 
	
	padding-right: 15px;
}

#navigation ul#nav li a:hover, 
#navigation ul#nav li.active a { 
	background: transparent url('/images/titlebackHover2.gif') no-repeat; 
	height:20px; width:130px;
	font-weight:bold;
	color: #ccc;
}

.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.autoclear { 
	display: inline-block;
}

.autoclear { 
	display: block;
}