/* #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; }


/* #Basic Styles
================================================== */
	body {
		background-color: #F7F7F7;
		font-size: 14px;
		line-height: 22px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 400;
		color: #444444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
	h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;color:#444444;font-size: 26px; line-height: normal; margin-top: 10px; margin-bottom: 15px; border-bottom: dotted 1px #222;}
	h2 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600;color:#b0346f;font-size: 22px; line-height: normal; margin-bottom: 15px; margin-top: 10px; border-bottom: dotted 1px #ccc;}
	h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;color:#b0346f;font-size: 20px; line-height: auto; margin-bottom: 12px; }
	h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;color:#444444;font-size: 16px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;color:#444444;font-size: 16px; line-height: 24px; }
	h6 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400;color:#444444;font-size: 14px; line-height: 21px; }
	
	#header h1{border-bottom: none;
	}
	
	.page-type-blog-article h2 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 600; color:#b0346f; font-size: 22px; line-height: normal; margin-bottom: 0px; border-bottom: none;}
	
	
	.subheader { color: #777; }
	
	#horizontal-nav ul li a {font-family: Arial, Helvetica, sans-serif; }
	#footer-top-wrap p, #footer-bottom-wrap p {color: #FFFFFF; }
	#footer-top-wrap p, #footer-bottom-wrap a {color: #FFFFFF; }
	

	p { font-family: Arial, Helvetica, sans-serif ;font-weight: 400;color:#444444;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; }
	small { font-size: 80%; }
	
	details summary { cursor: pointer;}

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 22px; line-height: 28px; color: #444444; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 2px dotted #444444; }
	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: dotted #ddd; border-width: 2px 0 0; clear: both; margin: 10px 0 20px; height: 0; }
	
	.center {margin-left: auto;
    margin-right: auto;}
	
	pre, code {
	font-family: monospace;
	}
	
	#search {float: right; margin-top:45px;
	}

	input[type=text] {
	background: #fdfdfd;
	font-size: 12px;
	padding: 5px;
	width: 180px;
	}
	
	.searchBlockSubmitButton {
    padding: 6px;
    color: #fff;
    background: #AF006E;
    border: none;
    border-radius: 5px:;
	}
	
	.searchBlockSubmitButton:hover {  background: #AF006E; }

	

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


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px;margin-left: 20px; }
	ul { list-style: disc;padding-left: 15px; }
	ol { list-style: decimal;padding-left: 15px; }
	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;}
	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; }
	.inputs-list {list-style: none;padding-left: 0;}
	
	
	nav ul, nav ol { margin-left: 0px; }	


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

	img {
		max-width: 100%;
		height: auto;
		display: block;}
		
/* #Home
================================================== */
.fcontainer .eight.columns.greylge.home {
background-color: #dedede;
margin: 15px 15px 15px 0;
padding: 15px 15px 15px 15px;
min-height: 420px;
position:relative;
}

.fcontainer .eight.columns.greylgeright.homeright {
background-color: #dedede;
margin: 15px 0px 15px 0;
//padding: 15px 15px 15px 15px;
min-height: 420px;
position:relative;
}

.fcontainer .four.columns.grey.home {
background-color: #dedede;
margin-top: 15px;
margin-bottom: 15px;
min-height: 450px;
position:relative;}

.fuschia {
color: #ffffff;
background: url(images/home-fuschia-bg.png) #b0006f;
background-repeat: no-repeat;
margin: 15px 0 15px 0;
padding: 15px 15px 15px 15px;
min-height: 420px;
position:relative;
}


.fuschiaonly {
color: #ffffff;
background-color: #b0006f;
background-repeat: no-repeat;
margin: 15px 0 15px 0;
padding: 15px 15px 15px 15px;
min-height: 420px;
position:relative;
}

.white {
color: #b0006f;
background: #fff;
background-repeat: no-repeat;
margin: 15px 0 15px 0;
padding: 15px 15px 15px 15px;
min-height: 420px;
position:relative;
border: solid 1px #ddd;
max-width: 410px;
}

.fcontainer .four.columns.yellow.home{
background-color: #F6CD20;
margin-top: 15px;
margin-bottom: 15px;
min-height: 450px;
position:relative;
}


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

	.fcontainer                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.fcontainer .column,
	.fcontainer .columns                         { float: left; display: inline; margin-left: 0; margin-right: 15px; }
	.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: 30px;  }
	.fcontainer .two.columns                     { width: 90px; }
	.fcontainer .three.columns                   { width: 150px; }
	.fcontainer .four.columns                    { width: 210px; }
	.fcontainer .five.columns                    { width: 270px; }
	.fcontainer .six.columns                     { width: 330px; }
	.fcontainer .seven.columns                   { width: 390px; }
	.fcontainer .eight.columns                   { width: 450px; }
	.fcontainer .nine.columns                    { width: 510px; }
	.fcontainer .ten.columns                     { width: 570px; }
	.fcontainer .eleven.columns                  { width: 630px; }
	.fcontainer .twelve.columns                  { width: 690px; }
	.fcontainer .thirteen.columns                { width: 750px; }
	.fcontainer .fourteen.columns                { width: 810px; }
	.fcontainer .fifteen.columns                 { width: 870px; }
	.fcontainer .sixteen.columns                 { width: 930px; }
	
	.fcontainer .one-third.column                { width: 290px; }
	.fcontainer .two-thirds.column               { width: 640px; }
	
	/* 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: 90%; }
	.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,
	.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: 90%; padding: 0 15px; }
	
	.fcontainer .eight.columns.greylge.home, .fcontainer .eight.columns.fuschia.home { width: 81%; margin-left: 34px; } /* Adjust */
	 
	/* 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;
	}	
	
	
	#back-top {
	display: none;
	}
		
	}
	
	
/*  #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 767px) {
	.fcontainer { width: 90%; }
	.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: 90%; padding: 0 15px; }
	
	.fcontainer .eight.columns.greylge.home, .fcontainer .eight.columns.fuschia.home { width: 81%; margin-left: 16px; background-image:none;} /* Adjust */
	
	/* 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;
	}	
	
	#main {
	border-radius: 5px 5px 0 0!important;
	}
	
	#back-top {
	display: none;
	}
	
	
	nav {
		padding:0;
	}
	.sf-menu {
		float:none;
	}
	nav ul li {
		float:none!important;
		border-top:1px solid #444;
	}
	nav ul li:first-child, nav ul li li {
		border-top:none!important;
	}
	nav ul li a {
		font-size:1.1em;
		padding:0.75em 1em !important;
	}
	nav li li a {
		padding:1em 1.25em !important;
	}
	#mobile-nav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        background-color: #111;
        opacity: .3;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 7px;
        right: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
        width: 100%!important;
        display: none;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
		opacity:1!important;
		box-shadow:none!important;
    }
    .xpopdrop > ul {
        display: block!important;
    }
	.sf-arrows .sf-with-ul:after {
		border:none;
	}
	
	
	
	
		
	}
	
	
/* #Mobile (Landscape)
================================================== */
	
	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	.fcontainer { width: 90%; }
	.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: 90%; padding: 0 15px; }
	
	.fcontainer .eight.columns.greylge.home, .fcontainer .eight.columns.fuschia.home { width: 81%; background-image:none; } /* Adjust */
		
	#horizontal-nav {
	display: none;
	}

	#vertical-nav {
	display: none;
	}

	#responsive-nav {
	display: block;
	}
	
	#main {
	border-radius: 5px 5px 0 0!important;
	}
	
	#back-top {
	display: none;
	}
		
	}
	
	
/* #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;
	}
	
/* THEME STYLES */
	
/* #General
================================================== */

#top-bar-wrap {
width: 100%;
/* customize_top_bar_wrap_background */background-color: transparent;/* customize_top_bar_wrap_background */
border-top: 8px solid;
/* customize_top_border_color */border-color: #AF006E;/* customize_top_border_color */
}

#header-wrap {
width: 100%;
/* customize_header_wrap_background */background-color: transparent;/* customize_header_wrap_background */
}

#main-wrap {
width: 100%;
/* customize_main_wrap_background */background-color: transparent;/* customize_main_wrap_background */
}

#footer-top-wrap {
width: 100%;
background-color: #AF006E;
color: #fff;
}

#footer-bottom-wrap {
width: 100%;
background-color: #AF006E;
color: #fff;
}

#top-bar {
padding: 20px 0 20px 20px;
background-color: #FFFFFF;
border-radius: 0 0 5px 5px;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
display: none;
}

header {
background-color: transparent;
border-radius: 0 5px 0 0;
}

#header {
padding: 0 0 15px 0;
}

#main {
padding: 20px 0;
}

footer {

}

#footer-top {
padding: 20px 0;
border-radius: 0 0 0px 0px;
}

#footer-bottom {
padding: 20px 0;
/* customize_footer_bottom_background */background-color: transparent;/* customize_footer_bottom_background */
}

#banner {
margin-bottom: 10px;
}

#banner img {
/*border-radius: 5px;*/
}

#copyright p {
margin-bottom: 0px;
}

#login {
text-align: right;
}

#login p {
margin-bottom: 0px;
}

/* Show/Hide */

.top-bar-show-hide {
width: auto;
height: auto;
border-radius: 0;
position: relative;
float: right;
margin-right: 0;
/*top: 73px;*/
}

.top-bar-show-hide span p {
/*
position: absolute;
width: 6px;
height: 6px;
border-radius: 6px;
background-color: #FFFFFF;
background-color: rgba(255,255,255,0.5);
left: 12px;
*/
color: #AF006E;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
/*text-transform: uppercase;*/
letter-spacing: 1px;
text-decoration: none;
line-height: 12px;
cursor: pointer;
margin-bottom: 0;
padding: 8px 20px;
}

.top-bar-show-hide:hover span p {
color:#FFFFFF;
}

.top-bar-show-hide:hover {
background-color: #AF006E;
-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 {
background-color: #EACB1A;
}

/* #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 */

#horizontal-nav {
padding: 0;
border-bottom: #AF006E solid 2px;
}

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

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

#horizontal-nav ul li a {
float: left;
height: 32px;
margin-right: 0px;
padding: 0 8px;
position: relative;
/*customize_nav_tab_colour
background-image: url(images/tab-bottom-shadow.png);
background-position: bottom center;
background-repeat: repeat-x;*/
line-height: 32px;
border-radius: 0px 0px 0 0;
-webkit-transition: all 0.5s ease; /* For chrome & safari */
-moz-transition: all 0.5s ease; /* For mozilla firefox */
-o-transition: all 0.5s ease; /* For opera */
transition: all 0.5s ease;
color: #000;
/*font-family: 'Open Sans';*/
font-size: 12px;
font-weight: 400;
/*text-transform: uppercase;*/
letter-spacing: 0.8px;
text-decoration: none;
/*box-shadow: 0 0 3px rgba(0,0,0,0.1);*/
}

#horizontal-nav ul li a:hover, #horizontal-nav ul li a.nav-selected, #horizontal-nav ul li a.nav-path-selected {
background-color: #AF006E;
color: #fff;
background-image: none;
}

#horizontal-nav ul li ul {
width: 200px;
height: auto;
opacity: 0;
position: absolute;
left: 0;
top: -999999%;
padding: 0; 
margin: 0;
z-index: 25;
background-color: #FFFFFF;
border-radius: 0;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li:hover > ul {
opacity: 1;
position: absolute;
top: 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;
}

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

#horizontal-nav ul li ul li a {
margin: 0;
padding: 10px;
height: auto;
width: 180px;
display: block;
text-align: left;
line-height: normal;
color: #444444;
background-image: none;
background-color: transparent;
line-height: normal;
border-radius: 0;
box-shadow: 0 0 0 rgba(0,0,0,0);
}

#horizontal-nav ul li ul li:last-child a {
border-bottom: 2px dotted rgba(255,255,255,0);
}

#horizontal-nav ul li ul li a:hover, #horizontal-nav ul li ul li a.nav-path-selected {
background-color: #AF006E;
color: #FFFFFF;
}

#horizontal-nav ul li ul li ul {
width: 200px;
height: auto;
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
padding: 0; 
margin: 0;
z-index: 25;
background-color: #FFFFFF; 
border-radius: 0 0 0 0;
box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

#horizontal-nav ul li ul li:hover > ul {
opacity: 1;
position: absolute;
top: 0;
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 */

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

#vertical-nav ul {
padding: 10px;
list-style: none;
border: 1px solid #000000;
}

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

#vertical-nav ul li a {
display: block;
color: #444444;
border-bottom: 1px dotted rgba(255,255,255,0.5);
padding: 10px 5px;
margin: 0;
text-decoration: none;
}

#vertical-nav ul li:hover {

}

#vertical-nav ul li a:hover, #vertical-nav ul li a.nav-selected, #vertical-nav ul li a.nav-path-selected {
}

#vertical-nav ul li.nav-selected {

}

#vertical-nav ul li.nav-path-selected {

}

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

#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 {

}

#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 {

}

#vertical-nav ul li.nav-dropdown > a:after {

}

#vertical-nav ul li ul li.nav-dropdown > a:after {

}

/* RESPONSIVE */

#responsive-nav {
padding: 0;
margin: 15px 0 15px 0;
}

#responsive-nav select {
width: 100%;
border: 1px solid rgba(0,0,0,0.1);
padding: 5px;
border-radius: 5px;
}

/* #Buttons
================================================== */

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	display:inline-block;
	padding:4px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-size: 14px;
} a.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	text-decoration: none;
} a.button:active {
	position:relative;
	top:1px;
}


.button-pk {
	background-color:#AF006E;
	display:inline-block;
	padding:4px 6px;
	text-decoration:none;
	color: #fff;
	font-size: 14px;
} a.button-pk, a.visited.button-pk  {	
	color: #fff; text-decoration:none;
} a.button-pk:hover {
	background-color:#F6CD20;
	text-decoration: none;
} a.button-pk:active {
	position:relative;
	top:1px;
}


.button-yllw {
	background-color:#AF006E;
	display:inline-block;
	padding:4px 6px;
	text-decoration:none;
	color: #fff;
	font-size: 14px;
} a.button-yllw, a.visited.button-yllw  {	
	color: #fff; text-decoration:none;
} a.button-yllw:hover {
	color: #AF006E;
	background-color:#fff;
	text-decoration: none;
} a.button-yllw:active {
	position:relative;
	top:1px;
}



/* Back To Top */

#back-top {
bottom: 43%;
position: fixed;
right: 20px;
}

#back-top a {
background-color: #FFFFFF;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
background-image: url(images/grain-bg-2.png);
background-repeat: repeat;
height: 40px;
width: 40px;
text-indent: -999999px;
display: block;
border-radius: 40px;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#back-top a:hover {
background-color: #000000;
}

#back-top a span {
background-image: url(images/back-to-top-icon.png);
background-position: center center;
background-repeat: no-repeat;
height: 40px;
width: 40px;
display: block;
}

/* Form Focus */

.input-focus {
box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}

/* Copyright */

#copyright {
font-size: 90%;
line-height: 32px;
}

/* customize_miscellaneous */ /* customize_miscellaneous */

/* Slider */

.formigo-slider-item p {color: #fff;
    
}


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

#container label, #container legend {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.form-control {
    display: block;
    width: 50%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

 #container button
 {
    background: #1E316B;
    /* padding: 6px 16px; */
    color: #fff;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-primary {
    color: #fff;
    background-color: #AF006E;
    border-color: #AF006E;
}







/*  Main Navigation  */



/*** SUPERFISH ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
	margin: 0;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu ul {
	/*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
#page-wrap .sf-menu a {
	padding: 0.5em 0.375em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {color: #000;
}
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;

}
.sf-menu ul li {box-shadow: 0 1px #FFFFFF inset, 0 2px 2px rgba(125, 125, 125, 0.9); border-radius: 0px;
}
.sf-menu ul ul li {	
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 1.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0.4em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

nav {
	/* customize_nav_background*/ background-color: none;/* customize_nav_background */
/*	background: url(images/navigation_bg.png) repeat-x;*/
	margin:0 0 0 0;
/*	padding:0 0.8%; */
	clear:both;
	z-index:1;
	border-bottom: 1px solid #AF006E;
	min-height: 33px;
}


nav ul {
	line-height:1;
}
/*nav ul li {border-right: 1px solid #e6e6e6;
}*/

nav ul li a {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:1.05em;
	/* customize_nav_link */color:#3c3c3c;/* customize_nav_link */
	text-decoration:none;
	/*text-shadow:1px 1px 3px #111;*/
	/*text-transform:uppercase;*/
}
nav ul li:hover > a , nav ul li a.nav-selected, nav ul li a.nav-path-selected, nav ul li:hover, nav ul li:active {
	/* customize_nav_link_hover */color:#fff;/* customize_nav_link_hover */
	/* customize_nav_link_hover_background */background-color:#AF006E;/* customize_nav_link_hover_background */
	border-radius: 0px;
}




/* Dropdown Menus */		
nav li ul {
	z-index:99;
}
nav li li {
	/* customize_nav_link_hover_background */background-color:#fff;/* customize_nav_link_hover_background */
    font-size: 0.8em;
    border-radius: 6px;
}
nav li li a {     font-size: 1.2em;
}	
nav li li a:hover, nav li li a.nav-selected, nav li li a.nav-path-selected {
	/* customize_nav_dropdown_link_hover_background background-color:#222;*//* customize_nav_dropdown_link_hover_background */
}
nav li li li {
	font-size:1em;
}

nav .clearboth {
	height:0;
}

#mobile-nav-btn {
    display: none;
    font-size:1.25em;
    font-weight: bold;
    color: #333;
	text-transform:uppercase;
    padding: .75em 1em;
    cursor: pointer;
	position:relative;
}
#mobile-nav-btn span {
	box-shadow: 0 10px 0 1px #314293, 0 16px 0 1px #314293, 0 22px 0 1px #314293;
    display: block;
    height: 0;
    position: absolute;
	top:8px;
    right: 1em;
    width: 16px;
}
.mobnav-subarrow {
    display: none;
}


/* Login bar dropdown */


.collapsible {
  background-color: #EACB1A;
  color: #AF006E;
  cursor: pointer;
  padding: 6px;
  width: 160px;
  border: none;
  text-align: center;
  outline: none;
  font-size: 14px;
  font-weight: 700;
  float: right;
}

.open, .collapsible:hover {
  background-color: #AF006E;
  color: #fff;
}

.topbar {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
  border: 1px solid #ddd;

}


.loginbar
{padding: 20px 20px 0 20px;
}


.ccm-custom-style-container.left {float:left; padding-right: 20px;}

.ccm-custom-style-container.right {overflow: hidden;}

.ccm-block-rss-displayer-item-summary {padding-bottom: 15px;}

.table.ccm-block-document-library-table {border-collapse: separate; border-spacing: 10px; width: 100%; text-align: left;}


.ccm-pagination-wrapper ul{
  display: flex;
  justify-content: flex-start;
  margin-top: 20px;
    margin-left: 0px;
}
.ccm-pagination-wrapper ul li{
  list-style: none;
}
.ccm-pagination-wrapper ul li {
  display: block;
  padding: 8px 10px;
  margin: 1px 3px;
  color: #717171;
  background-color: #f5f5f5;
  text-decoration: none;
  /*box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px; 
  background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea); */
  font-size: smaller;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
}
.ccm-pagination-wrapper ul li a:hover{
  border-color: #fff;
  background-color: #fdfdfd;
  background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
}
.ccm-pagination-wrapper ul li.active{
  color: #f2f2f2;
  background-color: #AF006E;
  /*border-color: #505050;
  background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c); */
  box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset; 
}

/* Footer Share This Page */

.ccm-block-share-this-page i{
    color:white;
    font-size: 1.5em;
}

/* Table vertical align top ECR */

.top-align-all td {vertical-align: top; }