/* ------------------------------------- */
/* SCOTTISH NATIONAL SHEEP DOG TRIALS
/* MARCH 2010
/* HARMONY INTERNET LTD
/* www.harmony.co.uk
/* Simon Newton & Kate Davies
/* ------------------------------------ */

@charset "utf-8";
@import url('reset.css'); /* RESET */

body {
	font-family : Verdana, Arial;
	font-size : 12px;
	background-color : #000e2b;
}

h1, h2 {
	font-weight : normal;
}

/* ----------------------------------- */
/* Header Settings */
/* ----------------------------------- */

/* Header */
#header {
	width : 100%;
	height : 282px;
	background-image : url('../images/header.jpg');
	background-position : top center;
	background-repeat : no-repeat;
}

#header h1 {
	height : 0px;
	position : absolute;
	left : -9999px;
}

#national-nav {
	width : 944px;
	margin-left : auto;
	margin-right : auto;
}

#national-nav ul {
	float : right;
}

#national-nav li {
	float : left;
	margin-right : 10px;
}

#header-slideshow {
	text-align : right;
	width : 896px;
	padding-top : 7px;
	padding-right : 50px;
	margin-right : auto;
	margin-left : auto;
}

#slideshow {
	float : right;
}

/* ----------------------------------- */
/* Content Wrap Settings */
/* ----------------------------------- */
#content-wrap {
	width : 100%;
	max-width : 2048px;
	margin-left : auto;
	margin-right : auto;
	background-image : url('../images/background.jpg');
	background-position : top;
	background-repeat : repeat-x;
}

#page-content-wrap {
	width : 944px;
	margin-left : auto;
	margin-right : auto;
	position : relative;
	top : -30px;
}

#page-content-top {
	width : 100%;
	height : 14px;
	background-image : url('../images/content-top.gif');
	background-position : top;
	background-repeat : no-repeat;
}

#page-content {
	width : 924px;
	background-color : white;
	padding-left : 10px;
	padding-right : 10px;
}

#page-content-bot {
	width : 100%;
	height : 14px;
	background-image : url('../images/content-bot.gif');
	background-position : top;
	background-repeat : no-repeat;
}

/* ----------------------------------- */
/* Side Navigation Settings */
/* ----------------------------------- */
#nav-sidebar {
	width : 211px;
	float : left;
	margin-right : 20px;
}

#nav-sidebar-top {
	width : 100%;
	height : 22px;
	background-image : url('../images/nav-top.jpg');
	background-position : top;
	background-repeat : no-repeat;
}

#nav-sidebar-mid {
	width : 100%;
	background-image : url('../images/nav-back.jpg');
	background-repeat : repeat-y;
	padding-left : 20px;
	padding-right : 20px;
}

#nav-sidebar-bot {
	width : 100%;
	height : 20px;
	background-image : url('../images/nav-bot.jpg');
	background-position : top;
	background-repeat : no-repeat;
}

#nav-sidebar-mid h1 {
	font-size : 20px;
	color : #583414;
}

#nav-sidebar-mid h1 span {
	color : #df954d;
}

#nav-sidebar-mid ul {
	margin-left : 5px;
	margin-top : 15px;
	padding-bottom : 10px;
	color : #583414;
	line-height : 140%;
}

#nav-sidebar-mid li a, 
#nav-sidebar-mid li a:link, 
#nav-sidebar-mid li a:visited {
	color : #583414;
	text-decoration : none;
}

#nav-sidebar-mid li a:hover,
#nav-sidebar-mid li a:active {
	color : #df954d;
	text-decoration : underline;
}

#nav-sidebar-mid ul li ul {
	margin-top : 0px;
	padding-bottom : 0px;
	margin-left : 10px;
	font-size : 90%;
}

#nav-sidebar-mid ul li ul li a, 
#nav-sidebar-mid ul li ul li a:link,
#nav-sidebar-mid ul li ul li a:visited, 
#nav-sidebar-mid ul li ul li a:hover,
#nav-sidebar-mid ul li ul li a:active {
	color : #4f4f4f;
}

/* ----------------------------------- */
/* Editable Content Area Settings */
/* ----------------------------------- */
#content-area {
	width : 680px;
	float : right;
	padding-right : 10px;
}

#content-area h1 {
	color : #583414;
	font-size : 24px;
	line-height : 150%;
}

#content-area h2 {
	color : #583414;
	font-size : 18px;
	line-height : 150%;
}

#content-area p, 
#content-area ul {
	color : #4f4f4f;
	padding-top : 5px;
	padding-bottom : 5px;
	line-height : 120%;
}

#content-area ul {
	list-style-type : disc;
	margin-left : 20px;
}

#content-area a, 
#content-area a:link, 
#content-area a:visited {
	color : #989e31;
}

#content-area a:hover, 
#content-area a:active {
	color : #df954d;
}

/* ----------------------------------- */
/* Footer Settings */
/* ----------------------------------- */
#footer {
	text-align : center;
	color : white;
	font-size : 10px;
	padding-bottom : 30px;
}

#footer a, 
#footer a:link, 
#footer a:visited {
	color : #66d4f7;
}

#footer a:hover, 
#footer a:active {
	color : white;
}