/*
	Youth Opportunities Unlimited Dig Deep 2007 CSS Document
	Author: Echidna Solutions Corp. support@echidna.ca
*/go/*
	To navigate - ctrl + f, type the below plus an "s"
	=paragraph
	=heading
	=list
	=link
	=form
	=table
	=div-struc
	=classe
	=fixe
*/



@media handheld {}

@media screen, projection, print {

html,body{
	font-size:83%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#525252;
}

body {}


/*RESET STYLES*/
body,div, dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,label,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:1.4em;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,th,var{font-style: normal; font-weight:normal;font-size:1.1em;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}

/*TAGS*/
a{outline:none;}
strong {color:#3f3f3f; font-weight:bold;}
label{font-weight:bold;font-size:1.1em; }
input,select{}
form{ display:inline; }
#footer img{margin:8px 0;}

/*
	=paragraphs
********************************/
#content p{margin:8px 0; font-size:1.1em; }
#footer p{color:#666; font-size:1em; font-weight:bold; margin:0; padding:0;}

/*
	=headings
*******************************/

h1{ margin-bottom:10px; color:#01b4f6;	font-size:1.6em;}
h2 {margin:10px 0; color:#7cc142;	font-size:1.4em;}
h3 {color:#fe9900;font-size:1.2em;}

/*
	=lists
*******************************/
#navigation ul{float:left;}
#navigation ul li{float:left; margin-right:4px;font-size:1.1em;}
#navigation ul li.last{margin-right:0px;}

.ball-list {}
.ball-list li{margin:5px 0; padding-left:30px; padding-top:3px; padding-bottom:4px;  background-image:url(/images/ball.png); background-repeat:no-repeat; background-position:0 0;font-size:1.1em;}

#sponsors{}
#sponsors li{float:left; display:block; width:150px; height:90px; padding:0; margin:0; text-align:center; vertical-align:middle;}
/*
	=links
*******************************/
#navigation ul li a {font-size:1em; font-weight:bold; display:block; text-decoration:none; line-height:20px; min-height:20px; _height:20px; width:99px; color:#fff; text-align:center; padding-top:4px;float:left;}
#navigation a:link, #navigation a:visited {background:url(/go/images/nav-green-big.gif) no-repeat top center;}
#navigation a:hover, #navigation a:active {background:url(/go/images/nav-orange-big.gif) no-repeat top center;}

#content a{ font-weight:bold; color:#525252;}
#footer a:hover, #footer a:active, #content a:hover, #content a:active{text-decoration:none;}

#footer a{font-weight:normal; color:#525252;}

/*
	=forms
*******************************/
.btn{border-left:1px solid #4E7B28; border-top:1px solid #4E7B28; border-bottom:1px solid #2B4316; border-right:1px solid #2B4316; background-color:#7CC142; font-weight:bold;}

/*
	=tables
*******************************/
.break-reg,#pledge-app{font-size:100%; margin:18px 0px; background-color:#fff; width:535px;}

.break-reg td{background-color:#ECFAFF; padding:5px 0 5px 5px; border-bottom:1px solid #C4EDFF;width:50%;}
#pledge-app td{background-color:#FEF1E2; padding:5px; border-bottom:1px solid #FCD2A0;}

#sponsors {width:100%;}
#sponsors td{text-align:center; vertical-align:middle;}

#sponsors-text{text-align:center; vertical-align:middle; width:100%;}
#sponsors-text td{text-align:left;}


/*
	=div-struct
*******************************/
#container,#header,#navigation,#body{position:relative;}

#container{
	width:720px;
	text-align:left;
	margin:10px auto 0px auto;
}

#header{
	margin-top:5px;
	width:720px;
	height:162px;
}

#navigation{width:720px;height:24px;}

#body{width:720px; height:auto;margin-top:5px;line-height:1.5em; }

#content{
	padding-left:35px;
	padding-bottom:15px;
	min-height:275px;
	_height:275px;
	width:685px;
	background:url(/images/body-bg.jpg) top left no-repeat;	
}

#footer{
	padding-top:15px;
	width:720px;
	text-align:left;
    padding-bottom:15px;
}


#validation{border:1px solid #5CA038; background-color:#E8F4E1; padding:5px 0px 5px 5px; margin:15px 0; width:535px;}

#photos {width:100%; border-collapse:separate; border-spacing:1px;}
#photos td {vertical-align:middle;background-color:#BBECFF; padding:5px 0;}
#photos td img{display:block; margin:0 auto;}

#photos-view{width:100%;}
#photos-view td img{border:1px solid #eee; margin-bottom:15px; background-color:#BBECFF; padding:5px;}
#photos-view td a{font-size:1.2em; font-weight:bold;}
#photos-view td a:link,#photos-view td a:visited{color:#01B4F6;}
#photos-view td a:hover,#photos-view td a:active{color:#9BE3FF;}


/*
	=classes
*******************************/
.highlight {font-size:1.2em;}
.important {background-color:#ebf7fc; border:1px solid #cceefb; padding:8px; margin-top:5px; margin-bottom:10px;width:675px; display:block;}
.required{color:#cc3300; font-weight:bold;}
.echidna{color:#992135; font-weight:bold;}
.floatImgR{float:right; display:block; margin:0 0 4px 4px;}
div#content p.highlight_green{color:#00704a; font-size:1.3em; font-weight:bold}

.receipt {background-color:#fff;   border:1px dashed #999;   padding:10px;}
.receipt TABLE{	width:100%;}
.receipt TABLE TD{	vertical-align:top;}
.receipt H1{color:#666;}
.receipt P{	text-align:center;}


/*
	=fixes
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


}

@media print {

	html { font: 100%/1.5 Tahoma,arial, serif; }
	#header, #navigation, #footer {display:none;}/*hide divs here*/
    #body{ margin-top:5px;line-height:1.5em; }
    #content{  background:none; }
}