/*  

This style sheet contains all styling for all navigation elements
Any questions or comments? Get in touch with intouch@monomo.com

*/



/* The Skip Navigation */
#SkipNavigation a, #SkipNavigation a:link, #SkipNavigation a:visited {
	position:relative;
	top:-800px;
	font-size:0.8em;
	text-decoration: none;
	color: #fff;
	background-color: #44bbf5;
	padding: 0.2em 15px 0.2em 15px;
	margin:2px 0 0 2px;	

}

#SkipNavigation a:hover, #SkipNavigation a:active, #SkipNavigation a:focus  {
	position:relative;
	top:0px;	
	text-decoration: none;
	background-color: #f0ff44;
	color: #181513;

}




/* The Side Menu */

div#PageListing {
	margin:115px 0 0 0;
	padding-top:2em;	/* to compensate the additional non px headline height */
}

#PageListing ul {
	font-size:1.0em;
	line-height:1.8em;
	
	list-style-type: none;
}


#PageListing li {
	text-align:right;
	margin-bottom:1px;
display:inline;	
}



/* The Links */

/* Default Behaviour*/

#PageListing a:link, #PageListing a:visited {
	display:block;
	text-align:right;
	text-decoration: none;
	background-color: transparent;
	color: #00BBFF;
	padding: 0 12px 0 12px;
	border-style:solid;
	border-color:#00BBFF;
	border-width: 0 0 1px 0;
}

#PageListing a:hover {
	background-color: #00BBFF;
	text-decoration: none;
	color: #fff;
}

/* Sub Links */
#PageListing li li a:link, #PageListing  li li a:visited {
	font-size:0.8em;
	/*padding: 0 24px 0 12px;*/
}

/* Particular Colours */

#PageListing a.CatOne:link, #PageListing a.CatOne:visited {
	color: #00BBFF;
	border-color:#00BBFF;
}
#PageListing a.CatOne:hover, #PageListing a.CatOne:focus {
	background-color: #00BBFF;
	color: #fff;
}
/* CURRENTLY ACTIVE */
#PageListing a.CatOneVisited:link, #PageListing a.CatOneVisited:visited, #PageListing a.CatOneVisited:focus, #PageListing a.CatOneVisited:hover {
	background-color: #00BBFF;
	border-color:#00BBFF;
	color: #fff;
}


#PageListing a.CatTwo:link, #PageListing a.CatTwo:visited {
	color: #0066FF;
	border-color:#0066FF;
}
#PageListing a.CatTwo:hover, #PageListing a.CatTwo:focus {
	background-color: #0066FF;
	color: #fff;
}
/* CURRENTLY ACTIVE */
#PageListing a.CatTwoVisited:link, #PageListing a.CatTwoVisited:visited, #PageListing a.CatTwoVisited:focus, #PageListing a.CatTwoVisited:hover {
	background-color: #0066FF;
	border-color:#0066FF;
	color: #fff;
}


#PageListing a.CatThree:link, #PageListing a.CatThree:visited {
	color: #FF0066;
	border-color:#FF0066;
}
#PageListing a.CatThree:hover, #PageListing a.CatThree:focus {
	background-color: #FF0066;
	color: #fff;
}
/* CURRENTLY ACTIVE */
#PageListing a.CatThreeVisited:link, #PageListing a.CatThreeVisited:visited, #PageListing a.CatThreeVisited:focus, #PageListing a.CatThreeVisited:hover {
	background-color: #FF0066;
	border-color:#FF0066;
	color: #fff;
}


#PageListing a.CatFour:link, #PageListing a.CatFour:visited {
	color: #F23900;
	border-color:#F23900;
}
#PageListing a.CatFour:hover, #PageListing a.CatFour:focus {
	background-color: #F23900;
	color: #fff;
}
/* CURRENTLY ACTIVE */
#PageListing a.CatFourVisited:link, #PageListing a.CatFourVisited:visited, #PageListing a.CatFourVisited:focus, #PageListing a.CatFourVisited:hover {
	background-color: #F23900;
	color: #fff;
	border-color:#F23900;
}


#PageListing a.CatFive:link, #PageListing a.CatFive:visited {
	color: #F26600;
	border-color:#F26600;
}
#PageListing a.CatFive:hover, #PageListing a.CatFive:focus {
	background-color: #F26600;
	color: #fff;
}
/* CURRENTLY ACTIVE */
#PageListing a.CatFiveVisited:link, #PageListing a.CatFiveVisited:visited, #PageListing a.CatFiveVisited:focus, #PageListing a.CatFiveVisited:hover {
	background-color: #F26600;
	color: #fff;
	border-color:#F26600;
}


#PageListing a.CatSix:link, #PageListing a.CatSix:visited {
	color: #62D100;
	border-color:#62D100;
}
#PageListing a.CatSix:hover, #PageListing a.CatSix:focus {
	background-color: #62D100;
	color: #fff;
}
/* CURRENTLY ACTIVE */
#PageListing a.CatSixVisited:link, #PageListing a.CatSixVisited:visited, #PageListing a.CatSixVisited:focus, #PageListing a.CatSixVisited:hover {
	background-color: #62D100;
	color: #fff;
	border-color:#62D100;
}




/* SUB */
#PageListing a.SubCat:link, #PageListing a.SubCat:visited {
	color: #A79F90;
	border-color:#A79F90;
}

#PageListing a.SubCat:hover, #PageListing a.SubCat:focus {
	background-color:#A79F90;
	color: #fff;
}

#PageListing a.SubCatVisited:link, #PageListing a.SubCatVisited:visited, #PageListing a.SubCatVisited:focus, #PageListing a.SubCatVisited:hover {
	background-color: #A79F90 !important;
	color: #fff !important;
	border-color:#A79F90 !important;
}





/* The Search Styling */
fieldset.SearchSite {
	border:none;
	padding:0.3em 0;
}

.SearchSite legend {
	display:none;
}

.SearchSite label {
	display:none;
}

#s {
	width:83%; 
	font-size:1.0em;
	line-height: 1.5em;
	padding:0.1em;
	float:left;
	border:solid 1px #C5BBAA;
}

#s:hover, #s:active, #s:focus {
	border:solid 1px #857760;
}

#SubmitSearch
{
	font-size:1.0em;
	line-height: 1.5em;
	width: 10%;
	height: 1.4em;
	float: right;
	background-image: url(../images/search_arrow_n.gif);
	background-repeat: no-repeat;
	background-position: center center;
	/*border:solid 1px transparent;*/
	margin:1px;
}

#SubmitSearch:hover, #SubmitSearch:active, #SubmitSearch:focus
{
	background-image: url(../images/search_arrow_h.gif);
	background-repeat: no-repeat;
	background-position: center center;
}





.ContactDetails {
	font-size:0.6em;
	line-height:1.3em;
	color:#A79F90;
	background-color:transparent;
	padding:2.0em 12px 1.0em  12px;
}

a.contactMo, a.contactMo:link, a.contactMo:visited {
	color:#A79F90 !important;
	background-color:transparent;
	padding:0 12px 0 0 !important;
	text-decoration:none !important;
	border:none !important;
}

a.contactMo:active, a.contactMo:hover, a.contactMo:focus {
	color:#757065 !important;
	background-color:transparent !important;
}




/* The Blog Navigation */

div#BlogListing {
	margin:115px 0 0 0;
	padding-top:2em;	/* to compensate the additional non px headline height */
}

#BlogListing ul {
	font-size:1.0em;
	line-height:1.8em;
	list-style-type: none;
	background-color: transparent;
}

/* used to level with neighboring nav */
#BlogListing ul ul {
	font-size:0.8em;
	line-height:1.5em;
}

#BlogListing ul ul li{ /* subheadlines of blog */
	padding:0.5em 0 0 0;
}

#BlogListing ul ul ul {
	font-size:0.9em;
	line-height:1.4em;
}

#BlogListing ul ul ul li{ /* revert padding */
	padding:0 0.8em 0 0;
	display:inline;
	
}

/* The Blog Header Links */
a.BlogIndicator, a.BlogIndicator:link, a.BlogIndicator:visited { /* for sidebar we don't format visited links differently */
	background-color: transparent;
	color: #FF00EE;
}

a.BlogIndicator:hover, a.BlogIndicator:active, a.BlogIndicator:focus {
	background-color: transparent;
	color: #b30091;
}




/* The Blog Links */

div.BlogLinkContainer {
	font-size:0.8em;
	line-height:1.4em;	
	background-color: transparent;
	color: inherit;
}


/* Links for the Blog Navigation */

.BlogLinkContainer a, .BlogLinkContainer a:link {
	background-color: transparent;
	color:#867E6F;
}

.BlogLinkContainer a:visited {
	background-color: transparent;
	color:#A6A198;
}

.BlogLinkContainer a:active, .BlogLinkContainer a:hover, .BlogLinkContainer a:focus {
	background-color: transparent;
	color:#b30091;
}



/* Post Navigation */

.PostNavigation {
	margin:0 0 12px 0;
	clear:both;
	font-size:0.6em;
}

.alignLeft {
	padding:0 12px;
	width:40%;
	float:left;
}

.alignRight {
	padding:0 12px;
	width:40%;
	float:right;
	text-align:right;
}