html, body {background: #000;}

/* ul#navigation li a[href^="http:"] { background:none; padding:0; margin:0; } */

#outer.container {
	background: #fff}
#pretext {
	background-color: #666;}
#pretext h1 { 
	font-size: 1em;
	color: #fff;
	text-align: right;
	padding-right:1em;
	font-weight: normal; }
#header {
	height: 190px; 
	margin-bottom:20px;
	background: #0066cc url(../ikwc/ikwc-banner-2011.jpg) no-repeat;}
	
#sidebar {position: relative;}

/* navigation */
ul#navigation {
    width: 180px;
    margin-left: 0px;
    margin-bottom: 30px;
    padding: 0;
    list-style-type: none;}	
/* ul#navigation li {display: inline;}        */
ul#navigation li a, ul#navigation li a[href^="http:"] {
	margin-bottom: 0;
    width: 152px;
    padding: 8px 8px 8px 20px;
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    background: #000; }
ul#navigation li a:hover {
	background: #D62829;
	color: #fff;}
ul#navigation li.active a {
	background: #D62829;
	color: #fff;} 	  
ul#navigation li.active ul {
/* 	background: #e9edf2; */
	background: #fff;
	margin-bottom: 0px;
    list-style-type: none;
    padding: 4px 0 4px 0px;
    line-height: 12px;
    border-bottom: 1px solid #fff;}
ul#navigation li.active ul li a {
	display: block;
	width:auto;
	background: #fff;
	padding-top: 2px;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom: 0px;}
ul#navigation li ul li a:hover, ul#navigation li ul li.active a, ul#navigation li ul li.active ul li.active a, ul#navigation li ul li.active ul li a:hover {
	color: #000;
	background: #fff;}
ul#navigation li ul li.active ul {padding-left:10px; border-bottom:0;}
ul#navigation li ul li a, ul#navigation li ul li.active a, ul#navigation li ul li.active ul li a, ul#navigation li ul li a[href^="http:"] {padding-left:0px; color:#666;}

ul#navigation li#nav13 a, ul#navigation li#nav17 a, ul#navigation li#nav21 a, ul#navigation li#nav25 a, ul#navigation li#nav270 a, ul#navigation li#nav598 a, ul#navigation li#nav1122 a {color: #666; background: #fff6b6;}

ul#navigation li#nav13 a:hover, ul#navigation li#nav17 a:hover, ul#navigation li#nav21 a:hover, ul#navigation li#nav25 a:hover, ul#navigation li#nav270 a:hover, ul#navigation li#nav598 a:hover, ul#navigation li#nav1122 a:hover { background: #666; color: #fff6b6;}

ul#navigation li#nav13.active a, ul#navigation li#nav17.active a, ul#navigation li#nav21.active a, ul#navigation li#nav25.active a, ul#navigation li#nav270.active a, ul#navigation li#nav598.active a, ul#navigation li#nav1122.active a { background: #999; color: #000;}

ul#navigation li#nav13.active li a, ul#navigation li#nav17.active li a, ul#navigation li#nav21.active li a, ul#navigation li#nav25.active li a, ul#navigation li#nav270.active li a, ul#navigation li#nav598.active li a, ul#navigation li#nav1122.active li a {color: #666; background: #fff}

ul#navigation li#nav13.active li a:hover, ul#navigation li#nav17.active li a:hover, ul#navigation li#nav21.active li a:hover, ul#navigation li#nav25.active li a:hover, ul#navigation li#nav270.active li a:hover, ul#navigation li#nav598.active li a:hover, ul#navigation li#nav1122.active li a:hover {color: #000}

ul#navigation li#nav13.active li.active a, ul#navigation li#nav17.active li.active a, ul#navigation li#nav21.active li.active a, ul#navigation li#nav25.active li.active a, ul#navigation li#nav270.active li.active a, ul#navigation li#nav598.active li.active a, ul#navigation li#nav1122.active li.active a {color: #000}

#sidebar dl, #sidebar p {padding-left: 1em}
#sidebar dt {background: #000; padding: .5em; color: #fff}
#sidebar dd {border-bottom: 1px solid #ccc; padding-bottom: .5em; margin-bottom: .5em}
#sidebar dd a {text-decoration: none; color:inherit}
#sidebar dd a:visited {color:inherit}
#sidebar dd a:hover {color: #c00}

#content {padding-bottom: 1em}

#content a:visited { color: #36c; }
#content h1.headline {margin-top: 0; line-height: 0.9em}
#content h1.headline span.thin {font-size:.8em;}
#content h1, #content h2 {line-height: 1.2em}
#content h2.titleBar {padding:.4em .6em .2em .6em; background: #fc3;}
#content h2.alt {color: #fff; background-color: #07701e;}

/* tables */
#content th {background-color: #069; text-align:left; color:#fff}
#content th a, #content th a:visited {text-decoration:none; color: #fff; background-image: none; padding-right:0}
#content th a:hover {text-decoration:underline; color: #fff6b6;}
#content th span.thin {font-size:80%}
#content td.center {text-align: center}
#content td a[href^="http:"] {background-image: none;}

#content p {line-height: 1.5em}
#content ul {list-style-type: disc;}

#wide #content p {width: 584px}

#content span.alt {color:#900;}

/* utility */
#content div.frame {margin:0 0 1em 0; padding:1em .5em .5em; background: #000; text-align: center;}
#content .center, span.center {text-align: center}
#content .message-box {padding: 1em; border: dashed 1px #c00; background: #fff6b6; margin-bottom:1em}
#content .left {float:left; margin: 0.3em 1em 1em 0;}
#content .right {float:right; margin: 0.3em 0 1em 1em;}
#content .listing h3 a {text-decoration: none;}

#subcontent {text-align: left}
div.sponsor {padding: 0 0 1.3em;}
div.sponsor a, div.sponsor a:visited {background-image: none; margin-right:0; padding-right: 0;}
#siteinfo {
	color: #fff;
	background-color: #666; 
	height: 30px;}
#siteinfo p {
	text-align: right;
	padding: 4px 10px;}
#siteinfo p a {color: #fff; text-decoration: none; background-image: none;}	
#siteinfo p a:hover {color: #fc0;}

/* countdown */
#ikwcCountdown { background: #07701e; padding: 1em 1em 0.2em; margin-left: auto; margin-right: auto;}
.countdown { color: #fff; font-size: 1.5em }
#ikwcCountdown p {margin: .5em 0 0; padding-top: .5em; font-size: 1.2em}

/* styles from past ikwc */
.top_title { color: white; font-weight: bold; font-size: 10px; line-height: 12px; font-family: Tahoma; text-decoration: none; background-color: #c00; padding-top: 6px; padding-bottom: 6px }
.top_title_yellow { color: #333; font-size: 10px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #fc3; padding-top: 6px; padding-bottom: 6px; }
.top_title_green { color: #fff; font-size: 10px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #396; padding-top: 6px; padding-bottom: 6px; }
.top_list  {
	color: #000;
	font-size: 10px;
	font-family: Tahoma;
	text-decoration: none;
	background-color: #f5f5f5;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 4px;
	border-bottom: 1px dashed #d3d3d3  }
.top_list a   { color: #039; font-size: 10px; font-family: Tahoma; text-decoration: none; background-color: #f5f5f5 }
.top_list a:hover  { color: #800000; font-size: 10px; font-family: Tahoma; text-decoration: underline; background-color: #f5f5f5 }
.top_list_dark  { color: #000; font-size: 10px; font-family: Tahoma; text-decoration: none; background-color: #dcdcdc; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px dashed #c0c0c0 }
.top_list_dark a   { color: #039; font-size: 10px; font-family: Tahoma; text-decoration: none; background-color: #dcdcdc }
.top_list_dark a:hover  { color: #800000; font-size: 10px; font-family: Tahoma; text-decoration: underline; background-color: #dcdcdc }
.top_red   { color: white; font-weight: bold; font-size: 10px; font-family: Tahoma; text-decoration: none; background-color: #600; padding: 4px }
.top_red2 { color: white; font-weight: bold; font-size: 11px; line-height: 12px; font-family: Tahoma; text-decoration: none; background-color: #600; padding: 4px }
.top_blue  { color: white; font-weight: bold; font-size: 11px; line-height: 12px; font-family: Tahoma; text-decoration: none; background-color: #069; padding: 4px }
.top_green { color: white; font-weight: bold; font-size: 11px; line-height: 12px; font-family: Tahoma; text-decoration: none; background-color: #066; padding: 4px }
.top_yellow { color: #333; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 12px; text-decoration: none; background-color: #fc3; padding: 4px; }
.body_title_bar  { color: white; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, Verdana, sans-serif; text-decoration: none; background-color: #34499a; padding: 8px }
.red_title_bar { color: white; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #900; padding: 8px; }
.blue_title_bar { color: white; font-weight: bold; font-size: 14px; font-family: Verdana; text-decoration: none; background-color: #069; padding: 8px }
.green_title_bar { color: white; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #066; padding: 8px; }
.yellow_title_bar { color: #333; font-size: 14px; font-family: Verdana; font-weight: bold; text-decoration: none; background-color: #fc3; padding: 8px; }
