/* CSS Document */

body { background:#999 url(bodybackground.gif) repeat; color: #000; font: normal 80% arial, helvetica, sans-serif; margin: 0; padding: 0; text-align: center;}

#container { background:#fff url(textbackground.gif) repeat-y;  margin: 0 auto 10px auto; padding:0 0 1px 0; text-align:left; width:800px;}

#topbanner { background-color: #006; border-bottom:3px solid #fff; margin:0; padding:0; width:800px;}
#topbanner p { color: #fff; float:left; font-weight:bold; margin:0; padding:10px 0 10px 10px;}
#topbanner div { overflow:hidden;}

#marqueecontainer{ background-color:#fff; color:#000; border:3px solid #39f; float:right; font-weight:bold; height:69px; margin:10px; overflow: hidden; position:relative; text-align:center; width:447px; }
#marqueecontainer span {padding:15px 0 0 0;}
#marqueecontainer img {border:none;}

.masthead { background:#006 url(sd_header_09.jpg) no-repeat; border-bottom:3px solid #fff; height:150px; margin: 0; padding: 0; width:800px;}
.masthead a { display:block; height:150px; text-decoration:none; text-indent:-5000px; width:200px;}
.aboutthedawgs { background:#006 url(masthead_02.jpg) no-repeat; }
.surfdawgstaff { background:#006 url(masthead_03.jpg) no-repeat; }
.thedawgshow { background:#006 url(masthead_04.jpg) no-repeat; }
.learnnewtricks { background:#006 url(masthead_05.jpg) no-repeat; }
.dawgsbestfriends { background:#006 url(masthead_06.jpg) no-repeat; }
.throwemabone { background:#006 url(masthead_07.jpg) no-repeat; }
.dawgiestyle { background:#006 url(masthead_08.jpg) no-repeat; }
.lostdawgs { background:#006 url(masthead_09.jpg) no-repeat; }
.usyouthlacrosse { background:#006 url(masthead_10.jpg) no-repeat; }


#leftcolumn { float:left; margin: 0; padding: 0; width:180px;}
#leftcolumn img { margin:5px 10px 5px 25px; }
#leftcolumn ul { margin: 0; padding-left: 0; } 
#leftcolumn ul li { font: bold 90% verdana, arial, helvetica, sans-serif; list-style: none; margin-left: 0; padding: 3px 10px 3px 25px; text-align:left; }
#leftcolumn ul li.last { padding: 15px 10px 15px 25px; margin-bottom:80px;  }
#leftcolumn ul li a { color:#fff; text-decoration:none; }
#leftcolumn ul li a:hover, #leftcolumn ul li.active a { color:#39f; }

#rightcolumn { float:left; margin: 0; padding: 0; width:618px;}
/*#rightcolumn img { float:right; margin:0 15px 20px 20px;}*/

#groups {background-color:#39f; border-bottom:3px solid #fff; border-top:3px solid #fff; color:#006; font-weight:bold;  }
#groups ul { display: inline; margin-left: 0; padding-left: 0; } 
#groups ul li { display: inline; font: normal 90% arial black, arial, helvetica, sans-serif; list-style: none; margin-left: 0; padding: 3px 10px 3px 25px; text-align:right; }
#groups ul li a { color:#006; text-decoration:none; }
#groups ul li a:hover, #groups ul li.active a { color:#fff; }

#maintext { border-top:8px solid #006; width:618px;}
#maintext div { padding: 10px 30px 10px 15px; }
#maintext div h1, #maintext p span { clear:left; color:#006; font: bold 150% arial, helvetica, sans-serif; }
#maintext div h2 { color:#000; font: bold 130% arial, helvetica, sans-serif; margin-top:1.2em;}
#maintext div h3 { color:#006; font: bold 120% arial, helvetica, sans-serif; margin-top:1.5em;}
#maintext a {color:#006; }
#maintext a:hover {color:#39f; }

#maintext ol, #maintext ul {line-height:1.2em;}

#maintext div.box-350, #maintext div.box-300, #maintext div.box-250, #maintext div.box-200, #maintext div.box-150, #maintext div.box-100 { clear:both; float:right; font-size: 1em; padding: .5em; margin:15px; text-align:left;}
#maintext div.box-350 { width:352px; }
#maintext div.box-300 { width:302px; }
#maintext div.box-250 { width:252px; }
#maintext div.box-200 { width:202px; }
#maintext div.box-150 { width:152px; }
#maintext div.box-100 { width:102px; }
#maintext div img { border:1px solid #333; margin:.1em;} 

div.float { float: left; }
div.float p { text-align: center; }
div.picturewrap { margin:-35px -35px -35px 0; padding:0; }
div.spacer { background-color:none; border:0; clear: both;}


#submenu { border:1px dashed #39f; float:right; margin:15px; padding:10px;} 
#maintext div#submenu img, #maintext div.noborder img { border:none;} 
#submenu ul { clear:both; margin: 0; padding-left: 0; } 
#submenu ul li { font: bold 90% verdana, arial, helvetica, sans-serif; list-style: none; margin-left: 0; padding: 3px 10px 3px 10px; text-align:left; }
#submenu ul li a { color:#006; text-decoration:none; }
#submenu ul li a:hover, #submenu ul li.active a { color:#39f; }



#bannerimage { background-image:url(midbanner_02.jpg); height:75px; position:relative; width:620px; }

#clearer { background-color:none; clear:left; margin: 0 auto; padding:0; width:100%; }

#backtothedawg a {background-image:url(backtothedawg.gif); clear:left; display:block; float:left; height:50px; margin:0 0 0 15px; text-decoration:none; text-indent:-5000px; width:120px; }
#backtothedawg a:hover {background-image:url(backtothedawg2.gif);}
#backtothedawg2 a {background-image:url(backtothedawg3.gif); float:left; display:block; height:40px; margin:0 0 0 -10px; text-decoration:none; text-indent:-5000px; width:150px; }
#backtothedawg2 a:hover {background-image:url(backtothedawg4.gif);}
#dawgsbestfriends a {background-image:url(dawgsbestfriends.gif); clear:left; display:block; float:left; height:29px; margin:0 0 20px 0; text-decoration:none; text-indent:-5000px; width:252px; }
#dawgsbestfriends a:hover {background-image:url(dawgsbestfriends2.gif); }
#downloadwaiver a {background-image:url(downloadwaiver.gif); clear:left; display:block; float:left; height:54px; margin:0 0 20px 0; text-decoration:none; text-indent:-5000px; width:180px; }
#downloadwaiver a:hover {background-image:url(downloadwaiver2.gif); }
#gobacktotop a {background-image:url(gobacktotop.gif); clear:left; display:block; float:right; height:54px; margin:140px 40px 0 0; text-decoration:none; text-indent:-5000px; width:54px; }
#gobacktotop a:hover {background-image:url(gobacktotop2.gif); }
#grades2_4 a {background-image:url(grades2_4_1.gif); clear:left; display:block; float:left; height:40px; margin:0 0 10px 0; text-decoration:none; text-indent:-5000px; width:120px; }
#grades2_4 a:hover {background-image:url(grades2_4_2.gif);}
#grades5_6 a {background-image:url(grades5_6_1.gif); clear:left; display:block; float:left; height:40px; margin:0 0 10px 0; text-decoration:none; text-indent:-5000px; width:120px; }
#grades5_6 a:hover {background-image:url(grades5_6_2.gif);}
#grades7_8 a {background-image:url(grades7_8_1.gif); clear:left; display:block; float:left; height:40px; margin:0 0 10px 0; text-decoration:none; text-indent:-5000px; width:120px; }
#grades7_8 a:hover {background-image:url(grades7_8_2.gif);}
#jointhepack a {background-image:url(jointhepack.gif); clear:left; display:block; float:left; height:50px; margin:0 0 0 15px; text-decoration:none; text-indent:-5000px; width:120px; }
#jointhepack a:hover {background-image:url(jointhepack2.gif); }
#lariptide a {background-image:url(lariptide.gif); clear:left; display:block; float:left; height:100px; margin:0 0 0 25px; text-decoration:none; text-indent:-5000px; width:100px; }
#lariptide a:hover {background-image:url(lariptide.gif);  }
#learnnewtricks2 a, #learnnewtricks2on a {background-image:url(learnnewtricks4.gif); float:left; display:block; height:40px; margin:0 0 10px -10px; text-decoration:none; text-indent:-5000px; width:150px; }
#learnnewtricks2 a:hover, #learnnewtricks2on a {background-image:url(learnnewtricks3.gif);}
#registeryourdawg a {background-image:url(registeryourdawg.gif); clear:left; display:block; float:left; height:29px; margin:0; text-decoration:none; text-indent:-5000px; width:250px; }
#registeryourdawg a:hover {background-image:url(registeryourdawg2.gif); }
#usyouthlacrosse a {background-image:url(usyouthlacrosse.gif); clear:left; display:block; float:left; height:80px; margin:-80px 0 0 15px; text-decoration:none; text-indent:-5000px; width:120px; }
#usyouthlacrosse a:hover {background-image:url(usyouthlacrosse2.gif); }
#usyouthlacrossereg a {background-image:url(usyouthlacrossereg.gif); clear:both; display:block; float:left; height:54px; margin:0 0 20px 0; text-decoration:none; text-indent:-5000px; width:180px; }
#usyouthlacrossereg a:hover {background-image:url(usyouthlacrossereg2.gif); }

#copyright { clear:left; color:#fff; font: bold 70% arial, helvetica, sans-serif; padding:0 0 0 15px; width:180px;}
#design {  display:none; text-indent:-5000px; visibility:hidden;}

div.wrapper { margin:0; padding:0; position:relative; width:523px;}
div.righttext { float: left; margin:0; padding:0; width:320px; }
#maintext div.righttext h2 { margin-top:0; }

legend {
	font: Verdana, Arial, Helvetica, sans-serif 12px #ffffff;
	border: 1px solid #000000;
	background-color: #000066;
	color: #ffffff;
	padding: 2px;
	}