/******************************************   Reset all styles  ***************/

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: "" "";
}

/*************************************** End of reset all styles ***************/

html {
	width:100%;
}
body {font-size:62.5%} /* for IE/Win */
html>body {font-size:10px} /* for everything else */

body {
   margin:0; padding:0;
   font-family:Arial, Helvetica, Verdana, sans-serif;
   background:#7b7c7e;
}
ol {
   margin:0 0 0 30px;
   display:list-item;
   list-style-type:decimal;
   line-height:1.5em;
}

div {
   z-index:5;
}
div#wrapper {
	position:relative;
	width:925px;
	height:675px;
	margin:10px auto 0 auto;
}
div#header {
   position:absolute;
   padding:0; margin:0;
   top:0; left:0;
   width:100%; height:90px;
}
div#main {
   position:absolute;
   top:90px; left:0;
   width:100%; height:490px;
	overflow:hidden;
   z-index:1;
}
div#contentWrapper {
   position:absolute;
   top:0; left:0;
   width:100%; height:490px;
   padding:0; margin:0;
}
div#footer {
   position:absolute;
   top:580px; left:0;
   width:100%; height:95px;
}
div#navi {
   position:absolute;
   top:47px; left:0;
   width:795px; height:43px;
   z-index:10;
}
div#logo {
   position:absolute;
   padding:0; margin:0;
   top:0; left:808px;
   width:117px;
   height:61px;
}
div#logo img {
   border:none;
}



/**************************************** Metanavi *****************/
div#skipIntro,
div#metanavi {
   position:absolute;
   top:16px; left:0;
   width:100%; height:20px;
   z-index:10;
   background:#5d5e60;
   border:none;
}
div#skipIntro {
	background:none;
	text-align:right;
}
div#skipIntro a {
	text-decoration:none;
	font-size:1.3em;
	color:#e0e1e2;
	padding:2px;
	border:1px solid #7b7c7e;
}
div#skipIntro a:hover {
	color:#e0e1e2;
	border:1px solid #e0e1e2;
	padding:2px;
}
div#metanavi ul {
   position:absolute;
   top:0; right:0;
   display:block;
   padding:4px 0 0 0;
	margin:1px 0 0 0;
   color:#e0e1e2;
   font-size:1.1em;
}
div#metanavi ul li {
   display:inline;
   padding:0 7px 0 0;
   margin:0 9px 0 0;
   border-right:1px solid #e0e1e2;
}
div#metanavi ul li.last {
   border:none;
}
div#metanavi a.sports {
	text-decoration:none;
	font-size:1.3em;
	color:#e0e1e2;
	padding:2px 2px 2px 2px;
	border:1px solid #7b7c7e;
	padding:3px;
}
div#metanavi a.sports:hover {
	color:#e0e1e2;
/*	border:1px solid #e0e1e2;*/
	padding:3px;
}
div#metanavi ul li a {
   display:inline;
   padding:4px 2px 0 0;
   color:#e0e1e2;
   text-decoration:none;
}
div#metanavi ul li a:hover,
div#metanavi ul li a:active,
div#metanavi ul li a.active {
   color:#000;
}
div#teaser {
   position:absolute;
   padding:0; margin:0;
   top:43px; left:0;
   width:200px;
   height:29px;


/*   background: #000;*/
}
div#teaser img {
   position:absolute;
   bottom:0;
   border:none;
}
div#teaser a {
   color:#e0e1e2;
   line-height:1.1em;
   text-decoration:none;
   font-size:1.1em;
}
div#teaser a:hover {
   color:#000;
   line-height:1.1em;
   text-decoration:none;
   font-size:1.1em;
}
div#teaser p {
   /*margin:15px 0 0 45px;*/
}

/********************************** NAVI ******************/
#navi {
   position:relative;
   height:24px; width:795px;
   font-size:1.4em;
   z-index:500;
}
#navi .mainnavi {
   margin:0; padding:0; 
   list-style:none; 
   white-space:nowrap;
}
#navi li {
   float:left;
}
#navi .mainnavi a {
   display:block;
   float:left;
   text-decoration:none;
   white-space:nowrap; 
   color:#e0e1e2;
}
#navi .mainnavi li.item {
   padding:0 13px 0 0;
   margin:0 13px 0 0;
   border-right:1px solid #e0e1e2;
}
#navi .mainnavi li.last {
   border:none;
}
#navi .mainnavi li.item a {
   color:#e0e1e2;
}
#navi .mainnavi li.item a:hover,
#navi .mainnavi li.item a.active {
   color:#4d4e50;
}
#navi .subnavi li {
   background:transparent;
}
#navi .mainnavi .subnavi {
   position:absolute;
   top:10px; left:0;
   width:795px; height:0;
   list-style:none;
   font-size:0.8em;
   padding:10px 0 0 0;
   float:left;
	display:none;
}
#navi .mainnavi .subnavi li.subitem a  {
   display:block;
   float:left;
   padding:2px 0 0 8px; 
   white-space:nowrap; 
   color:#e0e1e2;
   width:100%;
}
#navi .mainnavi .subnavi li.subitem a:hover,
#navi .mainnavi .subnavi li.subitem a.active {
   color:#4d4e50;
}
a.hover {
	color:#4d4e50;
}
#navi .mainnavi .subnavi li.subitem {
   position:relative;
   display:block;
   float:left;
   padding:0 8px 0 0; 
}
#navi .mainnavi .subnavi li.subitem ul {
   position:absolute;
   top:0; left:0;
   padding:5px 0 12px 0;
   margin:13px 0 0 0; 
   list-style:none; 
   display:none;
   background:url('../img/transparent_bg.png');
   width:100%;
   z-index:1;
}
#navi .mainnavi .subnavi li.subitem ul li {
   display:block;
   clear:left;
   padding:5px 0 0 7px;
}
#navi .mainnavi .subnavi li.subitem ul li a {
   color:#4d4e50;
}
#navi .mainnavi .subnavi li.subitem ul li a:hover {
   color:#000;
}
#navi .mainnavi .subnavi li:hover > ul {
    display: block;
}
/*#navi .mainnavi li:hover > ul {
	display:block;
}*/

div.template2col {
	margin: 1em 0 0 0;
	list-style-type:none;
}
div.template2col a {
	margin:0; 
	white-space:nowrap; 
	color:#68696b;
	text-decoration:none;
	text-transform:uppercase;
}
div.template2col a:hover,
div.template2col a.active {
	color:#68686b;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;

}


p a {
	margin: 0 0 0 4px; 
	white-space:nowrap; 
	color:#68696b;
	text-decoration:none;
	text-transform:uppercase;
}
p a:hover {
	margin: 0 0 0 4px; 
	color:#68686b;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
div.contentsubnavi a {
	margin:0; 
	white-space:nowrap; 
	color:#68696b;
	text-decoration:none;
	text-transform:uppercase;
}
div.contentsubnavi a:hover { 
	color:#68686b;
	text-transform:uppercase;
	text-decoration:none;

}
ul.csc-menu a {
	display:block;
	margin:0; 
	white-space:nowrap; 
	color:#68696b;
	text-decoration:none;
	text-transform:uppercase;
}
ul.csc-menu a:hover { 
	color:#68686b;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}
div.overlay div.csc-textpic-imagewrap .csc-textpic-image{
	padding:4px 18px 0 2px;
}
div.overlay div.csc-textpic-text {
	padding:4px 0 0 0;
}