body {
	margin:0px;
	padding:0px;
	font-family:verdana, tahoma, arial, helvetica, sans-serif;
	font-size:small; /* This is close to 12px...I hope. */
	color:#fff;
	background-color:#000;
	}

p {
	margin:0em 0em 1.2em 0em;
	padding:0px;
	line-height:1.2em;
	}
#Content>p {margin:0em 0em 1.2em 0em;}
#Content>p+p {text-indent:0em;}

a {
	color:#00ffff;
	text-decoration:none;
	background-color:transparent;
	}
a:hover	{
	color:#0066FF;
	text-decoration:underline;
	background-color:transparent;
	}

img {
	margin:0;
	border:0;
	padding:0;
	vertical-align: middle;
}

h1 {
	margin:0px -10px 9px -10px;
	padding:0px 0px 0px 10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background-color:#000;
	font-size:1.8em;
	color:#fff;
	line-height:1.3em;
		}
h2, h3, h4, h5 {
	margin:0em 0em 0.5em 0em;
	padding:0px;
	line-height:1em;
	color:#fff;
	}
h2 {font-size:1.6em;}
h3 {font-size:1.45em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em}

ul, ol {
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 3em;
	text-align:center;
	}
li {margin:0em 0em 0em 0em;}


.inviso {
	display:none;
	overflow:hidden;
	width:0px;
	height: 0px !important; /* for most browsers */
	height /**/:0px; /* for pre 6.0 IE Win */
	}

.Smaller {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:0.8em;
	color:#fff;
	}
.Smaller p {line-height:1.2em;}
#Smaller>p {margin:0em 0em 1.2em 0em;}
#Smaller>p+p {text-indent:0em;}




#Header {
	margin:4px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	/* For IE5/Win's benefit, height = ["correct" height] + [top and bottom padding] + [top and bottom border widths] */
	height:100px;             /* ...So        100px       +             0px          +               0px      = 100px */
	border-style:solid;
	border-color:#999;
	border-width:0px 0px 0px 0px;
	background-image: url(title.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;

/* This is the infamous IE5x/Win Box Model Hack.  IE5x/Win incorrectly parses the "\"}"" value, 
prematurely closing the style declaration. So basically, a width is applied which is then 
overriden. The incorrect IE5x/Win value is above, while the correct value is below. 
See http://glish.com/css/hacks.asp and http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: "\"}\"";
	voice-family:inherit;
	height:100px; /* This is the "correct" height (BEFORE padding and borders are added). */
	}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {
	height:100px;
	
}



#Content {
	margin:10px 20px 20px 20px;
	padding:10px;
	border:1px solid #0066ff;
	background-color:#000;
	}




.LeftBox, .RightBox {
	text-align:center;
	padding:0px;
	background-color:#000000;
	}
.LeftBox {
	float:left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 0px;
	}
.RightBox {
	float:right;
	margin:4px 0px 4px 10px;
	}

.LeftBox h5, .RightBox h5, .CenterBox h5 {
	text-align:center;
	font-size:0.8em;
	font-weight:400;
	line-height:1.2em;
	color:#fff;
	margin:0px;
	padding:4px;
	}

.LeftBox ul, .LeftBox ol, .RightBox ul, .RightBox ol {
	padding: 0 0 0 1em;
	margin: 0em 0.25em 0em 1em;
	text-align:left;
	}

.LeftBox li, .RightBox li {
	padding: 0em 0em 0em 0em; 
	margin: 0px 0px 0.2em 0em;
	}

.LeftBox img, .RightBox img {display:block;}






.CenterBox {
	margin-top:0;
	margin-bottom:1em;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	padding:4px;
	border-style:solid;
	border-color:#fff;
	border-width:0px 0px;
	}

.CenterBox table {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

.Solid {
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	}

#nav {
	height: 22px;
	background-color: #000000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
					}

/* common styling */ 
.menu {
	font-family: tahoma, sans-serif;
	font-size:10px;
	background-position: center center;
	visibility: visible;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:167px;
	height:20px;
	background-color: #000000;
	text-align:center;
	line-height:20px;
	font-size:12px;
	color: #00FFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #f7f6f6;
	border-right-color: #fff;
	border-bottom-color: #f7f6f6;
	border-left-color: #fff;
	}
	
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float:left;
	position:relative;
	background-color: #000000;
}
.menu ul li ul {display: none;}

/* specific to non IE browsers */ 
.menu ul li:hover a {color:#0066ff; 
	background-color: #000000;
	}
	
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:0; width:110px;}
.menu ul li:hover ul li a.hide {background:#000; color:#00ffff;}
.menu ul li:hover ul li:hover a.hide {background:#000; color:#00FFFF;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#00ffff;}
.menu ul li:hover ul li a:hover {background:#000; color:#0066ff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-110px;}

#Navcolumn {
	margin:20px 20px 20px 20px;
	padding:10px;
	background-color:transparent;
	border:0px solid #999;
	line-height:18px;
	}
/* Again, "be nice to Opera 5". */
body>#Navcolumn {width:auto;}


.Navmenu {
	padding:2px 20px 20px 20px;
	background-color:#000;
	border:1px solid #fff;
	line-height:1.5em;
	}
/* Used for the Navmenu header */
.Navmenu h2 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.4em;
	font-weight:400;
	color:#0066FF;
	margin:5px -5px 10px -5px;
	padding:0px 0px 0px 5px;
	text-align:center;
	border-top:1px solid #0066ff;
	border-right:0px;
	border-bottom:1px solid #0066ff;
	border-left:0px;
	background-color:#000;
	}
/* Used for the Navmenu category titles */
.Navmenu h3 {
	font-family:arial, verdana, tahoma, helvetica, sans-serif;
	font-size:1em;
	font-weight:600;
	color:#fff;
	line-height:1.2em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	}

.Navmenu a {
	display:block;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1em;
	text-decoration:none;
	font-weight:200;
	background-color:transparent;
	}
.Navmenu a:link 	{color:#00ffff; text-decoration:none;}
.Navmenu a:visited	{color:#ffff00; text-decoration:none;}
.Navmenu a:hover	{color:#0066ff; text-decoration:underline; background-color:transparent;}

.Navmenu ul 		{margin:0 0 1em 1em; padding:0; line-height:1em; text-indent:1em;}

/* Used for text that will be outside of the Content div. */
.Outside {
	text-align:center;
	margin:0;
	padding:0;
	border:0;
	}

.Outside p {
	margin:0em 0em 0.1em 0em;
	padding:0px;
	line-height:1em;
	}
#Outside>p {margin:0em 0em 1em 0em;}
#Outside>p+p {text-indent:0em;}

.Outside a, .Outside a:link, .Outside a:visited {
	color:#ffff00;
	text-decoration:none;
	}
.Outside a:hover	{color:#00ffff; text-decoration:underline; background-color:transparent;}


#Footer {
	text-align:center;
	margin:10px 195px 0px 195px;
	padding:10px 0px 5px 0px;
	border:0px;
	}
#Footer p {
	font-size:0.8em;
	color:#fff;
	line-height:1.2em;
	}

#Footer a, #Footer a:link, #Footer a:visited {
	color:#00FFFF; 
	text-decoration:none;
	background-color:transparent;
	}
#Footer a:hover		{color:#0066ff; text-decoration:underline; background-color:#000;}