/* * HTML5 Boilerplate  --  the result of much research on cross-browser styling. */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {vertical-align: middle;}
/*Remove default fieldset styles.*/
fieldset {
    border: 0;
    margin: 0;
    padding: 0;}
/*Allow only vertical resizing of textareas.*/
textarea {resize: vertical;}
/* ==========================================================================
   Chrome Frame prompt
   ==========================================================================*/
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;}
/* ========================================================================== 
   CPK's styles
   ========================================================================== */
/* Fonts available via Google for RSR:
		font-family: 'Open Sans', sans-serif;
		font-family: 'Ubuntu', sans-serif;
		font-family: 'Amaranth', sans-serif;
		font-family: 'Exo', sans-serif;
		font-family: 'Chivo', sans-serif;
		font-family: 'Oswald', sans-serif;*/

  /* Set base size to 62.5% (10px with default browser settings) */
html {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-size: 62.5%;
  line-height: 1.5;
  font-size-adjust: none;
  font-stretch: normal;
  background-color: #004b8d;
}
body {
		font-size: 1.5rem; 
		line-height: 2.3rem; /* base rhythem. 2.3rem (23px) */
}
/* paragraph styles */
    		p, ul, ol, li {
				font-family: 'Open Sans', sans-serif; 
				font-weight:300;
    			text-align: justify;
    			-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens; -o-hyphens: auto;
    			hyphens: auto;
    		}
  		p:first-of-type, li { text-indent: 0; }

	    	h1 {font-family: 'Chivo', sans-serif;
    		   font-weight: 900;
    	       color: #383838;
    		}
    		h2 {font-family: 'Ubuntu', sans-serif;
			font-weight:700;
    			margin: 2.3rem 0 0 0;
    			color: #383838;
    		}
    		h3 {font-family:  'Ubuntu', sans-serif;
 			font-weight:700;
			font-style:italic;
   			margin: 2rem 0 .3rem 0;  /* top + bottom margin = 1x base rhythm */
    			color: #383838;
    		}
    		
    		
/*  List Styles cpk from r4bb */		 
ul{ list-style-type: disc;}
ul ul{list-style-type: square;}
ul ul ul{list-style-type: circle;}
ol{list-style-type: decimal;}
ol ol{list-style-type: lower-alpha;}
ol ol ol{list-style-type: lower-roman;}
    		
/*  Containers sections, etc.  */		
/*	
background-color:#0033CC; 
  save to test where areas are */
#container {width: 960px;margin: 0 auto;padding: 18px 22px 0 22px;/*background-image:url(../imgs/grid2.jpg);background: rgba(188,215,255,0.95);*/background: rgba(255,255,255,1);overflow: hidden;-webkit-box-shadow: inset 2px 2px 6px 2px #666;box-shadow: inset 2px 2px 6px 2px #666;}
header {width: 100%;float:left;}
nav {width: 100%;float:left;}
#content {display: block;float:left;width: 73%;padding: 0 0px;/*background-color:#D5d;*/}
#sidebar {display: inline-block;width: 21%;padding: 0 1% 0 4%;	height:100%;/*padding-bottom: 700px;margin-bottom:-699px;overflow:hidden;z-index:001;background-color:#0033CC;*/}
#footer-container {width: 96%;clear:left;padding: 6px 2%;margin-bottom: 12px; background-image:url(../Pages/includes/nav-background.jpg);/*background-color: rgba(188,215,255,0.97); */z-index:800;}
#footing {width: 100%;font-family:"Arial Black", Gadget, sans-serif;font-size: 11px;color:white;	}		

/************** container styles ****2012... cpk ****/
#content p {margin: 0 0 8px 0;}		
#content article {margin: 0 0 67px 0;}	

#sidebar ul {list-style: none;}
#sidebar section {	margin: 0 0 47px 0;}
#sidebar p{padding: 0px 0px 0px 6px;margin: 0px;font-size: 9px;color: #009;font-style: normal;}
#sidebar li{margin-left: -18px;padding: 0px 0px 0px 0px;}
 #sidebar ul{	margin-top: -1px;} 
#sidebar H1, #sidebar H2, #sidebar H3, #sidebar H4, #sidebar H5, #sidebar H6	{font-weight: bold;padding: 0px 0px 0px 3px;}
#sidebar H1 {font-size: 14px;color: #066;margin: 0px;padding: 6px 0px 3px 6px;}
#sidebar H2	{font-size: 12px;color: #009;margin: 0px;padding: 4px 0px 3px 4px;}
#sidebar H3	{font-size: 12px;font-weight:normal;line-height:1.2;color: #000;margin: 0px;padding: 0px 4px 3px 4px;}
#sidebar H4	{font-size: 10px; font-weight: normal;color: #006666;margin: 0px;padding: 2px 0px 2px 6px;}
#sidebar H5	{font-size: 9px;font-weight: normal;color: #000000;margin: 0px;padding: 2px 0px 1px 6px;}
#sidebar H6{font-size: 8px;font-weight: normal;color: #000000;margin: 0px;padding: 2px 0px 1px 6px;}

#footing p {text-indent: 0;text-align: center;}	
#footing a {text-decoration:underline;}	

/* figure styles */
    		figure {
    			margin: 2.3rem 0;
    			height: 368px;
    			box-shadow: 0 0 .5rem black;
    		}
/* code styles */
    		code {
    			background-color: #f9f5f2;
    			color: #383838;
    		}
/* images styles */
#img98 {width:98%; margin: 2px;}
#photobox {
	width: 80%;
	border:thin;
	border-color: #06F;
	margin: 0 auto;
	border-style: solid;
	text-align:center;
}
#eventphoto1 {
	width: 98%;
	margin: 0 auto;
	text-align:center;
}
#eventphoto2 {
	width: 42%;
	display:inline-block;
	margin: 0 6px;
	text-align:center;
}

#photobox p {margin: 0 0 2px 0;}
#infobox {
	width: 80%;
	border:thin;
	border-color: #06F;
	background-color:#FFFFCC;
	margin: 0 auto 10px auto;
	padding: 0 4px 22px 4px;
	/*vertical-align:middle;*/
	border-style: solid;
	text-align:center;
}

/*  Home Page Blocks Styles    */
		#unit{
    border: 1px solid;
    width: 18.2%;
    float: left;
     color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 10px;
    line-height: 12px;
    margin: 1px 2px 6px 2px;
    color: #000000;
    padding:  0px 3px 0px 3px;
    background: white;
    min-height: 140px;
	max-height: 155px;
	vertical-align:top;
}

#unit #unit_logo{
text-align: center;
min-height: 65px;
max-height: 80px;
/*padding-top: 3px;
margin-bottom: 3px;*/
}

#unit_logo img{
height: 65px;
width: 65px;
padding-top: 3px;
margin-bottom: 3px;
}

#unit #unit_logo a, #unit #unit_logo a:hover{
text-decoration: none;
background: none;
}

#unit #unit_logo a, a:hover{
text-decoration: none;
background: none;
}

#unit h1{    
     font-size: 10px;
    line-height: 12px;
    margin: 0 2px 3px;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    width: 99%;
    border-bottom: 1px dotted;
    padding-bottom: 5px;
}

#unit h1 a{    
    text-decoration: none;
     color: #000000;
     font-family: Verdana,Arial,Helvetica,sans-serif;
}

#unit #unit_name{
    font-weight: bold;
     font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 10px;
    line-height: 12px;
}

#unit_name p {    
    text-decoration: none;
    text-align: center;
    color: #999;
}
#unit_name p a{    
    text-decoration: none;
	background:none;
}

#quotebox {
-webkit-box-shadow:  3px 3px 9px 6px rgba(000, 000, 000, .3);
        box-shadow:  3px 3px 9px 6px rgba(000, 000, 000, .3);
padding:8px;
margin-top:12px;
}


/* CSS from Reg4Bball -- modified FOR RSR  --CPK Nov. 1, 2012 */
#RegisterNow a {background-image: url(../images/i_Home/RegNow_butn_1.jpg);}
#RegisterNow a.hover {background-image: url(../images/i_Home/RegNow_butn_2.jpg);}



#info_content2wide {
	float: none;
	width: 960px;
}
#info_contentPopUp {
	float: none;
	width: 620px;
}

#info_footer{
	color: #000;
	border-top: 2px solid #cccccc;
	width: 100%;
	float: left;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-top: 6px;
	background-color: #74AE7C;
}









/*  CPKs Color Styles  */		
.bkg_yellow {background-color:#FF9}
.bkg_red {background-color:#F00}
.bkg_blue {background-color:#69F}
.bkg_green {background-color:#6C9}
.bkg_tan {background-color:#FC6}
.bkg_grey {background-color:#CCC}
.bkg_black {background-color:#000}
.bkg_brown {background-color:#C93}
.bkg_white {background-color:#FFF}

.txt_white {color:#FFF}
.txt_yellow {color:#FF9}
.txt_red {color:#F00}
.txt_blue {color:#69F}
.txt_green {color:#6C9}
.txt_tan {color:#FC6}
.txt_grey {color:#CCC}
.txt_brown {color:#C93}
.txt_black {color:#000}
.txt_bblack {color:#000;font-weight: bolder;font-size: 12px;}

.front {text-align: left;}



/************** #smalltable styles **************/
#smalltable{margin: 0px;}
#smalltable td{font-size: 80%;color: #000;font-family: Arial, Helvetica, sans-serif;line-height: normal;}

/************** JON'S STYLES FOR EVENT DISPLAY TABLES**************/
.view_list_column_headings {font-family: Arial, Helvetica, sans-serif;font-size: 12px;background-color: #F9AE00;font-weight: bold;height: 30px;color: #FFF6E3;}
.pushed_button {font-weight: bold;}
.button_description {font-weight: bold;}
.display_table_data {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333399;text-align: left;background-color: #FFEBBB;}
/************* JR - for new scrollable event list ****/
.small_row {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Image replacement*/
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;}
/* Hide from both screenreaders and browsers: h5bp.com/u  */
.hidden {
    display: none !important;
    visibility: hidden;}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v  */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;}
/*Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p   */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;}
/* Hide visually and from screenreaders, but maintain layout*/
.invisible {visibility: hidden;}
/*Clearfix: contain floats
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */}
.clearfix:after {
    clear: both;}

.slider { background: url(orbit-1.2.3/demo/dummy-images/uglyback704.jpg); }
.slider h1 {
	font-size: 30px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center;
	margin-top: 18px;
	color: #222;
	line-height: 40px;  }
.slider h3 {
	text-align: center; 
	font-size: 22px; 
	color: #222; }
#smallcontainer {
		width:704px;
		height:337px;
		margin: 10px 0px 8px 0px;}
		
.shadow {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,/**/
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);  
			  text-align: center;
			  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			  font-style: normal;
			  font-variant: normal;
			  font-weight: bold;
			  font-size: 28px;
			  line-height: 1;
			  font-size-adjust: none;
			  font-stretch: normal;
			  color: #ffffff;
			  outline-width: medium;
			  outline-style: none;
}	

.shadow2 {
text-shadow: 3px 3px 3px #555;
        filter: dropshadow(color=#555, offx=3, offy=3);	   
			  text-align: center;
			  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			  font-style: normal;
			  font-variant: normal;
			  font-weight: bold;
			  font-size: 26px;
			  line-height: 1;
			  font-size-adjust: none;
			  font-stretch: normal;
			  color: #ffffff;
			  outline-width: medium;
			  outline-style: none;
}
#Box015 {
	background-color:#FFE469;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
 border-top-left-radius: 15px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
border-bottom-right-radius: 18px;
-webkit-box-shadow:  14px 12px 22px 4px rgba(101, 24, 24, .8);
box-shadow:  14px 12px 22px 4px rgba(101, 24, 24, .8);
padding: 12px 0 36px 0;
}
.h2front {margin-top:0;}



.homeAboutTitle, .homeCampsMoreTitle, .homeNoRiskTitle{
	width:99%;
	height:auto;
	max-height:300px;
	max-width:330px;
	color:white;
	font-size:20px;
	line-height:45px;
	text-transform:uppercase;
	padding: 3px 5%;
	display: block;
}



.homeTD{
	background: url('../images/sports/paper_texture.jpg') repeat 0 0
}
	
.homeAboutTitle, .homeNoRiskTitle{
	background: url(../imgs/3dBacks/blue3d_v1.png) left no-repeat;
}

.homeCampsMoreTitle{
	background: url(../imgs/3dBacks/blue3d_v1.png) left no-repeat;
}
.homeFullBanner{
	width:100%;
	height:auto;
	max-height:65px;
	max-width:961px;
	color:white;
	font-size:28px;
	line-height:42px;
	text-transform:uppercase;
	display: block;
	margin-bottom:6px;
}

.homeFullBanner{
	background: url(../imgs/3dBacks/banner.png) center no-repeat;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);

}

#homeButton h3 {
	/* border-bottom: 1px solid rgba(142,142,142,0.1); */
	padding: 2px 0
}
#homeButton h3 a {
	background: rgba(88,177,212,0.6);
	color: #000;
	text-shadow: 0 1px rgba(255,255,255,0.09999999999999998);
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
	padding: .1em .3em;
	border-radius: 3px;
	display: inline-block;
	text-decoration:none;
}
#homeButton h3 a:hover {
	background: rgba(80,73,53,0.09999999999999998);
	color: #000;
	text-shadow: 0 1px rgba(255,255,255,0.09999999999999998);
	box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.2)
}
#homeButton h3 a span {
	display: none
}





/* ==========================================================================
   Media Queries for Responsive Design -- Common resolutions include:
  		320px portrait width of smartphones
  		768px portrait width of tablets
  		1024px landscape width of tablets (and netbook/desktop monitors)
   ========================================================================== */
@media screen and (max-width: 960px) {
	#container {width: 802px; }
	#unit{width: 22%;}
@media screen and (max-width: 758px) {
	#container {width: 568px; }
	#unit{width: 30%;}
   }
@media screen and (max-width: 555px) {
	#container {width: 480px; }
	#unit{width: 44%;}
	#content {width: 63%;padding: 0 2%;}
	#sidebar {width: 30%;padding: 0 1% 0 2%;}
}
@media screen and (max-width: 397px) {
	#container {width: 324px; }
	#unit{width: 46%;}
	#content, #sidebar {width: 100%;padding:0;}
}

/* ==========================================================================
   Print styles. Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}