@charset "utf-8";
/* CSS Document */

body {
	font: small Arial, Helvetica, sans-serif;
	color:#333333;
}
p { margin:0 0 10px 0; padding:0; } 
h1 { 
	margin:0 0 10px 0; padding:0; font-family:"Century Gothic", "Arial Rounded MT Bold", Arial, Helvetica, sans-serif !important;
	color: #27c2ea; font-size:20px; font-weight:normal; 
}
h2 { 
	margin:0 0 8px 0; padding:0;
	color: #252525; font-size:18px; font-weight:normal; 
}
#news h2  { padding-top:10px }
#news h2 a {  font-size:16px; }
h3 { 
	margin:0 0 8px 0; padding:3px 0 0 0;
	color: #27c2ea; font-size:16px; font-weight:normal; 
}
h4 { 
	margin:0 0 8px 0; padding:3px 0 0 0;
	color: #252525; font-size:14px; font-weight:bold; 
}

a { color: #27c2ea }
a:hover { color:#b3e9f7 }

.bluetext { color:#27c2ea }

.bluebox {  width: 880px; height:170px; padding: 20px; margin: 0; background-color: rgb(179, 233, 247); clear:both }
.whitebox {  width: 880px; height:170px; padding: 20px; margin: 5px 0 5px 0; clear:both  }
#juniors .whitebox { height:200px }
.bluebox img { margin: -5px 25px -5px -5px; float:left }
.whitebox img { margin: -5px -5px -5px 25px; float:right}
.bluebox p { }
.whitebox p { }

.stcjuniors { width:430px; margin-right:60px; float:left}
.stcseniors { width:430px; float:left }
.stcjuniors p, .stcseniors p { padding:0 10px; }
#join h2 { width:415px; height:60px; padding:185px 0 0 15px; background:url(images/join_seniors.jpg) top left no-repeat; font-size:24px; display:block}
#join .stcjuniors h2 { background-image:url(images/join_juniors.jpg); margin:0 0 15px 0; }

#date { float:left; width:100px; }
#showcol1 { float: left; width:300px; }
#showcol2 { float: left; width:300px; }

.imageright { margin-left:25px; float:right }