/*****************
 GLOBAL
*****************/

* { margin: 0; padding: 0; }

html, body {
	width: 100%;
	height: 100%;
	background: #000;
	color: #000;
	margin: 0;
	padding: 0;
}

	html { overflow-y: scroll; }

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

p { margin: 0.5em 0 1.0em 0; }

img { border-width: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }

form { display: inline; }

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

#skiptomain { display: none; }

h1 { font-size: 2.0em; color: #fff; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.4em; color: #eee; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.3em; color: #ddd; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}

#wrapper {
	width: 100%;
	height: 526px;
	background: #000 url(/images/bg-wrapper-big.gif) repeat-y center top;
	font-size: 0.8em;
	position: absolute;
}

	#pagecontainer {
		width: 958px;
		height: 550px;
		padding: 1px;
		position: absolute;
			left: 50%;

		/* let the hacking begin */

		margin: 0 0 0 -481px; 		/* IE 5 for PC only (CANT TEST AS OUR COPIES CRASH) */
		voice-family:"\"}\"";
		voice-family:inherit;
		margin: 0 0 0 -480px;\		/* IE8 (BrowserMode:8 & DocMode:8), Opera 9, Firefox 3.5.1 (FireFox 3.0.12 but has a 1px shift) */
		margin: 0 0 0 -481px;  		/* ? */
		[margin: 0 0 0 -481px;		/* ? */
		margin: 0 0 0 -480px;] 		/* Safary 4+, Chrome 2.0.172.39 */
	}
		/*end*/

		/*\*/
		html*#pagecontainer {
			[margin: 0 0 0 -481px; 		/* ? */
			margin: 0 0 0 -480px; 		/* safari 3 */
			] margin: 0 0 0 -481px; 	/* IE7.*/
		}/**/

		.dummyend[id]{
			clear: both /* end hack using dummy attribute selector for IE5 mac, else error in CSS occurs! */
		}

		/* The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,and Chrome/Safari, in general. */
		/* Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden. */
		/* IE 7 on PC will correctly read all rules as it will ignore many characters before a property */
		/* Safari, as well as Chrome, see each [] as a character and not part of a selector, if one falls before a property. These cause the property name following the character to not be read, but next line without "[]" property is  parsed. */
		/* use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape read the [] as part of a selector rule, so make sure they are all closed, using dummy selector. */

		/*\*/
		* html #pagecontainer {
			margin: 0 0 0 -480px; /* re-apply IE 5, IE 6, IE 8(BrowserMode:7 & DocMode:Quirks), IE 8(BrowserMode:8 & DocMode:Quirks) */
		}
		/**/


		#header {
			width: 958px;
			height: 104px;
			margin: 0;
			padding: 0;
		}

			#header-top {
				width: 958px;
				height: 60px;
			}

				/* #toplinks is now controlled by sucketfish */

				#toplogo {
					width: 130px;
					height: 60px;
					float: right;
				}

			#header-bot {
				width: 958px;
				height: 44px;
			}

				#topnav {
					width: 958px;
					height: 32px;
					line-height: 32px;
					margin: 12px 0 0 0;
				}

					#topnav ul#nav {
						width: 958px;
						height: 32px;
						line-height: 32px;
						list-style: none;
					}

						#topnav ul#nav li {
							height: 32px;
							display: inline;
							float: left;
							line-height: 32px;
							list-style: none;
							letter-spacing: -0.1em;
							padding: 0 0 0 5px;
							text-transform: uppercase;
						}

							#topnav ul#nav li#homenav1 { width: 140px; }
							#topnav ul#nav li#homenav2 { width: 140px; }
							#topnav ul#nav li#homenav3 { width: 110px; }
							
							#topnav ul#nav li.midlinks { padding: 0 20px 0 5px; }
							
							#topnav ul#nav li#nav1x { width: 76px; }
							#topnav ul#nav li#nav2x { width: 81px; }
							#topnav ul#nav li#nav3x { width: 91px; }
							#topnav ul#nav li#nav4x { width: 91px; }
							#topnav ul#nav li#nav5x { width: 111px; }
							#topnav ul#nav li#nav6x { width: 86px; }
							#topnav ul#nav li#nav7x { width: 71px; }
							#topnav ul#nav li#nav8x { width: 91px; }
							#topnav ul#nav li#nav9x { width: 91px; }
							#topnav ul#nav li#tn2jx { width: 110px; padding: 0 5px 0 0; text-align: right;}

							#topnav ul#nav li a:link, #topnav ul#nav li a:visited {
								color: #666;
								text-decoration: none;
							}

							#topnav ul#nav li a:active, #topnav ul#nav li a:hover {
								color: #fff;
								text-decoration: none;
							}

		#maincontent {
			width: 958px;
			height: 419px;
			background: #000;
			color: #fff;
			font-size: 0.95em;
			line-height: 1.5em;
			margin: 1px 0 0 0;
			padding: 0;
		}

		#flash-holder {
			width: 958px;
			height: 419px;
		}

			#maincontent a:link, #maincontent a:visited { color: #fff; text-decoration: underline; }
			#maincontent a:hover, #maincontent a:active { color: #666; text-decoration: underline; }

			#maincontentleft {
				width: 211px;
				height: 419px;
				float: left;
				background: #034;
			}

				#maincontentleft p {
					padding: 10px 20px;
					font-size: 0.9em;
				}

				#maincontentleft img.squarebutton {
					opacity:0.8;
					filter:alpha(opacity=80);
					float: left;
					cursor: pointer;
				}

					#maincontentleft img.squarebutton:hover {
						opacity:1.0;
						filter:alpha(opacity=100);
					}

			#maincontentnumbers {
				width: 21px;
				float: left;
			}

				#maincontentnumbers a:link, #maincontentnumbers a:visited {
					float: left;
					display: block;
					width: 15px;
					height: 21px;
					line-height: 21px;
					text-align: center;
					text-decoration: none;
					border: 1px solid #544a5e;
					background: #705c72;
					color: #fff;
					font-weight: bold;
					margin-top: 2px;
					margin-left: 2px;
					font-size: 11px;
					letter-spacing: -1px;
				}

				#maincontentnumbers a:hover, #maincontentnumbers a:active {
					border: 1px solid #783659;
					background: #ef578f;
				}

					#maincontentnumbers a.active:link, #maincontentnumbers a.active:visited {
						border: 1px solid #783659;
						background: #ef578f;
					}

			#maincontentpic {
				width: 425px;
				height: 419px;
				float: left;
				font-size: 1.2em;
				color: #eee;
				line-height: 1.4em;
				font-weight: normal;
				font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

			}

			#maincontenttext {
				width: 706px;
				height: 399px;
				padding: 10px;
				float: right;
				overflow: auto;
			}

				#maincontenttext.narrow {
					width: 281px;
				}


				#shortpage {
					width: 300px;
				}

				#maincontenttext ul {
					margin: 0 0 0 20px;
				}

				#site-map {
					width: 706px;
				}

					#site-map-lft {
						width: 345px;
						float: left;
					}

					#site-map-rgt {
						width: 345px;
						float: right;
					}



		#footer {
			width: 958px;
			height: 22px;
			margin: 4px 0 0 0;
			padding: 0;
			color: #9d3;
		}
		
		#footer .spacer {
			color: #231;
		}

		#footer table {
			font-size: 0.95em;
		}

/*****************
 IMAGES
*****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}

/*****************
 UL
*****************/

 ul.normal {padding: 5px 0 5px 25px;}


/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}


/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}


/*** flv movie ***/
/********** MOVIES **********/

#movie-wrapper {
	width: 580px;
	height: 350px;
	margin: 10px 0 0 20px;
}

	#movie-wrapper p {
		margin: 0;
		padding: 0 10px;
	}

	#movie-outer {
		width: 580px;
		height: 350px;
		margin: 0;
		padding: 0;
	}