/* COLORS
Blue: #20537c
Dark Green: #004400
Green: #699920
END: COLORS */


a
{
color: #20537c;
text-decoration: underline;
}

a:hover
{
color: #20537c;
text-decoration: none;
}

h1 {} /* reserved for logo - SEO */

h2
{
background-color: #003650;
padding: 1.5em 0.8em 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #fff;
}

h3
{
margin: 0 0 1.0em 0;
padding: 0;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.4em;
font-weight: bold;
color: #20537c;
}

h4
{
margin: 0 0 0.5em 0;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #20537c;
}

h5
{
margin: 0 0 0.5em 0;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #20537c;
}

h3.block-header
{
background-color: #bbb;
padding: 0.4em 0.8em;
margin: 0 0 1em 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #333;
}

/*========== Homepage Sub-Headers ==========*/
h3.black
{
background-color: #000;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.dark-blue
{
background-color: #003650;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.green
{
background-color: #040;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.med-blue
{
background-color: #20537c;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.med-green
{
background-color: #262;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.med-red
{
background-color: #903030;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.light-brown
{
background-color: #c09030;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.light-gray
{
background-color: #bbb;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #333;
}

h3.med-gray
{
background-color: #606060;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.orange
{
background-color: #e08000;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #fff;
}

h3.yellow
{
background-color: #fb0;
padding: 0.4em 0.8em;
margin: 0;
text-transform: uppercase;
font-family: trebuchet, tahoma, verdana, sans-serif;
font-size: 1.0em;
font-weight: bold;
color: #003;
}
/*========== END: Homepage Sub-Headers ==========*/


/*========== Tables ==========*/
table
{
font-size: 1.0em;
border-collapse: collapse;
}

table tr
{

}

table th.bigheader, table tr.bigheader th
{
font-family: trebuchet, tahoma, verdana, sans-serif;
background-color: #20537c;
padding: 0.4em 0.4em;
border-width: 0px;
text-transform: uppercase;
/*font-size: 1.15em;*/
color: #fff;
}

table th
{
border: 1px solid #bbb;
background-color: #ddd;
padding: 0.2em 0.4em;
/*border-bottom: 2px solid #808080;*/
font-weight: bold;
color: #000;
}

table td
{
/*background-color: #e3e3e3;*/
border: 1px solid #ccc;
padding: 0.2em 0.4em;
color: #000;
}
/*========== END: Tables ==========*/

.white {color: #fff;}

a.white, a.white:hover {color: #fff;}

.red {color: #ee0000;}

.blue {color: #003399;}

.green {color: #009933;}

.gray {color: #999;}

.lightblue {background-color: #d6e0ee;}

.lightgreen {background-color: #9c6;}

.lightyellow {background-color: #eeb;}

.allcaps {text-transform: uppercase;}

.big {font-size: 1.2em;}

.small {font-size: 0.9em;}

.bold {font-weight: bold;}

hr
{
height: 1px;
color: #888;
background: #888;
}

p.date
{
margin-bottom: 0;
font-style: italic;
color: #888;
}

p.photo
{
margin: 0;
}

p.caption, div.caption
{
background: #ddd;
margin: 2px 0 0 0;
padding: 0.5em;
font-size: 0.9em;
color: #333;
}

div.highlight-box
{
margin: 0 0 1.5em 0;
border: 3px solid #ccc;
background: #ffffcc;
padding: 1.0em;
}


/*========== Forms ==========*/
.asterisk /*for required fields*/
{ 
font-size: 1.3em;
font-weight: bold;
color: #cc0000;
}
input.button
{
cursor: pointer;
}
/*========== END: Forms ==========*/



/*========== Homepage Paper BG Effect ==========*/
div.hp-paper
{
width: 490px;
padding-top: 9px;
background: #fff url(../../images/hp-paper-top.jpg) no-repeat left top;
}

div.hp-paper-body
{
padding: 0.5em 1.5em 0.5em 1.5em;
background: #fff url(../../images/hp-paper-body.jpg) repeat-y left top;
}

div.hp-paper-bottom
{
height: 9px;
background: #fff url(../../images/hp-paper-bottom.jpg) no-repeat left top;
}
/*========== END: Homepage Paper BG Effect ==========*/



/*========== Login Header ==========*/
#login-header
{
height: 4em;
padding: 0.4em 0.6em;
margin: 0 0 1.5em 0;
background: #e6e6e6;
border: 1px dotted #003650;
font-size: 1.0em;
color: #000;
}

/*
#login-header-left
{
float: left;
width: 70%;
}
*/

#login-header ul
{
list-style: none;
margin: 0 0.2em;
padding: 0;
}

#login-header li
{
display: block;
float: left;
margin: 0 1em 0 0;
}

#login-header-right
{
float: right;
width: 100px;
text-align: right;
}

#login-header-right .button
{

}

#login-header a
{
color: #fff;
}

#login-header a:hover
{
color: #fff;
}

#login-header h4
{
margin: 0 0 0.4em 0;
padding: 0.2em 0.4em;
background: #bbb;
font-size: 1.1em;
color: #333;
}

.login-name
{

}

.login-hometown
{

}

.login-id
{

}

.login-type
{
text-transform: capitalize;
}
/*========== END: Login Header ==========*/



/*========== Tournament Page ==========*/
table.tournament
{
width: 100%;
border: 1px solid #ccc;
}

table.tournament tr
{
vertical-align: top;
}

table.tournament th
{
border-width: 0px;
border-bottom: 1px dotted #ccc;
padding: 0.5em 0.5em;
}

table.tournament td
{
border-width: 0px;
border-bottom: 1px dotted #ccc;
padding: 0.5em 0.5em;
}

ul.tournament-nav
{
clear: both;
list-style: none;
padding: 0;
margin: 1.5em 0 0 1.0em;
overflow: auto;
_border: 1px solid #fff; /* IE6 Hack */
}

ul.tournament-nav li
{
float: left;
display: inline;
margin: 0 0.5em;
}

ul.tournament-nav a
{
cursor: pointer;
display: block;
width: 100px;
padding: 0.5em 1.0em;
background: #fff;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
}

ul.tournament-nav a.active
{
cursor: none;
background: #e6e6e6;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
font-weight: bold;
color: #000;
text-decoration: none;
}

div.tournament-content
{
clear: both;
border: 1px solid #ccc;
padding: 1.0em;
overflow: auto;
min-height: 20em;
_height: 40em; /* IE6 Hack */
}

#field
{

}

#field ul
{
float: left;
margin: 0 0.25em;
padding: 0 1.25em;
}

#field li.cancel
{
color: #666;
text-decoration: line-through;
}
/*========== END: Tournament Page ==========*/


/*========== Photo Archives ==========*/
ul.photo-archive
{
clear: both;
list-style: none;
margin: 0;
padding: 0;
}

ul.photo-archive li
{
width: 214px;
display: block;
float: left;
margin: 0 1em 1em 0;
background: #333;
}

ul.photo-archive a
{
display: block;
margin: 5px;
padding: 2px;
background: #333;
}

ul.photo-archive .thumbnail a:hover
{
background: #ccc;
}

ul.photo-archive .caption
{
display: block;
margin: 7px;
font-size: 0.85em;
color: #fff;
}
/*========== END: Photo Archives ==========*/




/*========== Icons ==========*/

.pdf {
padding: 0 0 0 16px !important;
background: transparent url(/images/icons/pdf-icon-tiny.gif) no-repeat left center !important;
}

.email {
padding: 0 0 0 18px !important;
background: transparent url(/images/icons/email-icon-tiny.gif) no-repeat left center !important;
}

.htm {
padding: 0 0 0 16px !important;
background: transparent url(/images/icons/htm-icon-tiny.gif) no-repeat left center !important;
}


/*========== END: Icons ==========*/