@charset "iso-8859-1";

/* 
 * ========================================
 * Standard Global CSS Styles
 * ========================================
 */

* {padding:0; margin:0} 
html { overflow-x: auto; }
body { background: #000000 url(../images/bg.gif) repeat-x; font-family: Verdana,Arial,Helvetica,sans-serif;margin: 0; font-size:62.5% color: #FFFFFF; padding: 0; text-align: center;}
DIV {font-family: Arial, Helvetica, sans-serif;margin:0; padding:0; }
P {font-family: Arial, Helvetica, sans-serif;padding:4px; margin:0;line-height: 160%;}
B {font-weight:bold}
IMG {border:0; font-size: 100%}
a:link {color:#375E69; text-decoration:none}
a:active {color:#375E69; text-decoration:none}
a:visited {color:#375E69; text-decoration:none}
a:hover {color:#427382; text-decoration: underline;}
H1{font-size:140%;/* displayed at 24px */ }
H2{font-size:122% /* displayed at 18px */}
H3{font-size:112% /* displayed at 15px */}
H4{font-size:102% /* displayed at 12px */}
BLOCKQUOTE, li {font-size: 100%}

/* Align Global CSS Styles */
.center{text-align:center}
.right{text-align:right}
.left{text-align:left}
.clear{clear:both}
*[accesskey]:after {content:' [' attr(accesskey) ']'}

/* Color Global CSS Styles */
.color1{color:#FF0000;}/*red*/
.color2{color:#0000FF;}/*blue*/
.color3{color:#00FF00;}/*green*/

/* Standard Global Form Styles */
form{display:inline;padding:0;margin:0;font-size:100%}
input, textarea, select{background:#FFF;color:#333;margin:1px;padding:1px;font-family:verdana,helvetica,sans-serif;vertical-align:middle;border:1px solid #666}
textarea{width:99%; height:150px;}
select{border:0;margin:0;padding:0}
fieldset{background:#CCC;border:1px solid #666;margin-left:4px;margin-right:4px}
fieldset div {overflow:hidden; /* Contain the floating elements */display:inline-block; /* Give layout in ie to contain float */}
fieldset div {display:block;} /* Reset element back to block leaving layout in ie */
label {float:left; /* Take out of flow so the input starts at the same height */width:30%; /* Set a width so the inputs line up */}
.radio {position:relative; /* Position so children are relative to this container */border:0; /* Remove the border */}
.radio span {position:absolute; /* Take the content of the legend out of flow */top:0;left:0; /* and position it to the top left of the fieldset */width:5px; /* Same width as labels */}
.radio ul {margin-left:5px; /* Since the legend is out of flow. set margin, so inputs are inline */list-style:none; /* Dont want bullets */}
.radio li {position:relative; /* Fix a bug in IE zoom functionality */display:inline; /* Display the inputs in a line */white-space:nowrap; /* We dont want a label to wrap between the input and label */}
.radio label, .radio input {width:auto; /* Reset the width on the label from the 5em, set earlier */float:none; /* Reset the float from left on the label, set earlier */vertical-align:middle; /* Align the radio buttons with the inputs */}
legend{border:1px #999;font-size:110%;font-weight:bold;color:#000; /* IE styles legends with blue text by default */*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */}

/* 
 * ========================================
 * Theme Global CSS
 * ========================================
 */
#site-wrapper{background: #FFFFFF; color: #000000; font-size:110%; padding:0; margin:0 auto; text-align:left; width:800px; height:auto; border:0; border-left: 3px #000000 solid; border-right: 3px #000000 solid; }

#header-inc {background: url(../images/banner.jpg) top center;padding:0; margin:0; width:800px; height:150px;}
#header-inc h1 {display:block; padding:0; margin:0;}
#header-inc h1 span {display:none; width:auto; height:auto;}

#top-menu {width:auto; padding:0; margin:0; background: url(../images/topmenu.gif) center repeat-x; border-bottom: 4px #000000 solid; height:25px;}
#top-menu ul {padding:0; margin:0; padding-top:2px; list-style:none; text-align:center;}
#top-menu li {display:inline; padding:0; margin:3px; margin-right:10px;}
#top-menu li a {padding:2px; padding-left:5px; padding-right:5px; margin:0; color: #333333; }
#top-menu li a:hover {background: url(../images/hover.gif) center repeat-x; text-decoration:none; color:#999999;}

#body-inc{padding:0; margin:0; width: auto; border:0; background:url(../images/body.jpg) no-repeat center center; font-size:90%;}
#body-inc #contests {padding:4px; margin:5px; font-size:90%;}
#body-inc #contests p{padding:2px; margin:5px; line-height:160%;}
#body-inc #contests .img_l, #body-inc #contests .img_r {float:left; margin:5px; padding:5px; border:3px #333333 solid; }
#body-inc #contests .img_r {float:right;}
#body-inc #contests .bor_n {border: none;}
#body-inc #contests h2 {padding:5px; margin:0; color:#666666; border-bottom:1px #999999 solid;}

#bottom-links{width:auto; padding:5px; margin:4px; font-size:80%; border-top: 1px #999999 dashed; }
#bottom-links ul {padding:0; margin:0; list-style:none; text-align:center;}
#bottom-links li {display:inline; padding:0; margin:3px; margin-right:10px;}
#bottom-links li a {padding:3px; padding-left:5px; padding-right:5px; margin:0; color:#999999; }
#bottom-links li a:hover {text-decoration:none; color:#333333;}
#footer-inc {clear:both; padding:0; margin:0; text-align:right; height:auto; background:#000000; color: #666666; font-size:90%;}