@import url(reset.css);

/* general */

.hidden {
    display: none;
}
body {
    font: 1em "Times New Roman", Times, serif;
    background: #FFF;
    color: #025;
}

#c {
width: 980px;
margin-left: auto;
margin-right: auto;
}


a:hover {
    text-decoration: underline;
}

abbr {
    border-bottom: 1px dotted grey;
    cursor: help;
}

#top {    
	display:inline-block; /* trigger hasLayout */
	width: 980px; /* need to specify width for IE */
	*margin-bottom: 20px; /* IE 6 */
}

#top h1 {
float:left;
display:inline;
height:87px;       
margin:20px 0 20px 20px;
width:471px;     
}


#top ul {
	display: inline;
	float: right;
	font-size: 1.1em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0;
}

#top li {
    top: 0px;
    position: relative;
    display: inline;
/*    padding-left: 0.6em;*/
    padding-right: 0.6em;
    border-right: 1px solid #999;
}

#top li.last {
    border-right: 0px;
}
#top li {
	font-family:Arial,Helvetica,sans-serif;
	font-size:.875em;
}

#top form {
/*    position: relative;
    top: -70px;
    padding-left: 710px; */
}

#menu {
    text-align: left;
    background: #eee;
    border: 1px dotted #ccc;
    position: relative;
    top: -15px;
    left: 20px;
    right: 20px;
    list-style: none;
    height: 4.25ex;
    font-size: 1.1em;
}

#menu h2 {
    position: relative;
    top: 7px;
    padding-left: 10px;
    padding-right: 0.5em;
    float: left;
    font-size: 1em;
    line-height: 1em;
}

#menu li {
    position: relative;
    display: inline;
    padding: 0.2em 0.5em 0.2em 0.5em;
    top: 3px;
    letter-spacing: 0.05em;
}

#menu li.selected {
    font-weight: bold;
    border: 1px dotted #aac;
}


#main {
    position: relative;
    width:980px;
    min-width: 900px;
    left: 20px;
    right: 20px;
}
ul {
    list-style: circle outside none;
    line-height: 1.5em;
}

h1, h2, h3, h4 {margin-bottom:0.5em;}
h1 {
    line-height: 1.5em;
    font-size: 1.5em;
}
h2 {
    line-height: 1.5em;
    font-size: 1.3em;
}
h3 {
    line-height: 1.5em;
    font-size: 1.2em;
}

h4 {
    line-height: 1.5em;
    font-size: 1.1em;
}
p {
    line-height: 1.3em;    
}


#right {
    float: right;
	display:inline; /* double margin fix */
    top: 80px;
}

#lang {
	float:right;
	display:inline;
	clear:right;
}
#intro {
    width: 250px;
    border: 1px dotted #ccc;
    padding: 1.2em;
    background: #eee;
    text-align: center;
    line-height: 1.1em;
    margin-left: 1em;
    margin-bottom: 13px;
}
#intro p {
    font-size: 1.5em;
    line-height: 1.3em;
}

#content {
  width:650px;
 _width:645px;
}
#article {

  
}
#article h1, #article h2, #article h3 {
/*    padding-bottom: 0.75em;*/
	margin:1em 0 .5em;
		font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif;
}
        

#article h3 { font-weight:normal;}
#article p em {font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif;font-size:90%;}

#article h1 {
  font-size: 1.4em;
	line-height:1.4; 
	font-weight:normal;
}

#article strong {
    font-size: 0.9em;
}

#article p {
    padding-bottom: 1em;
}


td {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}

ol {
	list-style-type:decimal;
}

sup {
	font-size:75%;
	line-height:0;
	vertical-align:5px;
	margin:0 4px 0 1px;
}
sup a {
	text-decoration:;
}

/** CSS FOR About Us PAGE **/
#about-page #site-info h1 {
	text-transform:uppercase;
} 
#about-page, #about-page p {
	line-height:1.6em;
	margin:1em 0;
}
#about {
/*	float:right;*/
/*	width:320px;*/
	margin:2em 0;
/*	background-color:#eee;*/
/*	padding:0 3px;*/
}
#about h2,#sponsors h2 {
	line-height:normal;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
/*	font-size:0.9em;*/
	margin:1em 0 .375em;
}
#about p,#sponsors p {
	font-size:1em;
	line-height:1.6em;
	margin:.75em 0;
}
#sponsors {
/*  	float:left;*/
/*	width:650px;*/
	font-size:0.9em;

	line-height:1.6em;
/*	clear:both;*/
}

#sponsors h2 {
	
}
#sponsors h3 {
	margin:0;
}
#sponsors h3 a {
	text-decoration:none;
}
#sponsors h3 a:hover {
	text-decoration:underline;
}
#sponsors ul {
	list-style-type:none;
}           
#sponsors li {
	float:left;
	display:inline;
/*	display:inline-block;*/
	width:300px;
	margin:1em 10px 0 0;
}
#sponsors li p {
	font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	font-size:.8em;
}
#site-info {
	clear:left;
	margin-bottom:1em;
}
#site-info h2 {
	margin:1em 0 .5em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	font-weight:bold;
}
.contest {
	margin-left:1em;
}

#bios p {
  line-height:1.3;
  margin-bottom:0.5em
}
#bios .bio-title {
  font-style:italic;
  font-weight:bold;
}

#bios h2 {
  border-bottom:3px solid #002255;
  padding:0;
  line-height:1;
  margin:1em 0 0.5em;
}

span.soon {
  color:#666;
  font-style:italic;
}

.img {
  border:1px solid #999;
  padding:3px;
  background-color:#DFDFDF; 
  line-height:0;
  display:inline-block;

}

.fl-right {
  float:right;
  display:inline-block;
  margin:0.5em 0 0.5em 0.75em
}
.fl-left {
  float:left;
  display:inline-block;
  margin:0em 0.75em 0.5em 0;
}