/*************
WHITE BOX
*************/
 .white { float: left; margin 0 10px 0 10px;}
 .white .top .cnrleft img { width: 4px; height: 4px;}
 .white .top .cnrright img  { width: 4px; height:4px;}
 .white .bottom .cnrleft img  { width: 4px; height: 4px;}
 .white .bottom .cnrright img  { width: 4px; height: 4px;}

 .white .top .edge{ margin: 0 4px 0 4px; height: 4px; overflow: hidden;} /* overflow hidden is for IE6 */
 .white .bottom .edge{ margin: 0 4px 0 4px; height: 4px; overflow: hidden;} /* overflow hidden is for IE6 */
 .white .top .cnrleft { float: left; margin: 0 -4px 0 0;}
 .white .top .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}
 .white .bottom .cnrleft { float: left; margin: 0 -4px 0 0;}
 .white .bottom .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}


.white .middle-right{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:right top;
}
.white .middle-left{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:left top;
}
.white .top .edge {
background-image: url(/static/images/1/white-box.gif);
background-repeat: repeat-x;
height: 4px;
}
.white .bottom .edge {
background-image: url(/static/images/1/white-box.gif);
background-repeat: repeat-x;
height: 4px;
}

.white .text {
padding: 0 0 3px 0;
margin: 0;
background: #fff;

}

.white h1 {
font-size:1.1em;
}

#content .white{
	width:100%;
} 

/*******************************
GREEN BOX - Example Club Colours 
*******************************/
 .green { float: left; width:100%; margin 0 10px 10px 0;}
 .green .top .cnrleft img { width: 4px; height: 23px;}
 .green .top .cnrright img  { width: 4px; height:23px;}
 .green .bottom .cnrleft img  { width: 4px; height: 4px;}
 .green .bottom .cnrright img  { width: 4px; height: 4px;}

 .green .top .edge{ margin: 0 4px 0 4px; height: 23px; overflow: hidden;} /* overflow hidden is for IE6 */
 .green .bottom .edge{ margin: 0 4px 0 4px; height: 23px; overflow: hidden;} /* overflow hidden is for IE6 */
 .green .top .cnrleft { float: left; margin: 0 -4px 0 0;}
 .green .top .cnrright{ margin: -23px 0 0 -4px; width: 4px; float: right;}
 .green .bottom .cnrleft { float: left; margin: 0 -4px 0 0;}
 .green .bottom .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}

.green .middle-right{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:right top;
}
.green .middle-left{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:left top;
}
.green .top .edge {
background: #fff url(/static/images/1/green-grad.png);
background-repeat: repeat-y;
height: 23px;
}
.green .bottom .edge {
background-image: url(/static/images/1/white-box.gif);
background-repeat: repeat-x;
height: 4px;
}

.green .text {
padding: 0 0 3px 0;
margin: 0;
background: #fff;

}

#leftcol .green .middle-left .text{
padding: 5px 5px 3px 5px;
margin: 0;
background: #fff;
}

#rightcol .green .middle-left .text{
padding: 10px 30px 3px 60px;
margin: 0;
background: #fff;
}

.green h1 {
font-size:1.2em;
font-weight:bold;
color:#73b019;
}

/***********************
Blue BOX - IJFA Colours
***********************/
 .blue { float: left; width:100%; margin 0 10px 10px 0;}
 .blue .top .cnrleft img { width: 4px; height: 23px;}
 .blue .top .cnrright img  { width: 4px; height:23px;}
 .blue .bottom .cnrleft img  { width: 4px; height: 4px;}
 .blue .bottom .cnrright img  { width: 4px; height: 4px;}

 .blue .top .edge{ margin: 0 4px 0 4px; height: 23px; overflow: hidden;} /* overflow hidden is for IE6 */
 .blue .bottom .edge{ margin: 0 4px 0 4px; height: 23px; overflow: hidden;} /* overflow hidden is for IE6 */
 .blue .top .cnrleft { float: left; margin: 0 -4px 0 0;}
 .blue .top .cnrright{ margin: -23px 0 0 -4px; width: 4px; float: right;}
 .blue .bottom .cnrleft { float: left; margin: 0 -4px 0 0;}
 .blue .bottom .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}

.blue .middle-right{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:right top;
}
.blue .middle-left{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:left top;
}
.blue .top .edge {
background: #fff url(/static/images/1/blue-grad.png);
background-repeat: repeat-y;
height: 23px;
}
.blue .bottom .edge {
background-image: url(/static/images/1/white-box.gif);
background-repeat: repeat-x;
height: 4px;
}

.blue .text {
padding: 0 0 3px 0;
margin: 0;
background: #fff;
}

#leftcol .blue .middle-left .text{
padding: 5px 5px 3px 5px;
margin: 0;
background: #fff;
}
#rightcol .blue .middle-left .text{
padding: 10px 30px 3px 60px;
margin: 0;
background: #fff;
}
.blue h1 {
font-size:1.2em;
font-weight:bold;
color:#013c70;
}

/*******************
Warilla Colours
*******************/
 .warilla { float: left; width:100%; margin 0 10px 10px 0;}
 .warilla .top .cnrleft img { width: 4px; height: 23px;}
 .warilla .top .cnrright img  { width: 4px; height:23px;}
 .warilla .bottom .cnrleft img  { width: 4px; height: 4px;}
 .warilla .bottom .cnrright img  { width: 4px; height: 4px;}

 .warilla .top .edge{ margin: 0 4px 0 4px; height: 23px; overflow: hidden;} /* overflow hidden is for IE6 */
 .warilla .bottom .edge{ margin: 0 4px 0 4px; height: 23px; overflow: hidden;} /* overflow hidden is for IE6 */
 .warilla .top .cnrleft { float: left; margin: 0 -4px 0 0;}
 .warilla .top .cnrright{ margin: -23px 0 0 -4px; width: 4px; float: right;}
 .warilla .bottom .cnrleft { float: left; margin: 0 -4px 0 0;}
 .warilla .bottom .cnrright{ margin: -4px 0 0 -4px; width: 4px; float: right;}

.warilla .middle-right{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:right top;
}
.warilla .middle-left{
background-image:url(/static/images/1/white-box.gif);
background-repeat:repeat-y;
background-position:left top;
}
.warilla .top .edge {
background: #fff url(/static/images/1/clubs/warilla/grad.jpg);
background-repeat: repeat-y;
height: 23px;
}
.warilla .bottom .edge {
background-image: url(/static/images/1/white-box.gif);
background-repeat: repeat-x;
height: 4px;
}

.warilla .text{
padding: 0 0 3px 0;
margin: 0;
background: #fff;
}

.warilla .edge .text{
color:#fff;
}

#leftcol .warilla .middle-left .text{
padding: 5px 5px 3px 5px;
margin: 0;
background: #fff;
}
#rightcol .warilla .middle-left .text{
padding: 10px 30px 3px 60px;
margin: 0;
background: #fff;
}
.warilla h1 {
font-size:1.2em;
font-weight:bold;
color:#013c70;
}