/* 
	CSS Document 

	Site: Newcastle Walks
	Author: John McGettrick	
*/

/* General Styles */

body {
	text-align:center;
	background:url(../assets/images/bg.jpg) repeat-x #DDDDDD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333333;
}

body, div, form, fieldset, h1, h2, p, ul, li {
	margin:0;
	padding:0;
}

h1 {
	font-size: 1.6em;
	color:#80009C;
}

h2 {
	font-size: 1.4em;
}

p {
	font-size:1.2em;
	margin-bottom:4px;
}

a {
	cursor:pointer;
}

img {
	border:0;
}

h1 {
	font-size:1.8em;
	margin-bottom:12px;
}

h2 {
	font-size:1.6em;
	margin-bottom:8px;
}

.spacer {
	clear:both;
}

/* Container */

#siteContainer {
	width:900px;
	margin:0 auto 12px;
	text-align:left;
}

/* Header */

#siteHeader {
	height:160px;
}

/* Menu */

#menu {
	height:32px;
}

ul#navMenu	{ 
	padding:0px 0px 0px 16px; 
	list-style:none; 
	width:100%; 
}

ul#navMenu li { 
	margin:0; 
	padding:0; 
	display:block; 
	float:left; 
	position:relative; 
	font-size:1.6em;
}

ul#navMenu li.right {
	float:right;
}

ul#navMenu li a { 
	padding:6px 24px 2px 0px; 
	display:block; 
	text-decoration:none; 
	color:#80009C; 
	font-weight:bold; 
}

ul#navMenu li a:hover { 
	display:block; 
	text-decoration:none; 
	color:#FFFFFF; 
}

ul#navMenu li ul.navMenu2 { 
	margin:0; 
	padding:0; 
	list-style:none; 
	display:none; 
	width:246px; 
	position:absolute; 
	left:-1px; 
	border:1px solid #80009C;
}

ul#navMenu li:hover ul.navMenu2 { 
	display:block; 
}

ul#navMenu li ul.navMenu2 li { 
	clear:left; 
	font-size:1em;
}

ul#navMenu li ul.navMenu2 li a	{ 
	clear:left; 
	background:#CCCCCC; 
	color:#80009C; 
	padding:4px 0; 
	width:240px; 
	border:none; 
	position:relative; 
	z-index:1000;
	padding-left: 6px;  
}

ul#navMenu li ul.navMenu2 li a:hover { 
	clear:left; 
	background:#80009C; 
	color:#FFFFFF; 
}

ul#navMenu li ul.navMenu2 li ul.navMenu3 { 
	display:none; 
	list-style:none; 
	position:absolute; 
	left:246px; 
	top:-2px; 
	border:1px solid #1F7CA7; 
	z-index:900; 
}

ul#navMenu li ul.navMenu2 li:hover ul.navMenu3 { 
	display:block; 
}

ul#navMenu li ul.navMenu2 li ul.navMenu3 li a { 
	background:#CFE1ED; 
}

ul#navMenu li ul.navMenu2 li ul.navMenu3 li a:hover { 
	background:#1F7CA7; 
	color:#FFFFFF;
}

/* Content */

#contentContainer {
	background:#FFFFFF;
}

#content {	
	padding:16px;
	min-height:320px;
	height:auto;
}

/* Columns */

#leftCol {
	float: left;
	width:192px;
}

#centreCol {
	float: left;
	width:442px;
	padding:0 16px 16px;
}

#rightCol {
	float: right;
	width:192px;
}

/* Panels */

.panelContainer {
	margin-bottom: 16px;
}

.panelHeader {
	background: url(../assets/images/panel_header.gif) no-repeat;
	padding: 4px 6px 0px;
	height:24px;
}

.panelHeader h2 a {
	color:#FFFFFF;
	text-decoration: none;	
}

.panelListItemContainer1 {
	background: #CCCCCC;
	width:192px;
	color: #80009C;
	font-weight: bold;
}

.panelListItemContainer1 a {
	color: #80009C;
}

.panelListItemContainer2 {
	background: #666666;
	width:192px;
	color: #FFFFFF;
	font-weight: bold;
}

.panelListItemContainer2 a {
	color: #FFFFFF;
}

.panelListItemNo {
	float: left;
	padding:3px 6px;
	width:4px;
	font-size: 1.2em;
}

.panelListItem {
	float: left;
	padding:3px 6px;
	width:158px;
	font-size: 1.2em;
}

.panelListItemContainer1 p {
	padding:3px 6px;
	margin-bottom:0;
}

#smlMapContainer {
	font-size:0px;
	line-height:0;
}

#weatherContainer {
	background: #80009C;
	padding-left:6px;
}

#wx_module_2821 {
	background:#FFFFFF;
	width:180px;
}

.panelFooter {
	background: url(../assets/images/panel_footer.gif) no-repeat;
	height:10px;
}

/* Footer */

#footer {
	background: #80009C;
	color:#FFFFFF;
	padding:8px 18px 4px;
}

#footerLeft {
	float: left;
}

#footerRight {
	float: right;
}

#footerRight a {
	color: #FFFFFF;
}