style.css

/* Left column content*/
.left h1 {
    font-family: Oxygen, Calibri;
    font-size: 11pt;
    display: block;
    border-bottom: 1px solid #B1B7AF;
    color: #101D27;
    font-style: italic;
    font-weight: lighter;

}

.center h1 {
    font-family: Oxygen, Calibri;
    font-size: 14pt;
    border-bottom: 1px solid #B1B7AF;
    color: #101D27;
    font-weight: lighter;
    padding-left: 0.5em;
}

.center h2 {
    
    font-family: Oxygen, Calibri;
    font-size: 12pt;
    border-bottom: 1px solid #B1B7AF;
    color: #101D27;
    font-weight: lighter;
    padding-left: 0.5em; 
}

.center {
      font-family: Oxygen, Calibri;
      font-size: 10pt;
    
}


.center p {
    padding-left: 5em;
    
}

.right {
    font-family: Oxygen !important;
    font-weight: 100;
    font-size: 10pt;
}

.center form {
    padding: 2em;
    background: #eaeaea;
    border: 1px solid #bbb;
}

.center form label {

}

.center form input {
    
}

.ui-widget,
.ui-widget .ui-widget
{
    font-size: 90% !important;
}

label {
     text-shadow:  rgba(0,0,0,0.3) 3px 2px 4px;
     color: #999;
     
     font-weight: 100;
     font-family: Oxygen;
     font-size: 10pt;
}
input, textarea { 
    padding: 3px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;

    margin: 0.25em 0;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea { 
    width: 400px;
    max-width: 400px;
    height: 150px;
    line-height: 150%;
}

input:hover, textarea:hover,
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

/* reset5 � 2011 opensource.736cs.com MIT */
/*
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,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}
*/
@font-face { font-family: Oxygen; src: url('Oxygen-Regular.ttf'); } 

body, html{
    margin: 0;
    padding: 0;
    background: url("../img/bg.png");
}

h1 {
    font-family: Oxygen, Calibri;
    font-size: 18pt;
}

#nav_right {
    float: right; 
    padding-top: 1em;
    padding-right: 2em;
}

#nav_left {
    float: left;
    padding-left: 3em;
}
#nav_left img {
    padding-top: 1em;
}

.right {
    width: 180px !important; 

}

.right input[type="text"], .right input[type="password"]  {
    width: 140px;
    
}
.right a {
    font-family: sans-serif, Calibri;
    font-size: 10pt;
    
}



.colleft {
    padding-top: 1em;

}
.colleft ul {
    margin: 0;
    padding: 0;
    list-style: none;

}
.colleft a {
    color: black;
    text-decoration: none;   
}

.colleft a:hover {
    color: black;
    text-decoration: underline;
}
.clear {
    clear: both;
}



#footer {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;    
    width: 80%;
    padding: 0.25em 0;
}


#header {
    clear:both;
    float:left;
    width:100%;
    border-bottom: 4px solid #333;    
}


/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;			/* width of page */
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
                                    only padding top and bottom is included here, make it whatever value you need */
    overflow:hidden;
}
/* 3 Column settings */
.threecol { /* right */

}
.threecol .colmid {
    right:25%;			/* width of the right column */
    background-color: white;
    border-right: 1px solid black;
    min-height: 500px;
}
.threecol .colleft {
    right:60%;			/* width of the middle column */
    background-color: white;
    min-height: 500px;
    border-right: 1px dashed #ddd;
}
.threecol .col1 {
    width:56%;			/* width of center column content (column width minus padding on either side) */
    left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
    width:12%;			/* Width of left column content (column width minus padding on either side) */
    left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
    width:21%;			/* Width of right column content (column width minus padding on either side) */
    left:95%;			/* Please make note of the brackets here:
                                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:75%;
    border-top:1px solid #000;
    color: white;
    font-size: 9pt;
    text-align: center;
}

#menu h3 {
    font-size: 10pt !important;
    margin: 0;
    margin-top: 0.5em;
}

#menu div {
    padding: 0.5em;
    font-size: 10pt;
}

#tournamentMenu ul {
    margin-left: 2em;
    list-style-type: square !important;
    
}
#main h1 {
   color: black; 
}
#main a {
   color: #2694e8;
}
.bgColor1 {
    background-color: #68A3C2;
}

#header a {
    color: white;
    text-decoration: none;
}

#header_right {
	text-align: right;	
}