﻿body
{
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	margin-left:5px;
	font-family:Arial;
	font-size:10pt;
	background-color:Black;
	color:White;
}

a, a:hover a:visited
{
	color:#AA0000;
	text-decoration:none;
}

.HEADER
{
	height:200px;
	width:1150px;
	border:none 0px transparent;
	font-size:18pt;
	text-align:center;
	background-image:url(Banner.gif);
	background-position:center;
	background-repeat:no-repeat;
	
}

.Widget
{
	font-size:10pt;
	font-variant:small-caps;
}

.TOP
{
	width:100%;
}
.MIDDLE
{
	width:100%;
}
.BOTTOM
{
	width:100%;
}

.MENUCONTENTS
{
	border:none 0px transparent;
	width:1150px;
	font-size:12pt;
	text-align:center;
}

.INFOBAR
{
	
	width:100%;
}

.MAIN
{
	
	border:none 0px transparent;
	width:1150px;
	height:500px;
}

.MAIN .LEFT
{
	width:250px;
	vertical-align:top;
}

.MAINCONTENTS
{
	width:100%;
}

.MAINCONTENTS .MIDDLE .MIDDLECONTENTS
{
	background-image:url(GlobeBackground.jpg);
	background-position:center top;
	/*background-position:500px 400px;*/
	background-repeat:no-repeat;
	height:500px;
	text-align:left;
	vertical-align:top;
}

.MAIN .CONTENTS
{
	vertical-align:top;
}

.TOPLEFT
{
	width:20px;
	height:28px;
	background-image:url(TopLeft.jpg);
	background-repeat:no-repeat;
}

.TOPCENTER
{
	color:Black;
	background-image:url(TopCenter.jpg);
	background-repeat:repeat-x;
	font-size:10pt;
	font-variant:small-caps;
	text-align:left;
	vertical-align:top;
	
}

.TOPRIGHT
{
	width:76px;
	background-image:url(TopRight.jpg);
	background-repeat:no-repeat;
}

.MIDDLELEFT
{
	background-image:url(MiddleLeft.jpg);
	width:20px;
	background-repeat:repeat-y;
}

.MIDDLECONTENTS
{
}

.MIDDLERIGHT
{
	background-image:url(MiddleRight.jpg);
	width:22px;
	background-position:right;
	background-repeat:repeat-y;
}

.BOTTOMLEFT
{
	background-image:url(BottomLeft.jpg);
	background-repeat:no-repeat;
	height:25px;
	width:20px;
}

.BOTTOMCENTER
{
	background-image:url(BottomMiddle.jpg);
	background-repeat:repeat-x;
}

.BOTTOMRIGHT
{
	height:25px;
	width:76px;
	background-image:url(BottomRight.jpg);
	background-repeat:no-repeat;
}

/* ---- MENU BAR SYLES ---- */

.MainMenu {
font-family: Arial;
font-size:14pt;
text-align:center;
width:100%;
/*height:auto;*/
background:#000;
position:relative; 
/*margin:2em 125px 0 125px;*/
/*font-family: Arial;*/
font-variant:small-caps;
}
/* get rid of the default padding - margin and bullets */
.MainMenu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.MainMenu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.MainMenu ul li a, .MainMenu ul li a:visited {
display:block; 
text-decoration:none; 
color:#FFF; 
width:150px; 
height:1.5em;
/*font-weight:normal;*/
/*color:#FFF; */
border-bottom:8px solid #000;
background:#000; 
/*padding-left:10px;*/
/*padding-right:10px;*/
line-height:1.5em;
/*margin-right:2px;*/
}
/* hack for IE5.5 to correct the faulty box model */
* html .MainMenu ul li a, .MainMenu ul li a:visited {
width:160px;
w\idth:150px;
}
/* hide the drop down menu */
.MainMenu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.MainMenu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.MainMenu ul li:hover a,
.MainMenu ul li a:hover {
color:#C0C0C0; 
border-bottom:8px solid #000;
}
/* make the drop down menu show and correctly position it */
.MainMenu ul li:hover ul,
.MainMenu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:160px;
border:1px solid #A00;
border-top:0;
background:transparent;
}
/* style the drop down links with no hover */
.MainMenu ul li:hover ul li a,
.MainMenu ul li a:hover ul li a,
.MainMenu ul li .divider
{
display:block; 
background:url(MenuBg.png); 
color:#FFF; 
border:0;
margin:0;
color:#FFF;
font-weight:normal; 
font-size:10pt;
height:auto; 
line-height:1em; 
padding:5px; 
width:150px
}
/* style the drop down menu links when hovered */
.MainMenu ul li:hover ul li a:hover,
.MainMenu ul li a:hover ul li a:hover {
background:#888;
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.MainMenu ul li a:hover ul {
background:transparent filter: alpha(opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
opacity:0.7;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.MainMenu ul li a:hover ul li a {
background:#000;
width:160px; /* for IE5.5 faulty box model */
w\idth:150px; /* for IE6 */
}

.MainMenu ul li .divider
{
	font-size:8pt;
	width:150px;
	text-align:center;
	font-weight:900;
	background:transparent url(MenuBG.png);
	border-top:solid 3px #A00000;
}