/*  Style sheet for Huntly Pipers website, 2008  */

body {margin: 0;
 padding: 0;
 font:small Verdana,Helvetica,Arial,sans-serif;
 color:#105c73;
}

h1 {margin:0;
}

#header, #nav, #container, #maincol, #sidebar { border:0px solid #fff;}
#wrapper { border:0px solid #fff;}

#pagewidth {width:810px; height:810px;
margin:0 auto;
padding:45px;
background-color:#e6efec;
background: url(images/gordontartan5.gif);

}

#wrapper { position:relative;
width:790px; height:790px;
padding:10px;
background: url(images/bgpaleblue.png);
}

#header {
margin:0;
height:350px;
}

#nav { float:right; width:255px;}
#nav ul { margin:10px 0 0 15px; list-style-type:none; padding:0; width:200px; float:right;}
#nav li a { font-size:1.1em;  line-height:1.8; padding-left:15px;}
#nav a:link { text-decoration:none; color:#105c73;}
#nav a:visited { text-decoration:none; color:#105c73;}
#nav a:hover { text-decoration:none; color:#105c73; font-weight:bold}
#nav a:active { text-decoration:none; color:#105c73;}
#nav a.current { color:#fff; background:url(images/triangle.png) no-repeat; background-position:left 50%;}

.content {margin:15px; float:left; width:95%; display:inline;
}

#maincol .content .imglt { float:left;
 margin:0 20px 10px 0;
}

#maincol .content .imgrt { float:right;
 margin:0 10px 10px 20px;
}


.content p { margin-top:0;
}

#container {
	width: 790px;
	float: left;
}

#maincol { width:565px;
	float:left;
	display:inline;
	border:0px solid #000;
}

#maincol .content { overflow:auto; height:340px;}

#sidebar {
	width: 205px;
	float: left;
	margin:20px 0 0 15px;
	border:0px solid #000;
}

#sidebar img { margin:5px 0 5px 5px;}

#sidebar ul {
	 margin:10px 0 0 15px; list-style-type:none; padding:0; width:200px;
}

a:link { text-decoration:none; color:#105c73;}
a:visited { text-decoration:none; color:#105c73;}
a:hover { text-decoration:none; color:#105c73; font-weight:bold}
a:active { text-decoration:none; color:#105c73;}

#bookings #sidebar p a:link { text-decoration:underline; color:#105c73;}
#bookings #sidebar p a:visited { text-decoration:underline; color:#105c73;}


.clr { clear:both;}

#footer {
	clear: both; 
	background:;
}

#footer .content {width:900px; margin:0 auto; text-align:center; font-size:80%;}

#copyright, #design { width:40%; margin:0 15px; float:left;}

/*  Heading replacement */

#nav h1 {width:200px;
    padding: 56px 0 0 0;
    margin-left:30px;
    overflow: hidden;
    background-image: url(images/hdline2.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:56px; /* for IE5.5's bad box model */
}

#home #container h2 {width:765px;
    padding: 52px 0 0 0;
    overflow: hidden;
    background-image: url(images/hdline1.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:52px; /* for IE5.5's bad box model */
}

#history #container h2 {width:205px;
    padding: 53px 0 0 0;
    overflow: hidden;
    background-image: url(images/historyhdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:53px; /* for IE5.5's bad box model */
}

#uniform #container h2 {width:235px;
    padding: 53px 0 0 0;
    overflow: hidden;
    background-image: url(images/uniformhdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:53px; /* for IE5.5's bad box model */
}

#members #container h2 {width:261px;
    padding: 41px 0 0 0;
    overflow: hidden;
    background-image: url(images/membershdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:41px; /* for IE5.5's bad box model */
}


#tuition #container h2 {width:200px;
    padding: 41px 0 0 0;
    overflow: hidden;
    background-image: url(images/tuitionhdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:41px; /* for IE5.5's bad box model */
}

#bookings #container h2 {width:590px;
    padding: 53px 0 0 0;
    overflow: hidden;
    background-image: url(images/calendarhdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:53px; /* for IE5.5's bad box model */
}

#events #container h2 {width:189px;
    padding: 38px 0 0 0;
    overflow: hidden;
    background-image: url(images/eventshdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:38px; /* for IE5.5's bad box model */
}


#pictures #container h2 {width:495px;
    padding: 53px 0 0 0;
    overflow: hidden;
    background-image: url(images/pictureshdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:53px; /* for IE5.5's bad box model */
}

#travels #container h2 {width:195px;
    padding: 41px 0 0 0;
    overflow: hidden;
    background-image: url(images/travelshdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:41px; /* for IE5.5's bad box model */
}

#contact #container h2 {width:305px;
    padding: 37px 0 0 0;
    overflow: hidden;
    background-image: url(images/contacthdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:37px; /* for IE5.5's bad box model */
}

#links #container h2 {width:140px;
    padding: 41px 0 0 0;
    overflow: hidden;
    background-image: url(images/linkshdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:41px; /* for IE5.5's bad box model */
}

#news #container h2 {width:142px;
    padding: 29px 0 0 0;
    overflow: hidden;
    background-image: url(images/newshdline.png);
    background-repeat: no-repeat;
    
    height: 0px !important; /* for most browsers */
    height /**/:29px; /* for IE5.5's bad box model */
}

/*  Page specific styles  */

#home #header { background:url(images/headimg1.jpg) no-repeat top left;}
#home #nav h1 { display:none;}
#home #nav ul { margin-top:65px;}
#home #maincol .content {overflow:;}

#home #news {
	text-align:center;
	padding:0px;
	border:1px solid #000;
}
#home #news h3 {
	margin:5px;
}

#history #header { background:url(images/headimg2.jpg) no-repeat top left;}
#history #sidebar, #tuition #sidebar {
	display:none;
}
#history #maincol, #tuition #maincol {
	width:765px;
}

#uniform #header { background:url(images/headimg3.jpg) no-repeat top left;}


#members #header { background:url(images/headimg4.jpg) no-repeat top left;}

#members #maincol {
	width:550px;
}

#members .content p {
}

#members .content h3 {
	clear:both;
}

#members .content h4 {
	clear:both;
	margin:0 0 5px 0;
}

#members .content ul {
	list-style-type:none;
	margin:0 0 10px 0; padding:0;
}


#members #sidebar {
	font-size:80%;
}

#members #sidebar h4 {
	text-align:center;
}

#members #sidebar p {
	margin-bottom:0;
}

#tuition #header { background:url(images/headimg5.jpg) no-repeat top left;}
#tuition .content p {clear:both;}
#tuition .content img {	margin:0 5px;}

#bookings #header { background:url(images/headimg6.jpg) no-repeat top left;}

#pictures #header { background:url(images/headimg15.jpg) no-repeat top left;}

#links #header { background:url(images/headimg10.jpg) no-repeat top left;}
#links .content ul {
	margin-left:50px;
}

#events #header { background:url(images/headimg11.jpg) no-repeat top left;}

#news #header { background:url(images/headimg14.jpg) no-repeat top left;}

#travels #header { background:url(images/headimg13.jpg) no-repeat top left;}

#events #sidebar #logo { overflow:auto; height:340px;}