/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body{
	height: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}

.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}

/* =common
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body{
	font-family: "Arial", "Tahoma", "Verdana", "Helvetica", sans-serif;
	font-size: 14px;
	background: #fff;
	color: #8b897e;
	margin:0px;
	padding: 0px;
}

#top{
	padding-top: 5px;
	text-align: center;
	
}

.day{
	background: #58a8d7;
}

.night{
	background: #0c214a;
}

#banner{
	margin: auto;
	width: 750px;
	height: 100px;
}


#about #flash{
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

#footer{
	font-size: 10px;
	text-align: center;
	width: 100%;
	height: 40px;
	font-family: "Verdana", 'Tahoma', sans-serif;
}

	#footer #bottom-menu{
		text-align: center;
		display: block;
	}
	
		#footer #bottom-menu li{
			padding: 0 2px;
			display: inline;
		}
		
			#footer #bottom-menu li a{
				color: #8a836b;
			}
		
			
	#footer #bottom-menu2{
		text-align: center;
		display: block;
	}
	
		#footer #bottom-menu2 li{
			padding: 0 2px;
			display: inline;
			line-height: 2.0;
		}
		
			#footer #bottom-menu2 li a{
				color: #8a836b;
			}
			
	#footer #copyright{
		padding: 0 10px;
		text-align: center;
		color: #686351;
		display: inline;
		overflow: visible;
		position: relative;
	}
	
	#footer #advert{
		text-align: center;
		display: inline;
	}
	
		#footer #advert a{
			color: #8a836b;
			text-decoration: underline;
		}
		
/* = alternative text version
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body.alternative{
	/* background: url( '/media/i/bg.png' ) repeat-x 0 0; */
}

body.alternative #banner{
	width: 767px;
	height: 217px;
	
}

body.alternative a{
	color: #009ee0;
}

body.alternative h1, h2{
	font-family: "Trebuchet MS", "Arial", "Verdana", "Helvetica", sans-serif;
}

body.alternative #flash,
body.alternative #about #flash{
	padding-top: 217px;
	margin: 0 auto;
	width: 767px;
	height:100%;
	overflow: auto;
	background: #fff;
	position: static;
	background: url( '/media/i/top.png' ) no-repeat 0 0;
}


body.alternative #content, body.alternative #noFlashContent{
	padding: 20px;
	background: #fff; 
}

	body.alternative #content h1, 	body.alternative #noFlashContent h1{
		padding-bottom: 10px;
		font-size: 30px;
		color: #232323;
	}
	
	body.alternative #content h1#notFound, body.alternative #noFlashContent h1#notFound{
		margin: 0 auto;
		width: 406px;
		height: 188px;
		background: url( '/media/i/404.png' ) no-repeat 0 0;
		text-indent:-9999px;
	}
	
	body.alternative #content h2, body.alternative #noFlashContent h2{
		padding: 10px 0px 15px;
		font-size: 24px;
		color: #3BBEFD;
	}
	
	body.alternative #content p, body.alternative #noFlashContent p{
		padding-bottom: 20px;
		line-height: 1.5;
	}
	
	body.alternative #content p img,	body.alternative #noFlashContent p img{
		margin-top: 10px;
	}
	
	body.alternative #content p strong,	body.alternative #noFlashContent p strong{
		font-weight: bold;
	}
	
	body.alternative #content p.centerText, body.alternative #noFlashContent p.centerText{
		margin-bottom: 20px;
		border: 1px solid #d70000;
		padding: 20px;
		color: #d70000;
		background: #ffffce;
	}