html {
	height:100%;
	margin:0;
	padding:0;
}
body {
	height:100%;
	margin:0;
	padding:0;
	background-position: top center;
	background-color:#000000;
	background-image: url(../img/filler.jpg);
	overflow-x: hidden;
}
a img {
border: 0 none;
}
img {
     border: 0 none;
}
#contentBox {
	width:960px;
	margin:auto;
	height: 830px;
}
/* Ticker start */
#ajaxticker{
position:relative;
background-image:url(img/ticker_transp.png);
clear: both;
width: 310px;
height:60px;
display:block;
overflow:hidden;
top: -230px;
left: 325px;
text-align:center;
}
#ajaxticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-image:url(img/ticker_transp.png);
clear: both;
width: 310px;
height:60px;
overflow:hidden;
display:block;
top: -230px;
left: 325px;
}
.ticker { 
font-family: Arial, Helvetica, sans-serif;
color:#999;
font-size:16px;
font-weight:bold;
}

.ticker a {
	text-decoration: none;
	color: #f97f29;
}
/* Ticker end */

#newsletter {
	position:relative;
	top:-590px;
	right: -30px;
	height:120px;
	width:120px;
	text-align: center;
	z-index: 10;
}
#newstip {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	position:relative;
	top:-710px;
	right: -150px;
	height:40px;
	width:120px;
	text-align: center;
	z-index: 11;
	vertical-align: middle;
}
#tempContent{
	width:900px;
	margin:auto;
	height: 650px;
}
/* Temporary index css start  */
#tempText{
	width:900px;
	margin:auto;
	text-align: center;
	top: 100px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CCC;
}
#tempSponsor_div {
	width:900px;
	position:absolute;
	text-align:center;
	vertical-align:bottom;
	top:600px;
}
#tempSponsors {
	width:900px;
	position:absolute;
	text-align:center;
	vertical-align:bottom;
	top:600px;
}
#tempImagix {
	width:900px;
	position:absolute;
	top:715px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
	font-size:9px;
}
/* Temporary index css end  */
/* Login page start */
#loginContent{
	width:450px;
	margin:auto;
	height: 100%;
}
#loginText{
	width:450px;
	margin:auto;
	text-align: center;
	top: 100px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CCC;
}
#loginMenu {
	background-color:#1b1b1b;
	color:#CCC;
	border: 1px dotted #F97F29;
	width: 160px;
	text-indent:10px;
	margin::0px 0px 0px 0px;
}
/* Login page end */
#mainImage {
	width:960px;
	height:640px;
	position:relative;
	margin:auto;
	background-image: url(../img/bg.jpg);
	top: 20px;
}
#nav {
	width:960px;
	height:150px;
	position:relative;
	left:0px;
	top:-200px;
	z-index:10;
	visibility: hidden;
}
#sponsor_div {
	width:962px;
	position:relative;
	text-align:center;
	top:-150px;
}
#sponsors {
	width:900px;
	position:absolute;
	text-align:center;
	vertical-align:bottom;
	top:685px;
}
#footer_login{
	clear: both;
	float: left;
	width: 960px;
	height: 30px;
	text-align:center;
	cursor:default;
	top: -210px;
	position: relative;
	border: none;
}
#footer_login a:img{
	border:none;
}
#imagix {
	width:960px;
	position:relative;
	top:-210px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
	font-size:9px;
	float: left;
	border: none;
}
.menu_div {
	width:760px;
	position:relative;
	top:-205px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
}
.menu_url {
	background-image: url(../img/url_bg.png);
	height: 30px;
}
.menu_img1 {
	background: url(../img/nav_1.png);
	bottom: 0px;
	height: 155px;
	width: 170px;
}
.menu_img2 {
	background: url(../img/nav_2.png);
	bottom: 0px;
	height: 155px;
	width: 170px;
}
.menu_img3 {
	background: url(../img/nav_3.png);
	bottom: 0px;
	height: 155px;
	width: 170px;
}
.menu_img4 {
	background: url(../img/nav_4.png);
	bottom: 0px;
	height: 155px;
	width: 170px;
}
.menu_img5 {
	background: url(../img/nav_5.png);
	bottom: 0px;
	height: 155px;
	width: 170px;
}
.menu_img6 {
	background: url(../img/nav_6.png);
	bottom: 0px;
	height: 155px;
	width: 170px;
}
/* Google translator start */
#flags {
	/* background-image:url(../blogg/wp-content/themes/jarnmannen/images/flags.jpg) */
	background-image:url(../img/flags.jpg);
	position:inherit;
	left: 0px;
	top: 0px;
	z-index:40000;
	width:140px;
	height:19px;
}
#google_translate_element .goog-te-gadget, .skiptranslate {
	height:27px;
	overflow:hidden;
}
.goog-te-combo {
	background-color:#1b1b1b;
	border: 1px dotted #F97F29;
	width: 140px;
	margin::0px 0px 0px 0px;
}
#google_translate_element select {
	color: #cccccc;
	font-size: 12px;
	text-align: left;
}
#google_translate_element .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active .goog-te-banner, .goog-te-ftab, .goog-te-menu, .goog-te-menu2, .goog-te-balloon {
	visibility:hidden;
}
/* Google translator end */
/* - - - ADxMenu: BASIC styles - - - */
.menu_start {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	width: 90px;
	text-transform: uppercase;
}
/* remove all list stylings */
.menu, .menu ul {
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
	margin: 0;
}
.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;
	float: left;
}
.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;
}
.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	text-transform: uppercase;
}
.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0px;	/* while hidden, always keep them at the bottom left corner, */
	bottom: 0;
}
.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	bottom: 100%;	/* 1st level go above their parent item */
}
.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	bottom: 0;
	left: 100%;
}
/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */
/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(../img/empty.gif);
	margin: 0px 0px -10px 0px;
	padding: 0px 0px 10px 0px;
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: 0 0 -30px -10px;
}
/* - - - ADxMenu: DESIGN styles - - - */
.menu, .menu ul li {
	color: #eee;
}
.menu ul {
	width: 170px;
	margin-left: -25px;
}
.menu a {
	text-decoration: none;
	color: #CCC;
	padding: .4em 1em;
	display: block;
	position: relative;
}
.menu a:hover, .menu li:hover>a {
	color: #ff9900;
}
.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	bottom: 5px;
	left: 90%;
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */

/*]]>*/

