/* CSS ©2004 Chris Blown - Hinterlands Consultancy Sydney Australia */

html, body #container {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

html>body, html>body #container {
	height: auto;
}

body{
    margin:0px;
    padding:0px;
    font-family: verdana, arial, helvetica, sans-serif;
    color : #555555;
    font-size : 9pt;
    background-color:#ffffff;
    background-image : url("/images/bluebar.gif");
    background-position : 0% 0%;
    background-repeat : repeat-y;
}

body#front {
    background-color : #3e4976;
    width : 780px;
    background-image : url("/images/blank.gif");
}

#container {
    margin:0px;
    padding:0px;
    background-image: url(/images/side-panel.jpg);
    background-repeat: no-repeat;
    background-position : 100% 0%;
}

#menu {
    float : left;
    width : 138px;
    margin : 0px;
    padding : 0px;
    background-color : #ffffff;
}

#topbar {
    width : 100%;
    min-width : 780px;
}

#challenge {
	position:absolute;
	top:120px;
	left:460px;
}

#challenge strong {
	color: #FE8;
	text-align: right;
	display: block;
}

#challenge li { list-style : none; }
#challenge a {text-decoration: none;}
#challenge a:link {color: #FE8;}
#challenge a:visited {color: #ED5;}
#challenge a:hover { text-decoration:underline; }


#content {
    margin-left: 138px;
    background-image: url("/images/challenge_bg.jpg");
    background-repeat: no-repeat;
    background-position : 350px 50px;
}

	#campOrangeLogoBlock {
		position: absolute;
		left: 200px;
		height: 125px;
		display: block;
		margin-top: 10px;
		}
		
		#campOrangeLogoBlock img { border: 0; }

#topbar img {
    vertical-align : bottom;
}

#mainlogo {
    vertical-align : bottom;
}

#frontContent {
    background-color : #3e4976;
}

#footer {
    float: left;
    height: 100%;
    padding-left: 138px;
}

#footer img {
    vertical-align : top;
}

#front>#footer {
    width : 700px;
    left : 138px;

}

#copyBlock {
    padding-top : 140px;
    padding-left : 30px;
}

#copyBlock p {
    width : 55%;
    font-size : 9pt;
    padding-left : 40px;
    color : #555555;
    line-height:18pt;
}

#photoBlock {
    position : relative;
    float : right;
    margin-top: 100px;
    width : 200px;
}

#photoPromo {
    position : relative;
    float : right;
    margin-top: 100px;
    margin-right: 10px;
    width : 250px;
}

.photo {
    margin-bottom: 30px;
}

h1.junior {
    height : 90px;
    font-size: 1px;
    text-align : right;
    color: #ffffff;
    background-image: url("/images/primaryheading.jpg");
    background-repeat: no-repeat;
}

h1.aboutus {
    height : 90px;
    font-size: 1px;
    text-align : right;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/aboutusheading.jpg");
    background-repeat: no-repeat;
}

h1.middle {
    height : 90px;
    font-size: 1px;
    text-align : right;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/highheading.jpg");
    background-repeat: no-repeat;
}

h1.senior {
    height : 90px;
    font-size: 1px;
    text-align : right;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/seniorheading.jpg");
    background-repeat: no-repeat;
}

h1.ourCamps {
    height : 90px;
    font-size: 1px;
    text-align : center;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/oursiteheading.jpg");
    background-repeat: no-repeat;
}

h1.contactUs {
    height : 90px;
    font-size: 1px;
    text-align : right;
    margin-bottom : 5px;
    color: #ffffff;
}

h1.gallery {
    height : 90px;
    font-size: 1px;
    text-align : left;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/galleryheading.jpg");
    background-repeat: no-repeat;
}

h1.team {
    height : 90px;
    font-size: 1px;
    text-align : left;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/teamheading.jpg");
    background-repeat: no-repeat;
}

h1.risk {
    height : 90px;
    font-size: 1px;
    text-align : left;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/riskheader.jpg");
    background-repeat: no-repeat;
}

h1.booked {
    height : 90px;
    font-size: 1px;
    text-align : left;
    margin-bottom : 5px;
    color: #ffffff;
    background-image: url("/images/bookingheader.jpg");
    background-repeat: no-repeat;
}

h2 {
    padding : 0px;
    margin-left : 40px;
    margin-bottom : 5px;
    font-size : 14pt;
    font-weight : 400;
    color : #778cbb ;
}

p.footnote {
    font-style : italic;
}

#copyBlock ul {
    width : 50%;
    font-size : 9pt;
    margin-left : 40px;
    padding-left : 40px;
    color : #555555;
}

#copyBlock ul li {
    line-height:18pt;
}

#menu ul {
    list-style : none;
    margin : 0 ;
    padding : 0 ;
}

#menu ul li {
    margin: 0;
    padding: 0;

}

#menu span {
    font-size : 1px;
    padding : 0;
    margin : 0;
    display : none;
}

#aboutus {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/aboutusoff.jpg");
}

#aboutus:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/aboutuson.jpg");
}

#junior {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/primaryoff.jpg");
}

#junior:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/primaryon.jpg");
}

#middle {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/highschooloff.jpg");
}

#middle:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/highschoolon.jpg");
}

#senior {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/senioroff.jpg");
}

#senior:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/senioron.jpg");
}

#team {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/teamoff.jpg");
}

#team:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/teamon.jpg");
}

#galleryLink {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/galleryoff.jpg");
}

#galleryLink:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/galleryon.jpg");
}

#oursite {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/oursiteon.jpg");
}

#oursite:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/oursiteoff.jpg");
}

#contact {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/contactusoff.jpg");
}

#contact:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/contactuson.jpg");
}

#riskLink{
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/riskoff.jpg");
}

#riskLink:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/riskon.jpg");
}

#bookedLink {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/bookingoff.jpg");
}

#bookedLink:hover {
    display : block;
    width: 138px;
    height: 32px;
    vertical-align: bottom;
    background-image : url("/images/bookingon.jpg");
}


#home {
    display : block;
    width: 136px;
    height: 41px;
    vertical-align: bottom;
    background-image : url("/images/home.jpg");
}

#address {
    display : block;
    width: 136px;
    height: 46px;
    vertical-align: bottom;
	background-color: #A8380A;

}

#addressContact {
    display : block;
    width: 136px;
    height: 50px;
    vertical-align: bottom;
	background-color: #A8380A;
    background-image : url("/images/address.jpg");
}

#gallery {
    width : 80%;
}

#gallery dl {
    text-align: center;
    padding: 5px;
    float: left;
}

#gallery dt img
{
    border: 1px solid #000;
}

#gallery dd
{
    margin: 4px 0 0 0;
    padding: 0;
    font-weight: normal;
}

.picBlock {
    float : right;
    width : 150px;
    margin-right : 150px;
}