/*background*/
body{
	//background: rgba(0, 0, 0, 0);
	
	font-family:arial;
	font-size: 1em;
	background: url('../../../pics/image/flannelflower_1.jpg') no-repeat, 
				url('../../../pics/image/flowerright.jpg') no-repeat right top;
	background-color:#666666;
	margin-top:0px;
	
}
@media(max-width:640px){
	body{
		background: url(../../../pics/image/bgblue_1.jpg) repeat-x;
		background-color:#4c4044;
    h1 { font-size: 18px !important; }
    h2 { font-size: 14px !important; }
    h3 { font-size: 12px !important; }
    h4 { font-size: 10px; font-style: bold;}
    p { font-size: 10px !important; }
		/*rgb(59, 64, 68);*/
	}
    input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel] {
    -webkit-appearance: none; -moz-appearance: none;
    display: block;
    margin: 0;
    width: 100%; height: 40px;
    line-height: 40px; font-size: 17px;
    border: 1px solid #bbb;
    }
    input[type=checkbox] {
     width: 44px; height: 44px;
     -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
     border: 1px solid #bbb;
    }

}
@media only screen and (max-width: 480px) {
    h1 { font-size: 18px !important; }
    h2 { font-size: 14px !important; }
    h3 { font-size: 12px !important; }
    input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel] {
    -webkit-appearance: none; -moz-appearance: none;
    display: block;
    margin: 0;
    width: 100%; height: 40px;
    line-height: 40px; font-size: 17px;
    border: 1px solid #bbb;
    }
    input[type=checkbox] {
     width: 44px; height: 44px;
     -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
     border: 1px solid #bbb;
    }

}
@media(min-width:1900px){
	body{
		background: url(../../../pics/image/flower_left_large.jpg) no-repeat, 
					url(../../../pics/image/flower_right_large.jpg) no-repeat right top,
					url(../../../pics/image/bgblue_1.jpg) repeat-x				;
		background-color:#666666;
		/*old colour - 3b4044 */
	}
	
}
@media(min-width:2500px){
	body{
		background: url(../../../pics/image/flower_left_widescreen.jpg) no-repeat left top,
			url(../../../pics/image/flower_right_largescreen.jpg) repeat-x right top;
			background-color:#6d7276;
	}
}

/* Page structure */
div#wrap{
	margin:0 auto;
	max-width:1024px;
	min-width:640px;
	background-color:#ddd9d9;
	
	background-image: url(../../../pics/image/menu.jpg);
	background-repeat: repeat-y;
	padding-bottom:1px;

}

div#header{
	height:185px;
	margin-top:0px;
	background:url('../../../pics/image/panorama21.jpg') top left repeat-x;
	/*background:url('../../../pics/image/bushwalkersmll.png') bottom left no-repeat, url('../../../pics/image/panorama6.jpg') top left repeat-x;*/
}

div#sidebar{
	width:150px;
	float:left;
	background-color:#ccc8c8;
	min-height: 730px;
}

div#content{
	margin-left:155px;
	min-height: 730px;
}

div#spacer{
	clear:both;
}


div#page{
	margin:.8em;
}

div#topbar{

	background-color: #bbccdd;
	width: 100%;
	height:36px;
}

#submenu li{
	list-style-type: none;
	display: block;
	float: left;
	margin: 8px 25px 9px 9px;
	letter-spacing: -1px;
	vertical-align:middle;
	
}
#submenu li a:hover{
	//background: #ddeeff; 
	background: #ccddee; 
}

#menu{
	margin-left:0px;
	padding:0px;

}
#menu img{
	padding-left:6px;
}

#menu li:hover{
	background: #ccddee;

}
#menu li{
	list-style-type: none;
	/*margin:5px 5px;
	border:3px;
	font-weight: bold;*/

	background: #99ccdd;
    border-left: #999999 1px solid;
    border-top: #999999 1px solid;
    border-right: #666666 1px solid;
    border-bottom: #666666 1px solid;
	margin:5px 5px;
	height:30px;
	text-align:center;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
#counter{
	margin-top:2em;
	text-align:left;
	font-size:.7em;
	list-style: none;
}

div#footer{
	text-align:center;
	font-size: .7em;
	margin:0 auto;
	width:1024px;
	height: 50px;
	background-color:#ccc8c8;

}

/*Styles---------------------------------  */

div.code{
	font-size:.6em;
	text-align:right;
}
div.program{
	font-size:.8em;
}
#header h1{
	margin-top:0;
	margin-left:10px;
	position:relative;
	/*top:10px;*/
	top:5px;
	font-size:2.5em;
	text-align:left;
	/*color: #2f3f61;*/
	color:white;
}
div.pictitle{
	margin:.5em 2em;
	text-align:center;
}
div.announce{
	margin:.5em 2em;
}
div.piccap{
	margin:1em 2em;
	text-align:center;
	font-size:.6em;
}
div.errormsg {
display:none;	
font-weight:bold;
color:red;
}
div.imageblock{
	float:right;
}
ul.link li{
	margin-top:.3em;
}

ul.space li{
	margin-top:.3em;
}
h4{
	margin-bottom:0;
}
p{
	margin-top:.2em;
}
/*----------------------------------------------------------------*/
/* table styles   */
/*----------------------------------------------------------------*/
table.gen{

}
table.allmembers{
	width: 100%;
	background-color: #ccc8c8;
	border-collapse: collapse;
	font-size: .8em;
}
td { 
	border-color:  white;
	border-width: 1px 1px 0 0;
	border-style: solid;
	margin: 0;
}
/*----------------------------------------------------------------*/
/* Equipment List   */
/*----------------------------------------------------------------*/
div.equip{
	width:230px;
	height:270px;
	text-align:center;
	float:left;
	background-color:#aabbcc;
	margin:15px;
	border: 1px;
	border-style: solid;
	padding:5px;
	font-size:.8em;

}
div.holdlist{
	width:100%;
	background-color:red;
}
/*----------------------------------------------------------------*/
/* Walk form styles - old form - may delete this if form moves    */
/*----------------------------------------------------------------*/

form{
	background-color:#FFF3D9;
}
#view{
	background-color:#e6e6fa;
}
#description{
	background-color:white;
}

textarea
{   border:1px solid #999999;
    width:98%;
    margin:5px 0;
    padding:1%;
}


input#dateDisplay{
	background-color: #e6e6fa;
}
/*----------------------------------------------------------------*/
/*temporary style sheet for feedback button*/
/*----------------------------------------------------------------*/

#feedback li{
	list-style-type: none;
	/*margin:5px 5px;
	border:3px;
	font-weight: bold;*/

	background: #ddee99;
    border-left: #999999 3px solid;
    border-top: #999999 3px solid;
    border-right: #666666 3px solid;
    border-bottom: #666666 3px solid;
	margin:70px 5px;
	height:30px;
	text-align:center;
}
#feedback{
	margin-left:0px;
	padding:0px;

}
#feedback img{
	padding-left:6px;
}