/* --------------------------------------------------
DKSA.CO.UK

Darron's Kitesurfing Academy

master CSS file - 23/9/2005

written by Nick Fox - quixand.co.uk

FULL PAGE LIQUID SPREAD

MADE IN THE U.K.

-----------------global------------------------------------
*/
a {
	text-decoration: none;
	font-family: Arial;
	color: #0081D7;
}
a:hover {
	color: #000000;
}
p{
	font-family: Arial;
	color: #444444;
}
h1{
	color: #7DAED6;
	padding: 0px;
	margin: 0px;
}
h2{
	font-size: 1.3em;
}
h3{
	margin:2px;
}
h4 {
	display: block;
	margin: 0px;
	padding: 2px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}
/* ----- HEADER --------------*/

#header {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	background-image: url(../images/logo4.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
/*#header img {
	margin: 5px;
	padding:0px;
}*/
#hnav{
	text-decoration: none;
	background-color: #5B6BA6;
	font-weight: bold;
}
#hnav a{
	margin-left: 3px;
	color: #99AAC4;
	font-weight: bold;
	font-size: 1em;
}
#hnav a:hover{
	color: #000000;

}
#location{
	font-family: Arial;
	font-size: 0.8em;
	color: #000000;

	/*font-weight: bold;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	background-color:#5B6BA6;
	*/
}

/* ----------- LEFTNAV ------------- */

#leftnav{
	float:left;
	width: 130px;
	border-top: 1px dotted #cccccc;
	border-right: 1px solid #cccccc;
}
#leftnav a{
	display: block;
	margin-left: 3px;
}
#leftnav a:hover{
	background-color: #F8A7A6;
	text-decoration: underline;	
}

.leftnavitem{
	background-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	/*border-left:1px solid #000000;

	margin-bottom: 4px;*/
}

/* -------------CONTENT -------------- */

#content {
  float: left;
  width: 60%;
margin-left:5px;
  }
.feature1 {
	margin:10px;
	background-color:#ccc;
}

.feature2 {
	margin:10px;

	height: 100px;
	background-image: url(../images/courses.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
.contactimage {
	margin:10px;
	height: 178px;
	background-image: url(../images/contact.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.feature4 {
	margin:10px;
}
/* ----------- #rightnav ---------------------------------------------------------------------------------------------------------- */
 #rightnav {
	float: right;
	width: 130px;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-left: 1px solid #cccccc;
	border-top:1px dotted #CCC;
}
 #rightnav img{
	display:block;
}
#rightnav a {
	font-size: 0.9em;
	display:block;
}
#rightnav ul a:link, #navBar ul a:visited {
	display: block;
}
#rightnav ul {
	list-style: none; margin: 0; padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#rightnav li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #rightnav li {border-bottom: none;}

#direction{
	/*height:130px;
		width:130px;
		voice-family: "\"}\"";
		voice-family:inherit; *//*  http://www.tantek.com/CSS/Examples/boxmodelhack.html 
		width:128px;*/
	margin:0px;
	padding:0px;
	background-image: url(http://www.aqqs83.dsl.pipex.com/WindDirection.gif);
	background-repeat: no-repeat;
	background-position: -30px -30px;
}
#speed{
	/*height:130px;
		width:130px;
		voice-family: "\"}\"";
		voice-family:inherit;*/ /*  http://www.tantek.com/CSS/Examples/boxmodelhack.html 
		width:128px;*/
	margin:0px;
	padding:0px;
	background-image: url(http://www.aqqs83.dsl.pipex.com/WindSpeed.gif);
	background-repeat: no-repeat;
	background-position: -31px -113px;
	border-bottom:1px solid #000;
	background-color:#000000;

}
#relatedlinks a{
	margin-left: 3px;
}
#relatedlinks a:hover {
	border-bottom: 1px dotted #000000;
}
/*#extralinks{
	display:none;
}

/* ----------- #sectionLinks styles ------------------------------------------------------------------------------------------- */

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}
/* ---------------Footer ---------- */
#footer {
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	text-align: center;
}