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



/*** HTML Overrides***/

body {
	padding: 0px;
	margin: 0px;
	text-align: left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #FF8300 url(../images/bkg_tile.gif) repeat;
}

h3 {
	padding: 20px 0px 20px;
}

h4 {
	color: #014590;
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-left: 12px;
	margin: 0 0 5px;
}

p.text {
	padding-left: 12px;
	padding-right:12px;
}

p.text-new {
	color: #000000;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
	margin: 0 0 20px;
	width:418px;
}

.p-image {
	vertical-align: middle;
}


.button {
	cursor: pointer;
}

.tile {
	/*background: #FF8300 url(../images/bkg_tile.gif) repeat;*/
}

.wrapper {
	margin: 0px auto;
	width: 950px;
	position: relative;
}

.innerwrapper {
	padding-left: 95px;
}

.header {

}


/*** Color ***/
.content-bkg {
	background: #E6EEDD;
}

.stripe-bkg {
	background: #E6EEDD url(../images/bkg_tile_stripe.gif) repeat;
}

.leftstripe {
	background: #E6EEDD url(../images/bkg_tile_stripecolumn.gif) repeat-y;
	padding: 0px 0px 0px 78px;
}
.leftstripe-blue {
	background: #E6EEDD url(../images/bkg_tile_stripecolumn_blue.gif) repeat-y;
	padding: 0px 0px 0px 78px;
}
.rightstripe {
	background: transparent url(../images/bkg_toprightdeco.gif) no-repeat top right;
}

.stripefiller {
	position: absolute;
	left: 218px; 
}

.blue-bkg {
	background-color: #024691 !important;
}

/*** Columns ***/
.column {
	float: left;
}


/*** Side Bar ***/
.sidebar {
	width: 200px;
	position: relative;
	top: -65px;
}

.sidebar .content {
	width: 185px;
}

.sidebar-float {
	position: absolute;
	top: 275px;
	left: 95px;
	
}

/*** Main Content ***/
.maincontent {
	width: 538px;
}


/*** Content ***/
.content {
	line-height: 16px;
}

.ornament {
	float: left;
	margin: 8px 8px 5px 0px;
}

/*** Content Body ***/
.contentbody {
	padding-left: 218px;
	padding-right: 75px;
	position: relative;
	top: -20px;
}

.contentbody h2 {
	padding: 0px 0px 0px 93px;
	margin: 0px;
}

.contentbody .introduction {
	padding-left: 13px;
	width: 385px;
}


/*** Menu ***/ 
.menu {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	left: 40px;
	top: -20px;
}

.menu li {
	list-style: none;
	list-style-image: none;
	display: inline;
	padding: 0px 10px 10px 0px;
	float: left;
	haslayout: true;
}

.menu li .menuitem {
	height: 178px;
	width: 167px;
	background: transparent;
	hasLayout: true;
}
.menu li .menuitem .icon { 
	padding: 0px; 
	margin: 0px;
	height: 151px;
	display: block;
}

.menu li .menuitem .icon-over {
	position: absolute;
	top: 0px;
	left: 0px;
}

.menu it .menuitem .title {
	padding: 0px;
	margin: 0px;
	height: 27px;
	display: block;
}



.menu_section {
	background: #FF5C00;
	padding: 10px 0px;
}

.menu_section .title {
	padding-left: 7px;
}

.menu_section ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 7px;
	list-style: none;
}

.menu_section ul li {
	background: transparent;
	display: block;
	width:  160px;
	color: #FF5C00;
	padding: 0px;
	margin: 5px 0;
}



/*** Icon ***/
.icon-standalone {
	border-bottom: 10px solid #6BBDEA;
}

/*** Clear ***/
.clear {
	clear:both;
	color:#FFFFFF;
	font-size:1px;
	height:0px;
	line-height:0px;
}



/*** Activity ***/
.activity {
	padding-left: 218px;
}

.activity h2 {
	padding: 0px 0px 0px 93px;
	margin: 0px;
}

.activity .introduction {
	padding-left: 13px;
	width: 540px;
}




/*** Instructions ***/
.instructions {
	background: #E6EEDD;
}

/*** Step ***/
.step {
	width: 560px;
	margin: 0px 0px 7px 0px;
}
.step .icon {
	float: left;
	background: #84C249;
	margin: 0px;
}

.step .description {
	float: right;
	position: relative;
	background: #84C249;
	color: #FFF;
	padding: 8px 20px;
	width: 430px;
	min-height: 76px;
}

.step .description p {
	padding: 5px;
	margin: 0px;
}

.step .description ul {
	margin: 0 0 6px 0;
	padding: 0 0 0 12px;
}

.step .description li {
	margin: 0 0 2px 0;
	padding: 0;
}

.step .title {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.step .text {
}
	
	
	
/*** Mini Nav ***/
.nav {
	padding: 20px 0 0 16px;
}

.nav ul {
	display: block;
	padding: 0px;
	margin: 0px;
}

.nav ul li {
	list-style: none;
	display: inline;
	margin: 0 4px 0 0;
	padding: 0px;
}



/*** Kyle & Maude (padding) **/
#col_kylemaude {
	position: relative;
	left: -21px;
	margin: 0 -21px 0 0;
}


/** Events **/
.events, .tips {
	background: #7CC245;
	width: 560px;
	padding: 20px 0;
}
.tblEvents {
	background: #7CC245;
	border-collapse: collapse;
	width: 560px;

}

.tblEvents th {
	background: #FCEC35;
	font-weight: bold;
	padding: 4px 17px;
	border: 1px solid #7CC245;
}

.tblEvents tr td {
	background: #FFFFFF;
	vertical-align: middle;
	padding: 0 14px;

	border: 1px solid #7CC245;
}

.tblEvents tr td.date {
	width: 120px;
	background: #FFF6DB;
	border-right: none !important;
	vertical-align: top;
	padding: 15px 0 0 15px;
}


.tblEvents tr td.merge {
	border: none;
	border-left: 1px solid #7CC245 !important;
}

.tblEvents tr td.image {
	padding: 0px ;
	width: 89px ;
	border-right: none !important;
}

.tblEvents tr td .logo {
	position: relative;
	float: left;
	left: -182px;
	top: -21px;
	margin: 0px 0px -85px;
	padding: 0px;
	border-top: 6px solid #7CC245;
	border-left: 6px solid #7CC245;
	border-bottom: 6px solid #7CC245;
	display: inline;
}


.tblEvents tr.separator {
	height: 2px;
	font-size: 0px;
	background: #7CC245;
}
.tblEvents tr.separator td{
	padding: 0px !important;
	margin: 0px;
	line-height: 0px;
	height: 5px;
	background: #7CC245;
}
.tblEvents tr.separator td hr {
	margin: 0px !important;
	padding: 0px !important;
	color: #7CC245;
	line-height: 0px;
	height: 5px;
}


/** Event Images **/
.event {
	background: #7CC245;
	width: 560px !important;
	padding: 7px 0;
}

.event p {
	color: #FFF;
}

.event .photos {
	float: left;
	width: 660px;
	color: #000 !important;
}
.event .photo {
	position: relative;
	float: left;
	left: -44px;
	width: 178px;
	height: 239px;
	background: #F8EC45 url(../images/bkg_eventimageholder.gif) no-repeat;
	padding: 10px;
	margin: 0 0 10px 10px;
}
.event .photo .image {
	border: 11px solid #FFF;
	clear: right;
}
.event .photo .caption {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #000;
}


/*** Tips ***/
.tip {
	width: 560px;
	margin: 0px 0px 7px 0px;
}
.tip .icon {
	float: left;
	background: #84C249;
	margin: 0px;
}

.tip .description {
	float: left;
	background: #FFF;
	color: #000;
	padding: 8px 20px;
	width: 430px;
	min-height: 76px;
	line-height: 1.3em;
}

.tip .description p {
	padding: 5px;
	margin: 0px;
}

.tip .more {
	float: right;
	margin: 0 0 0 7px;
}

.tip .title {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.tip .text {
}

.tip .description .hide {
	display: none;
}

.tip .description .show {
	display: inline;
}



/*** Camp Orange ***/
#lnkCampOrange {
	position: relative;
	left: 40px;
	top: -12px;
}



/*** Weetbix ***/
.weetbix {
}
.weetbix h2 {
	color: #B70037;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	padding: 0px 0px 0px 90px !important;
}
.weetbix .leftstripe {
	background: #E6EEDD url(../images/bkg_tile_stripecolumn_blue.gif) repeat-y;
	padding: 0px 0px 0px 78px;
}
.weetbix .event {
	background: #024691 !important;
}
.weetbix .event .photo {
	position: relative;
	float: left;
	left: -44px;
	width: 178px;
	height: 200px;
	background: #CE0015;
	padding: 10px;
	margin: 0 0 10px 10px;
}
.photo-new {
	position: relative;
	float: left;
	left: -40px;
	width: 178px;
	top:110px;
	padding-right: 20px;
	margin: 0 0 10px 10px;
}

.weetbix-table
{
width:560px;

}

tr.top
{
height:25px;
background-color:#ce0000;
font:Verdana;
color:#FFFFFF;
font-weight:bold;
text-indent:16px;
}

tr.mainCell
{
height:63px;
font:Verdana;
color:#000000;
}
tr.fill
{
height:3px;
}

td.cellLeft{
background-color:#e2f4fd;
width:121px;
padding-left:16px;
vertical-align:middle;
}

td.cellMid{
background-color:#FFFFFF;
width:254px;
padding-left:16px;
vertical-align:middle;
}


td.cellRight{
background-color:#e2f4fd;
width:182px;
padding-left:16px;
vertical-align:middle;
}

.copy-extra {
	position: absolute;
	left: 308px;
	width: 150px;
	top:225px;
	height: 50px;
	color:#FFFFFF;

}


.weetbix .event .photo a:Hover .image {
	border-color: #FF9900;
}
.weetbix .event .photo .image {
	border: 11px solid #FFF;
	clear: right;
}
.weetbix .event .photo .caption {
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #FFF;
}
.weetbix .event .photo p {
	margin: 0 0 7px;
}
.weetbix .event .photo h5 {
	color: #FFCC00;
	text-transform: uppercase;
	margin: 7px 0 5px;
}
.weetbix .event .photo h6 {
	color: #FFCC00;
	margin: 7px 0 5px;
	font-size: 10px;
}
.weetbix .sponsor {
	text-align: right;
	font-size: 9px;
	padding: 5px 0px;
	
}
.weetbix .sponsor img {
	position: relative;
	vertical-align: top;
	top: -10px;
}