/**
 * Extra Styles
 * Styles for the Navigation and top of page and extra pages
 */
 /* Main Navigation comes at the end of source code, 
 because IE has a stupid bug layering of positioned elements that later in code comes on top .
 Oterwise all content has to be prositioned relative to each other.
 */

/* Head Search box */

.headSearchField {width: 100px; }

.headSearchButton {width: 45px; }

#addthisbutton {float: right; padding: 7px 5px 0 0;}

/* Dropdown main Navigation */

#MainNavigation {
	height: 30px;
	background-image: url(../images/bg_mainnav.gif); 
	position: absolute;
	width: 980px;
	top: 160px;
	}

#MainNavigation ul {
	position: absolute;
	margin:0; padding: 0;
	}

	
#MainNavigation li {
	list-style: none;	
	margin: 0; padding:0;
	background-image: url(../images/bg_mainnav.gif); 
	}
	
#MainNavigation ul li.navitem {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #2c173f;
	border-left: 1px solid #663594;
	}

#MainNavigation ul li.navitem:hover {
	border-left: 1px solid #f5efb3;
	border-right: 1px solid #c7c085;
	}
	
#MainNavigation ul li:hover
{background-image: url(../images/tile_back.gif);}

#MainNavigation li.navitem ul.level2 {
	visibility: hidden;
	display: block;
	float: none;
	margin: 0; padding: 0;
	position: absolute;
	top: 30px;
	z-index: 100;
	}
	
#MainNavigation ul li.navitem:hover ul.level2 {
	visibility: visible;
	 margin-left: -1px
	}
	
/* ########## LINKS ########## */
/* all links in Mainnavigation */
#MainNavigation ul li a {
	display: block;
	}

#MainNavigation ul li a:link, #MainNavigation ul li a:visited,
#MainNavigation ul li.navitem:hover li a:link, #MainNavigation ul li.navitem:hover li a:visited,
#MainNavigation ul.level2 li:hover li a:link, #MainNavigation ul.level2 li:hover li a:visited
{color: #fbd52b}

#MainNavigation ul li a:hover, #MainNavigation ul li a:active {color: #f3eba2; text-decoration: none; }


/* First Level */
#MainNavigation li.navitem a
{line-height: 30px; width: 150px; text-align: center; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}

#MainNavigation ul li.navitem:hover a:link, #MainNavigation ul li.navitem:hover a:visited {color: #492669}


/* Second level */
#MainNavigation ul li.navitem ul li a
{line-height: 30px; width: 144px; text-transform: none; text-align: left; font-size: 11px; letter-spacing: 1px; padding-left: 8px;}

#MainNavigation ul li ul.level2 li:hover a:link, #MainNavigation ul li ul.level2 li:hover a:visited {color: #492669}

/* ########## Colour Chart ########## */

.colourhead {width: 700px; float: left;}

.colorbox {
	float: left;
	width: 114px;
	height: 230px;
	overflow: hidden;
	border: 1px solid #fbd52b;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	font-size: .9em
}

.customcolorbox {
	float: left;
	border: 1px solid #fbd52b;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	font-size: .9em
}

/* Sitemap */

#siteMapList ul { margin: 0; padding: 0;}
#siteMapList ul li {font-size: 12px;}
#siteMapList ul ul li {font-size: 11px;}

#siteMapList ul ul { margin: 0; padding: 3px 0 10px 12px;}

#siteMapList ul ul ul, #siteMapList ul ul ul ul { margin: 0; padding: 3px 0 0 10px;}

/* get rid of breadcrum on homepage */
#indexHomeBody #navBreadCrumb {display: none}

/* get rid of h1 header "welcome" on homepage */
#indexHomeBody #indexDefault h1#indexDefaultHeading {display: none}

/* Get rid of the extra h2 header */
#indexHomeBody .centerBoxWrapper h2.centerBoxHeading {display: none}

/* homeflash position */
#indexHomeBody .homeflash {margin: 17px 20px 10px 0;}