/*
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM                                MMMMMM
MMMM                              ?MMMMMMM
MMMM                             MMMMMMMMM
MMMM                           MMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM                   MMMMMMMMMMMMMMMMMMM
MMMM                 ?MMMMMMMMMMMMMMMMMMMM
MMMM                MMMMMMMMMMMMMMMMMMMMMM
MMMM              ?MMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM      ?MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM     MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM   MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM IMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
*/

/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	table, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
	}


/* #Basic Styles
================================================== */
	body {
		background: #FFFFFF;
		font: 15px/21px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #000000;
		font-family: 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
	h1 { font-size: 24px; line-height: 35px; margin-bottom: 14px;}
	h2 { font-size: 20px; line-height: 28px; margin-bottom: 10px;}
	h3 { font-size: 17px; line-height: 25px; margin-bottom: 8px; }
	h4 { font-size: 15px; line-height: 21px; margin-bottom: 4px; }
	h5 { font-size: 12px; line-height: 18px; }
	h6 { font-size: 10px; line-height: 15px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	
	pre, code {
	font-family: monospace;
	}


/* #Links
================================================== */
	a, a:visited { /* customize_link_colour */ color:#333333; /* customize_link_colour */ text-decoration: underline; outline: 0; }
	a:hover, a:focus { /* customize_link_hover_colour */ color:#000000; /* customize_link_hover_colour */ }
	p a, p a:visited { line-height: inherit; }
	

/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px;margin-left: 20px; }
	ul { list-style: disc; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img {
		max-width: 100%;
		height: auto; 
		display: block;}


/* #Base 960 Grid
================================================== */

	.fcontainer                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.fcontainer .column,
	.fcontainer .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	.row                                        { margin-bottom: 20px; }
	
	/* Nested Column Classes */
	.column.alpha, .columns.alpha               { margin-left: 0; }
	.column.omega, .columns.omega               { margin-right: 0; }
	
	/* Base Grid */
	.fcontainer .one.column,
	.fcontainer .one.columns                     { width: 40px;  }
	.fcontainer .two.columns                     { width: 100px; }
	.fcontainer .three.columns                   { width: 160px; }
	.fcontainer .four.columns                    { width: 220px; }
	.fcontainer .five.columns                    { width: 280px; }
	.fcontainer .six.columns                     { width: 340px; }
	.fcontainer .seven.columns                   { width: 400px; }
	.fcontainer .eight.columns                   { width: 460px; }
	.fcontainer .nine.columns                    { width: 520px; }
	.fcontainer .ten.columns                     { width: 580px; }
	.fcontainer .eleven.columns                  { width: 640px; }
	.fcontainer .twelve.columns                  { width: 700px; }
	.fcontainer .thirteen.columns                { width: 760px; }
	.fcontainer .fourteen.columns                { width: 820px; }
	.fcontainer .fifteen.columns                 { width: 880px; }
	.fcontainer .sixteen.columns                 { width: 940px; }
	
	.fcontainer .one-third.column                { width: 300px; }
	.fcontainer .two-thirds.column               { width: 620px; }
	
	/* Offsets */
	.fcontainer .offset-by-one                   { padding-left: 60px;  }
	.fcontainer .offset-by-two                   { padding-left: 120px; }
	.fcontainer .offset-by-three                 { padding-left: 180px; }
	.fcontainer .offset-by-four                  { padding-left: 240px; }
	.fcontainer .offset-by-five                  { padding-left: 300px; }
	.fcontainer .offset-by-six                   { padding-left: 360px; }
	.fcontainer .offset-by-seven                 { padding-left: 420px; }
	.fcontainer .offset-by-eight                 { padding-left: 480px; }
	.fcontainer .offset-by-nine                  { padding-left: 540px; }
	.fcontainer .offset-by-ten                   { padding-left: 600px; }
	.fcontainer .offset-by-eleven                { padding-left: 660px; }
	.fcontainer .offset-by-twelve                { padding-left: 720px; }
	.fcontainer .offset-by-thirteen              { padding-left: 780px; }
	.fcontainer .offset-by-fourteen              { padding-left: 840px; }
	.fcontainer .offset-by-fifteen               { padding-left: 900px; }
	
	#responsive-nav {
	display: none;
	}	
	
/* #Tablet (Portrait)
================================================== */
	
	/* Note: Design for a width of 768px */
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.fcontainer                                  { width: 768px; }
	.fcontainer .column,
	.fcontainer .columns                         { margin-left: 10px; margin-right: 10px;  }
	.column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
	.column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
	.alpha.omega                                { margin-left: 0; margin-right: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns                     { width: 28px; }
	.fcontainer .two.columns                     { width: 76px; }
	.fcontainer .three.columns                   { width: 124px; }
	.fcontainer .four.columns                    { width: 172px; }
	.fcontainer .five.columns                    { width: 220px; }
	.fcontainer .six.columns                     { width: 268px; }
	.fcontainer .seven.columns                   { width: 316px; }
	.fcontainer .eight.columns                   { width: 364px; }
	.fcontainer .nine.columns                    { width: 412px; }
	.fcontainer .ten.columns                     { width: 460px; }
	.fcontainer .eleven.columns                  { width: 508px; }
	.fcontainer .twelve.columns                  { width: 556px; }
	.fcontainer .thirteen.columns                { width: 604px; }
	.fcontainer .fourteen.columns                { width: 652px; }
	.fcontainer .fifteen.columns                 { width: 700px; }
	.fcontainer .sixteen.columns                 { width: 748px; }
	
	.fcontainer .one-third.column                { width: 236px; }
	.fcontainer .two-thirds.column               { width: 492px; }
	
	/* Offsets */
	.fcontainer .offset-by-one                   { padding-left: 48px; }
	.fcontainer .offset-by-two                   { padding-left: 96px; }
	.fcontainer .offset-by-three                 { padding-left: 144px; }
	.fcontainer .offset-by-four                  { padding-left: 192px; }
	.fcontainer .offset-by-five                  { padding-left: 240px; }
	.fcontainer .offset-by-six                   { padding-left: 288px; }
	.fcontainer .offset-by-seven                 { padding-left: 336px; }
	.fcontainer .offset-by-eight                 { padding-left: 384px; }
	.fcontainer .offset-by-nine                  { padding-left: 432px; }
	.fcontainer .offset-by-ten                   { padding-left: 480px; }
	.fcontainer .offset-by-eleven                { padding-left: 528px; }
	.fcontainer .offset-by-twelve                { padding-left: 576px; }
	.fcontainer .offset-by-thirteen              { padding-left: 624px; }
	.fcontainer .offset-by-fourteen              { padding-left: 672px; }
	.fcontainer .offset-by-fifteen               { padding-left: 720px; }
	
	#responsive-nav {
	display: none;
	}
	
	.fcontainer .nav-left {
	display: none;
	}
	
	.fcontainer .nav-right {
	display: none;
	}
			
	}
	
	
/*  #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
	.fcontainer { width: 300px; }
	.fcontainer .columns,
	.fcontainer .column { margin: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns,
	.fcontainer .two.columns,
	.fcontainer .three.columns,
	.fcontainer .four.columns,
	.fcontainer .five.columns,
	.fcontainer .six.columns,
	.fcontainer .seven.columns,
	.fcontainer .eight.columns,
	.fcontainer .nine.columns,
	.fcontainer .ten.columns,
	.fcontainer .eleven.columns,
	.fcontainer .twelve.columns,
	.fcontainer .thirteen.columns,
	.fcontainer .fourteen.columns,
	.fcontainer .fifteen.columns,
	.fcontainer .sixteen.columns,
	.fcontainer .one-third.column,
	.fcontainer .two-thirds.column  { width: 300px; }
	
	/* Offsets */
	.fcontainer .offset-by-one,
	.fcontainer .offset-by-two,
	.fcontainer .offset-by-three,
	.fcontainer .offset-by-four,
	.fcontainer .offset-by-five,
	.fcontainer .offset-by-six,
	.fcontainer .offset-by-seven,
	.fcontainer .offset-by-eight,
	.fcontainer .offset-by-nine,
	.fcontainer .offset-by-ten,
	.fcontainer .offset-by-eleven,
	.fcontainer .offset-by-twelve,
	.fcontainer .offset-by-thirteen,
	.fcontainer .offset-by-fourteen,
	.fcontainer .offset-by-fifteen { padding-left: 0; }
	
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}	

	.fcontainer #navigation-area {
	padding: 0;
	background: none;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 40px;
	position: relative;
	}	
	
	}
	
	
/* #Mobile (Landscape)
================================================== */
	
	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.fcontainer { width: 420px; }
	.fcontainer .columns,
	.fcontainer .column { margin: 0; }
	
	.fcontainer .one.column,
	.fcontainer .one.columns,
	.fcontainer .two.columns,
	.fcontainer .three.columns,
	.fcontainer .four.columns,
	.fcontainer .five.columns,
	.fcontainer .six.columns,
	.fcontainer .seven.columns,
	.fcontainer .eight.columns,
	.fcontainer .nine.columns,
	.fcontainer .ten.columns,
	.fcontainer .eleven.columns,
	.fcontainer .twelve.columns,
	.fcontainer .thirteen.columns,
	.fcontainer .fourteen.columns,
	.fcontainer .fifteen.columns,
	.fcontainer .sixteen.columns,
	.fcontainer .one-third.column,
	.fcontainer .two-thirds.column { width: 420px; }
	
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}
	
	.fcontainer #navigation-area {
	padding: 0;
	background: none;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 40px;
	position: relative;
	}	

	}
	
	
/* #Clearing
================================================== */
	
	/* Self Clearing Goodness */
	.fcontainer:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }
	.row:after,
	.clearfix:after {
	clear: both; }
	.row,
	.clearfix {
	zoom: 1; }
	
	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
/* #Header
================================================== */

#header-wrap {
/* customize_header_colour */ background-color:#256620; /* customize_header_colour */
}

header {
}

/* #Logo
================================================== */

#logo {
margin-bottom: 20px;
}

#logo h1 a {
margin: 0;
padding: 0;
/* customize_logo_colour */ color:#000000; /* customize_logo_colour */
}

#logo h1 a:hover {
/* customize_logo_hover_colour */ color:#fcfcfc; /* customize_logo_hover_colour */
}

/* #Top Bar
================================================== */

#top-bar {
/* customize_top_bar_colour */ background-color:#b9dec6; /* customize_top_bar_colour */
width: 100%;
display: none;
-moz-box-shadow:    inset 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow:         inset 0 0 6px rgba(0,0,0,0.3);
padding: 10px 0;
}

.top-bar-form, .ccm-search-block-form {
height: 0;
padding: 0;
margin: 0;
}

.top-bar-text, .ccm-search-block-text {
height: 16px;
background: #FFFFFF;
border: none;
padding: 2px;
margin: 0;
float: left;
-moz-box-shadow:    inset 0 0 2px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.6);
box-shadow:         inset 0 0 2px rgba(0,0,0,0.6);
color: #606060;
}

.top-bar-text:focus, .ccm-search-block-text:focus {
-moz-box-shadow:    inset 0 0 3px rgba(82,168,236,0.8);
-webkit-box-shadow: inset 0 0 3px rgba(82,168,236,0.8);
box-shadow:         inset 0 0 3px rgba(82,168,236,0.8);
}


.top-bar-submit, .ccm-search-block-submit {
width: 20px;
height: 20px;
/* customize_search_button_colour */ background-color:#000000; /* customize_search_button_colour */
background-image: url(/packages/axis/themes/axis/images/axis_search_button.png);
background-repeat: no-repeat;
background-position: center center;
border: none;
text-indent: -999999px;
}

.top-bar-submit:hover, .ccm-search-block-submit:hover {
/* customize_search_button_hover_colour */ background-color:#606060; /* customize_search_button_hover_colour */
-webkit-transition: background-color 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 0.5s ease; /* For opera */
transition: background-color 0.5s ease;
}

.top-bar-show-hide-wrap {
position: relative;
}

.top-bar-show-hide {
width: 20px;
height: 20px;
background-image: url(/packages/axis/themes/axis/images/top-bar-show-hide_button.png);
background-repeat: no-repeat;
background-position: center center;
float: right;
margin-bottom: 10px;
}

.top-bar-show-hide:hover {
/* customize_expand_button_hover_colour */ background-color:#d7f2d3; /* customize_expand_button_hover_colour */
-webkit-transition: background-color 0.5s ease; /* For chrome & safari */
-moz-transition: background-color 0.5s ease; /* For mozilla firefox */
-o-transition: background-color 0.5s ease; /* For opera */
transition: background-color 0.5s ease;
}

#show-hide {
height: 20px;
width: auto;
margin: 0;
position: absolute;
right: 20px;
}

.top-bar-show-hide, #show-hide {
/* customize_expand_button_colour */ background-color:#b7c9b9; /* customize_expand_button_colour */
}

#show-hide p, #show-hide a {
padding: 0 5px;
margin: 0;
color: #FFFFFF;
text-transform: uppercase;
font: 10px/20px 'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}

#text p {
margin: 0;
}

#text:hover {

}

/* #Main
================================================== */

#main-wrap {
/* customize_main_colour */ background-color:#ffffff; /* customize_main_colour */
-moz-box-shadow:    inset 0 0 6px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow:         inset 0 0 6px rgba(0,0,0,0.3);
}

#main {
padding: 30px 0;
}

/* #Navigation
================================================== */

/* IPAD */

#controls li {
    display: block;
}

#controls li .link {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #CCC;
}

#controls li .hover_controls {
    float: right;
    display: none;
}

#controls li:hover .hover_controls {
    display: block;
}

#controls {
margin: 0;
padding: 0;
}

/* HORIZONTAL */

#navigation-area {
padding: 0;
background: url(/packages/axis/themes/axis/images/axis_horizontal_nav_bg.png) repeat-x;
margin-bottom: 20px;
height: 48px;
position: relative;
}

.nav-left {
width: 50px;
height: 48px;
background-image: url(/packages/axis/themes/axis/images/axis_horizontal_nav_left_bg.png);
background-repeat: no-repeat;
position: absolute;
left: -50px;
float: left;
}

.nav-right {
width: 50px;
height: 48px;
background-image: url(/packages/axis/themes/axis/images/axis_horizontal_nav_right_bg.png);
background-repeat: no-repeat;
position: absolute;
right: -50px;
float: right;
}

#horizontal-nav ul {
padding: 0px;
list-style: none;
}

#horizontal-nav ul li {
float: left;
padding: 0;
position: relative;
}

#horizontal-nav ul li a {
margin: 0;
padding: 0 30px;
text-decoration: none;
position: relative;
display: block;
height: 48px;
line-height: 48px;
font-family: 'Open Sans';
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
/* customize_horizontal_nav_link_colour */ color:#000000; /* customize_horizontal_nav_link_colour */
background: url(/packages/axis/themes/axis/images/axis_horizontal_nav_spacer_bg.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#horizontal-nav ul li a:hover:before, #horizontal-nav ul li a.nav-selected:before, #horizontal-nav ul li a.nav-path-selected:before {
border-top: 7px solid;
}

#horizontal-nav ul li ul li a:hover:before, #horizontal-nav ul li ul li a.nav-selected:before, #horizontal-nav ul li ul li a.nav-path-selected:before {
border-top: 0px solid;
}

#horizontal-nav ul li a:hover, #horizontal-nav ul li a.nav-selected, #horizontal-nav ul li a.nav-path-selected  {
border-top: 4px solid;
}

#horizontal-nav ul li ul li a:hover, #horizontal-nav ul li ul li a.nav-selected, #horizontal-nav ul li ul li a.nav-path-selected  {
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(0,0,0,0.2);
line-height: 20px;
/* customize_horizontal_sub_nav_hover_colour */ background-color:#125216; /* customize_horizontal_sub_nav_hover_colour */
}

#horizontal-nav ul li a:hover:before, #horizontal-nav ul li a.nav-selected:before, #horizontal-nav ul li a.nav-path-selected:before, #horizontal-nav ul li a:hover, #horizontal-nav ul li a.nav-selected, #horizontal-nav ul li a.nav-path-selected  {
/* customize_horizontal_nav_arrow_colour */ border-top-color:#b82c2c; /* customize_horizontal_nav_arrow_colour */
background: url(/packages/axis/themes/axis/images/axis_horizontal_nav_spacer_selected_bg.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#horizontal-nav ul li a:hover:before {
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
top: 0;
left: 50%;
display: block;
margin: 0 0 0 -7px;
}

#horizontal-nav ul li a:hover {
line-height: 40px;
background: url(/packages/axis/themes/axis/images/axis_horizontal_nav_spacer_selected_bg.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#horizontal-nav ul li a.nav-selected:before {
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
top: 0;
left: 50%;
display: block;
margin: 0 0 0 -7px;
}

#horizontal-nav ul li a.nav-selected {
line-height: 40px;
background: url(/packages/axis/themes/axis/images/axis_horizontal_nav_spacer_selected_bg.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#horizontal-nav ul li a.nav-path-selected:before {
content: "";
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
position: absolute;
top: 0;
left: 50%;
display: block;
margin: 0 0 0 -7px;
}

#horizontal-nav ul li a.nav-path-selected {
line-height: 40px;
}

#horizontal-nav ul li ul {
height: auto;
width: 200px;
opacity: 0;
position: absolute;
left: 0;
top: -999999px;
padding: 0; 
margin: 0;
z-index: 25;
/* customize_horizontal_sub_nav_colour */ background-color:#8c7575; /* customize_horizontal_sub_nav_colour */
}

#horizontal-nav ul li:hover > ul {
opacity: 1;
position: absolute;
top: 44px;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#horizontal-nav ul li ul li {
float: none;
margin: 0;
padding: 0;
}

#horizontal-nav ul li ul li a {
margin: 0;
padding: 10px;
text-decoration: none;
position: relative;
display: block;
height: auto;
line-height: 20px;
/* customize_horizontal_sub_nav_link_colour */ color:#FFFFFF; /* customize_horizontal_sub_nav_link_colour */
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(0,0,0,0.2);
}

#horizontal-nav ul li ul li a:hover:before {
content: "";
width: 0;
height: 0;
border-left: none;
border-right: none;
border-top: none;
position: absolute;
top: 0;
left: 0;
display: block;
margin: 0;
}

#horizontal-nav ul li ul li a:hover {
border-top: 1px solid rgba(255,255,255,0.2);
line-height: 20px;
/* customize_horizontal_sub_nav_link_hover_colour */ color:#FFFFFF; /* customize_horizontal_sub_nav_link_hover_colour */
}

#horizontal-nav ul li ul li a.nav-selected:before {
content: "";
width: 0;
height: 0;
border-left: none;
border-right: none;
border-top: none;
display: block;
margin: 0;
}

#horizontal-nav ul li ul li a.nav-selected {
border-top: none;
line-height: 20px;
}

#horizontal-nav ul li ul li ul {
left: -999999px;
top: 0;
}

#horizontal-nav ul li ul li:hover > ul {
left: 100%;
top: 0;
}

/* VERTICAL */

#vertical-nav {
margin: 0 0 20px 0;
padding: 0;
}

#vertical-nav ul {
padding: 0;
list-style: none;
/* customize_vertical_nav_colour */ background-color:#666666; /* customize_vertical_nav_colour */
}

#vertical-nav ul li {
margin: 0;
padding: 0;
position: relative;
}

#vertical-nav ul li a {
margin: 0;
padding: 10px;
display: block;
height: 20px;
line-height: 20px;
/* customize_vertical_nav_link_colour */ color:#FFFFFF; /* customize_vertical_nav_link_colour */
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(0,0,0,0.2);
text-decoration: none;
font-family: 'Open Sans';
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
}


#vertical-nav ul li a:hover, #vertical-nav ul li a.nav-selected, #vertical-nav ul li a.nav-path-selected {
/* customize_vertical_nav_hover_colour */ background-color:#000000; /* customize_vertical_nav_hover_colour */
/* customize_vertical_nav_link_hover_colour */ color:#FFFFFF; /* customize_vertical_nav_link_hover_colour */
}



#vertical-nav ul li ul {
height: auto;
width: 200px;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
margin: 0;
z-index: 25;
/* customize_vertical_sub_nav_colour */ background-color:#666666; /* customize_vertical_sub_nav_colour */
}

#vertical-nav ul li:hover > ul {
opacity: 1;
position: absolute;
left: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

#vertical-nav ul li ul li a {
/* customize_vertical_sub_nav_link_colour */ color:#FFFFFF; /* customize_vertical_sub_nav_link_colour */
height: auto;
}

#vertical-nav ul li ul li a:hover, #vertical-nav ul li ul li a.nav-selected, #vertical-nav ul li ul li a.nav-path-selected {
/* customize_vertical_sub_nav_link_hover_colour */ color:#FFFFFF; /* customize_vertical_sub_nav_link_hover_colour */
/* customize_vertical_sub_nav_hover_colour */ background-color:#000000; /* customize_vertical_sub_nav_hover_colour */
}

/* RESPONSIVE */

#responsive-nav {
padding: 0;
}

#responsive-nav select {
width: 100%;
}

/* #Banner
================================================== */

#banner {
margin-bottom: 6px;
}

#banner-image-left {

}

#banner-image-right {

}

/* #Login
================================================== */

#login {
text-align: right;
}

#login p {

}

/* #Footer
================================================== */

footer {

}

#footer-wrap {
/* customize_footer_colour */ background-color:#1f7325; /* customize_footer_colour */
padding: 20px 0;
}

#footer-top {
margin-bottom: 20px;
}

#footer-bottom p {
/* customize_footer_bottom_text_colour */ color:#FFFFFF; /* customize_footer_bottom_text_colour */
}

/* customize_miscellaneous */  /* customize_miscellaneous */