/* Touch the sky, keep looking */


/*

------------------------------------------------------
Copyright Kemie Guaida, some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* general styles */
* {
-moz-box-sizing: border-box;
box-sizing: border-box;
}


body {
color: #4D4D4D;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: center;
background: #E6E6E6;
}

a {
color: #005880;
}

a:hover {
color: #006B95;
}

a:visited {
color: #006B95;
}

a:visited:hover {
color: #2C91B2;
}

h1{
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color: #006B95;
margin: 15px 0 15px 0;
padding-left: 15px 0px; 
}

h2 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #007AAC;
margin: 15px 0px;
}

h3 {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #56A7C1;
margin: 15px 0px;
}

p {
margin: 10px 0px 10px 0px;
}

dl {
margin: 10px 15px 5px 15px;
}

dt {
font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
color: #56A7C1;
font-weight: bold;
margin: 10px 0px 0px 10px;
}

dd {
margin: 0px 0px 0px 25px;
}


#mastercom {
margin: 10px 0px 5px 0px;
}

/* layout styles */

#container {
width: 900px;
text-align: left;
margin: 10px auto 0 auto;
background: #FFFFFF;
padding: 0px;
line-height: 1.3em;
}

#banner {
height: 60px;
background: #006B95;
}

#banner h1 {
float: left;
color: #FFFFFF;
margin: 20px 0 0 20px;
background: none;
}

#content {
clear: left;
float: left;
width: 600px;
margin: 0px;
padding: 10px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
line-height: 1.3em;
}

#sidebar {
float: left;
width: 300px;
margin: 10px 0 0 0;
padding: 0;
color: #787878;
}

/* meta nav */

/*
#nav-meta {
float: right;
margin: 11px 25px 0 0;
background: url(/css/images/back_navmeta2.gif) no-repeat bottom right;
}

#nav-meta ul {
margin: 0;
padding: 2px;
background: url(/css/images/back_navmeta1.gif) no-repeat bottom left;
}

#nav-meta li {
display: inline;
padding: 4px;
}

#nav-meta a, #nav-meta a:visited {
color: #FFFFFF;
text-decoration: none;
margin: 4px;
}

#nav-meta a:hover, #nav-meta a:visited:hover {
color: #D1EBF4;
}

.skip {
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skip:active, .skip:focus {
position: absolute;
overflow: visible;
width: auto;
height: auto;
background: #2C91B2;
}
*/

/* main nav */

/*
#nav-main {
margin: 10px 16px 10px 11px;
min-height: 30px;
background: url(/css/images/back_navmain.gif) #007AAC no-repeat;
}

#nav-main ul {
height: 100%;
margin: 0;
padding: 0 0 0 10px;
}

#nav-main li {
list-style-type: none;
float: left;
width: auto;
margin: 7px 5px 0 5px;
background: url(/css/images/back_navmainitems2.gif) no-repeat top right;
}

#nav-main a:link, #nav-main a:visited {
display: block;
color: #D1EBF4;
font-weight: bold;
text-decoration: none;
padding: 1px 9px 2px 9px;
background: url(/css/images/back_navmainitems.gif) no-repeat top left;
}

#nav-main a:hover, #nav-main a:visited:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 2px 9px 1px 9px;
}

.current {
margin-top: 4px;
background-image: url(/css/images/back_current2.gif)!important;
}

.current a:link, .current a:visited {
color: #006B95 !important;
background-image: url(/css/images/back_current1.gif) !important;
}

.current a:hover, .current a:visited:hover {
color: #2C91B2 !important;
}
*/

/* sub nav */
/*
#nav-section {
clear: both;
}

#nav-section ul {
margin: 0;
padding: 0 10px 0 10px;
}

#nav-section li {
list-style-type: none;
float: left;
margin: 0px 4px 0 4px;
background-image: url(/css/images/bullet_off.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 12px;
}

#nav-section a:link, #nav-section a:visited {
text-decoration: none;
}

.youarehere a:link, .youarehere a:visited {
font-weight: bold;
}

.youarehere{
background-image: url(/css/images/bullet_on.gif)!important;
}
*/


/*supplemental nav */
/*
#nav-supp ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav-supp {
margin: 15px;
}

#nav-supp li {
background-image: url(/css/images/bullet_link.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 0 0 0 15px;
margin: 2px 0 2px 10px;
}
*/

/* footer */
#info-site {
clear: both;
text-align: center;
margin: 0;
padding: 30px 0 15px 0;
}

	
#info-company {
padding: 5px;
background: #007AAC;
margin: 10px;
color: #FFFFFF;
}

#info-company a,#info-company a:visited {
color: #D1EBF4;
}

#info-company a:hover,#info-company a:visited:hover {
color: #FFFFFF;
}

#info-standards{
font-size: 12px;
padding: 0;
margin: 5px;
}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body */

table#greyline
{
	margin: 0px 0px 0px 20px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table#greyline thead {background: #eee; font-weight:bold;}
table#greyline thead td {padding: 3px; border: 1px solid #ccc;}
table#greyline tbody tr {}
table#greyline tbody td {padding: 3px; border: 1px solid #ccc;}
table#greyline colgroup {}
table#greyline col {}
table#greyline td.label {font-weight: bold; text-align: right;}
table#greyline th {}

/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body, but with td.label aligned at top */

table#greyline_form
{
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table#greyline_form thead {background: #eee; font-weight:bold;}
table#greyline_form thead td {padding: 3px; border: 1px solid #ccc;}
table#greyline_form tbody tr {}
table#greyline_form tbody td {padding: 3px; border: 1px solid #ccc;}
table#greyline_form colgroup {}
table#greyline_form col {}
table#greyline_form td.label
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
table#greyline_form th {}
.label
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}


/* For making my classic pretty tables with grey 1-pixel cellspacing, dark grey header, and white table body, but with top cell alignment */

table#greyline2
{
	margin: 0px 0px 0px 20px;
	border-collapse: collapse;
	border: 2px solid #ccc;
	line-height: 1.4em;
}
table#greyline2 thead {background: #eee; font-weight:bold;}
table#greyline2 thead td
{
	padding: 3px;
	border: 1px solid #ccc;
	vertical-align: bottom;
}
table#greyline2 tbody tr {}
table#greyline2 tbody td {padding: 3px; border: 1px solid #ccc; vertical-align: top;}
table#greyline2 colgroup {}
table#greyline2 col {}
table#greyline2 td {}
table#greyline2 th {}


.align_center {text-align:center;}
.valign_top {vertical-align: top;}
.required {font-weight: bold; color: #F00;}
/* For the news page, youth referees of the year */
div#content img.clear
{
	border: 1px solid #ccc;
	clear: both;
	margin: 0 0 10px 0;
}

div#content img.right
{
	border: 1px solid #ccc;
	margin: 0 0 0 10px;
	float: right;
}