@charset "UTF-8";
/* CSS - Ottawa Construction Association 

COLOURS:
Darker Blue:	#004162  rgba(0,65,98, 1)	
Dark Blue: 	#0a4471  rgba(10,68,113, 1)
Mid blue: 	#1a608b  rgba(26,96,139, 1)
Light Blue:	#388ab3  rgba(56,138,179, 1)
Lt Orange:	#f4a32e  rgba(244,163,46, 1)
*/

/* --------------------------------------- */
/* *********** GLOBAL STYLES ************* */
/* --------------------------------------- */
body {
	margin:0;
	padding:0;
}

.ink-grid {
  width: auto;
  max-width: 1400px;
  margin: auto;
	  padding: 0;
}
@media screen and (min-width: 961px) and (max-width: 1260px) {
	.ink-grid {
	  width: auto;
	  /*max-width: 960px; */
	  margin: 0 auto;
	}
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) {
	.top_logo {
		padding: 10px 10px;
	}
}

/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.top_logo {
		padding: 10px 10px;
	}
}

/* *** TINY *** */
@media screen and (max-width: 320px) {
	.top_logo {
		padding: 10px 10px;
	}
}


a {
  color: #1a608b;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #388ab3;
  text-decoration: underline;
}

.button, .button_lg {
	display:inline-block;
	position: relative;
	margin: 0 0 8px 0;
	padding: 12px;
	background-color: #0a4471; /*dark*/
	background-color: #1a608b;
	
	font-size: 0.7em;
	color: #FFF;
	text-align:center;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 3px 3px ;
	-moz-box-shadow: rgba(0,0,0, 0.2) 2px 3px 3px ;
	box-shadow: rgba(0,0,0, 0.2) 2px 3px 3px ;
}
.button:hover {
	background-color: #f4a32e; /*orange*/
	background: #f4a32e -moz-linear-gradient(top, rgba(244,163,46, 1) 0%, rgba(236,92,0, 1) 100%); /* FF3.6+ */
	background: #f4a32e -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,163,46, 1)), color-stop(100%,rgba(236,92,0, 1))); /* Chrome,Safari4+ */
	background: #f4a32e -webkit-linear-gradient(top, rgba(244,163,46, 1) 0%,rgba(236,92,0, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: #f4a32e -o-linear-gradient(top, rgba(244,163,46, 1) 0%,rgba(236,92,0, 1) 100%); /* Opera11.10+ */
	background: #f4a32e -ms-linear-gradient(top, rgba(244,163,46, 1) 0%,rgba(236,92,0, 1) 100%); /* IE10+ */
	background: #f4a32e linear-gradient(top, rgba(244,163,46, 1) 0%,rgba(236,92,0, 1) 100%); /* W3C */
	
	color: #FFF;
	text-decoration:none;
}
.button_lg {
	font-size: 1em;
}

.button.full,
.button.fade,
.button.full:hover {
	background:#E3E3E3;
	color: #999;
}
.button.full:hover:after {
	content: ' \00BB CLOSED';
	color:red;
} 

/* added by craig, fixes ocyl img staying a static size on firefox */
.img-button{
	width: 100%;
}

h1 {
  font-size: 2.2em;
  margin-top: 1em;
  margin-bottom: 0.57539em;
}

h2 {
  font-size: 1.75em;
  margin-top: 1em;
  margin-bottom: 0.72334em;
}

h3 {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 1.25em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h5 {
  font-size: 1.1em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

h6 {
  font-size: 1.1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

ul, ol {
  line-height: 1.4;
  padding: 0 0 0 1.45em;
  margin: 0 0 1em 0;
}
ul li, ol li {
  margin: .5em 0;
}


.doc_type {
	display:inline-block;
	position:relative;
	min-width: 30px;
	margin:0 0px 0 0;
	padding: 0 10px 0 0;
	font-weight:normal;
	font-size:0.8em;
	color: #BBB;
}
.doc_type {
	background-position: left center;
	background-repeat: no-repeat;
}
.doc_type img {
	width:20px;
	height:20px;
	border:0;
}
.doc_type.pdf {
  background-image:url('../images/ico_pdf.jpg');
}.doc_type.pdf:after { content: " PDF"; }

.doc_type.xlxs {
  background-image:url('../images/ico_xlsx.png');
}.doc_type.xlxs:after { content: " XLXS"; }

.doc_type.web {
  background-image:url('../images/ico_web.jpg');
}.doc_type.web:after { content: " WEB"; }

.doc_type.fax {
  background-image:url('../images/ico_fax.jpg');
}.doc_type.fax:after { content: " FAX"; }

.doc_type.tel {
  background-image:url('../images/ico_tel.jpg');
}.doc_type.tel:after { content: " TEL"; }

.doc_type.email {
  background-image:url('../images/ico_email.jpg');
}.doc_type.email:after { content: " MAIL"; }



/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.button{
			margin: 0 5px 5px 0;
		}
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.button{
			margin: 0 5px 5px 0;
		}
	}


/* --------------------------------------- */
/* *************** HEADER **************** */
/* --------------------------------------- */
header {
	background: transparent;
	background-image:url('../images/BG_grid01.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}
.header_grid {
	background-image:url('../images/headerTop-logo_BG.png');
	background-position: center -3px;
	background-repeat: no-repeat;
	min-height: 382px;
}
header h1 small:before  {
	content: "|";
	margin: 0 0.5em;
	font-size: 1.6em;
}

#impact {
	display:block;
	position: relative;
	min-height: 500px;
	background-image: url('../images/BG_homepage.jpg');
	background-repeat:no-repeat;
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#home #impact {
	display:block;
	position: relative;
	min-height: 1050px;
	background-image: url('../images/BG_homepage.jpg');
	background-repeat:no-repeat;
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#tenders .header_grid {
	min-height: 60px;
}
#tenders #impact {
	background-image:none;
	min-height: 60px;
	height: 60px;
}
	
	/* *** LARGE *** */
	@media screen and (min-width: 961px) and (max-width: 1260px) {
		#impact {
			min-height: 400px;
		}
	}
	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		#impact {
			min-height: 400px;
		}
		#home #impact {
			background-position: 40% center;
		}
	}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.header_grid {
			background-position: center -50px;
		}
		#home #impact {
			background-position: 20% center;
		}
		#impact {
			background-image:none;
			min-height: 142px;
			height: 142px;
		}
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		#home #impact {
			background-position: 20% center;
		}
		#impact {
			background-image:none;
			min-height: 182px;
		}
	}
	
.highlights {
	display:block;
	margin: 0 8% 0 0;
	padding: 20px;
	color:#FFF;
	background-color: rgba(0,0,0, 0.5);
}
.highlights h1 {
	color: #FFF;
}



/* --------------------------------------- */
/* ************** SEPARATOR ************** */
/* --------------------------------------- */
#separator {
	display:block;
	position: relative;
	margin: 0 0 10px 0;
	min-height:150px;
	min-height:50px;
	background-image:url('../images/BG_grid01.jpg');
	background-position: center top;
	background-repeat: repeat-x;
	
}
.HL_block {
	display:block;
	position: relative;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0 20px;
}
.HL_block img {
	height: 216px;
	width: 428px;
}
.HL_block a {
	display: inline-block;
	margin:5px 5px;
	padding:0;
	border:solid 10px #FFF;
	-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 22px ;
	-moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 22px ;
	box-shadow: rgba(0,0,0, 0.4) 0px 0px 22px ;
}
.HL_block a:hover {
	text-decoration:none;
}



/* --------------------------------------- */
/* ************ CONTENT AREA ************* */
/* --------------------------------------- */
#content {
	display:block;
	position: relative;
	padding: 50px;
	background-color: #FFF;
	min-height: 200px;
}
	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		#content {
			padding: 30px;
		}
	}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		#content {
			padding: 20px;
		}
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		#content {
			padding: 20px;
		}
	}
.mainHeading {
	display:block;
	margin: 20px 0 0 0;
	padding: 15px 0 0 0;
	
	background-image:url('../images/BG_grid01.jpg');
	background-position: center top;
	background-repeat: repeat-x;
}

.mainHeading a {
	display: block;
	margin: 0;
	background-color: #FFF;
	text-transform:uppercase;
	text-decoration: none;
}

.magCover {
	display: inline-block;
	margin: 0 auto;
	padding: 2px;
	background-color: #0a4471;
	text-decoration: none;

	
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
    -webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
}
.magCover:hover {
	margin-top: -2px;
	margin-bottom: 2px;
    -moz-box-shadow: 0 6px 12px rgba(0,0,0, .45);
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .45);
	box-shadow: 0 6px 12px rgba(0,0,0, .45);
}
.magCover img {
	/*
	width:100%;
	height:auto;
	*/
	max-height: 290px;
	width: auto;
}



.news-list {
}
.news-list,
.news-list li {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.news-list li {
	border-bottom: 0px solid #CCC;
}
.news-list li a {
	display:block;
	padding: 15px 0px 0px 0px;
	color:#666;
	font-size: 0.85em;
	border-bottom:solid 1px #CCC;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.news-list li:hover a {
	text-decoration:none;
	color:#000;
}

.news-list  h4 {
	margin:5px 0 5px 0;
	color:#333;
	font-size: 1.3em;
}
.news-list li:hover h4 {
	color:#1a608b;
}



/* --------------------------------------- */
/* ************** DIRECTORY ************** */
/* --------------------------------------- */
.whitepages,
.yellowpages {
	margin:0;
	padding: 0px 10px 10px 10px;
	border: solid #e3e3e3;
	border-width: 1px 0 0 0;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 0px 4px 6px ;
	-moz-box-shadow: rgba(0,0,0, 0.2) 0px 4px 6px ;
	box-shadow: rgba(0,0,0, 0.2) 0px 4px 6px ;
}

.whitepages {
	background-color: #F3F3F3;
	background: #F3F3F3 -moz-linear-gradient(top, rgba(256,256,256,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
	background: #F3F3F3 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(256,256,256,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
	background: #F3F3F3 -webkit-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
	background: #F3F3F3 -o-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* Opera11.10+ */
	background: #F3F3F3 -ms-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: #F3F3F3 linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
}
.yellowpages {
	background-color: #FFC;
}
.whitepages:before,
.yellowpages:before {
	content: 'Alphabetical';
	text-align:center;
	text-transform:uppercase;
	font-size: 0.6em;
	color:#999;
}
.yellowpages:before {
	content: 'Categories';
}


.alphatabs,
.alphatabs li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 12;
}
.alphatabs{
	display:block;
	height:auto;
	margin: 0px 0 5px 0;
	background-color: #EEE;
	/*
	border: solid #BBB;
	border-width: 0 1px 1px 1px;
	*/
}
.alphatabs li {
	display: block;
	float: left;
	margin: 1px 0;
		width: 3.84%; /*span 1 row */
		width: 7.69%; /*span 2rows (no numeric) */
		width: 7.09%;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	left: 0;
	right: 0;
}
.alphatabs li.num {
	width: 14.18%;
}
.alphatabs li a {
	display: block;
	margin: 1px;
	padding: 12px 4px;
		padding: 8px 4px;
	color: #999;
	text-decoration: none;
}

@media screen and (max-width: 875px) {
	.alphatabs li {
		width: 7.69%;
	}
	.alphatabs li a {
		padding: 8px 4px;
	}
}

.alphatabs li:hover a {
	background-color: #388ab3;
	color: #FFF;
}
.alphatabs li.active a {
	background-color: #666 ;
	background: -moz-linear-gradient(top, rgba(70, 70, 70, 1), rgba(100, 100, 100, 1));
	background: -webkit-gradient( linear, left top, left bottom, from( rgba(70, 70, 70, 1) ), to( rgba(100, 100, 100, 1) ) );
	background: linear-gradient(top, rgba(70, 70, 70, 1), rgba(100, 100, 100, 1));
	filter: progid:DXImageTransform.Microsoft.Gradient( startColorStr='#333', endColorStr='#999', GradientType=0 );
	
	color: #FFF;
}



/* --------------------------------------- */
/* ************* LIST STYLES ************* */
/* --------------------------------------- */

/* ------ GENERAL DEFAULTS ------- */
.directory_list,
.documents_list,
.tender_list,
.courses_list,
.employment_list,
.discounts,
.admin_list,
.log-entries {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.directory_list li,
.documents_list li,
.tender_list li,
.courses_list li,
.employment_list li,
.discounts li,
.log-entries li {
	margin:0;
	padding: 12px;
	border-bottom:solid 1px #CCC;
}


.log-entries li {
	font-size: 0.85em;
	padding: 6px;
}

li.list_header {
	font-weight:bold;
	text-transform:uppercase;
	color:#0a4471;
	color:#bbb;
	padding-top: 20px;
	padding-bottom: 3px;
}



/* ------ ADMIN PANEL -------*/
.admin_list,
.admin_list .controls {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.admin_list li {
	margin:0;
	padding: 12px 5px;
	border-bottom:solid 1px #CCC;
}
	.admin_list  li.not_active {
		background-color: #F9F9F9;
	}
	.admin_list .not_active h5 a {
		color: #999;
	}

.admin_list li .controls {
	display:none;
}
.admin_list li:hover .controls {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
}
.controls a {
	display:inline-block;
	position:relative;
	/*border:1px solid #EEE;
	*/
	background-color: #F9F9F9;
	padding: 1px 5px;
	font-size:0.85em;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0, 0.4) 1px 1px 4px ;
	-moz-box-shadow: rgba(0,0,0, 0.4) 1px 1px 4px ;
	box-shadow: rgba(0,0,0, 0.4) 1px 1px 4px ;
}
.controls a:hover {
	background-color:#FFF;
	text-decoration:none;
}
.controls a.delete {
	color: #C00;
}


/* ------ DIRECTORY ------- */
.directory_list li {
	padding:0;
}
.directory_list li a {
	display:block;
	padding:0;
	padding: 10px 10px;
	color:#666;
	font-size: 0.9em;
}
.directory_list li:hover a {
	text-decoration:none;
	background-color: #388ab3;
	color: #FFF;
}

.directory_list  h4 {
	margin:5px 0 5px 0;
	color:#333;
	font-size: 1.3em;
}
.directory_list li:hover h4 {
	color:#1a608b;
}

.directory_list .catg {
	display:block;
	position:relative;
	font-size: 0.8em;
	
}
	.directory_list li a:after {
	  content: "";
	  display: table;
	  clear: both;
}


/* ------ TENDERS ------- */
.tender_loc, .tender_no, .tender_title {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.tender_loc {
	font-weight:bold;
}
.tender_no {
}
.tender_title {
}


/* ------ COURSES ------- */
.courses_list li h5 {
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #388ab3;
	cursor:pointer;
}
.courses_list li h5:hover {
	text-decoration:none;
	color: #388ab3;
	color:#0a4471;
}

.date_cal {
	display:block;
	margin:0px 20px 0 -10px;
	padding:0px;
	border:3px solid #FFF;
	text-align:center;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 1px 3px 5px ;
	-moz-box-shadow: rgba(0,0,0, 0.2) 1px 3px 5px ;
	box-shadow: rgba(0,0,0, 0.2) 1px 3px 5px ;
}
.month, .day, .info {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.info {
	width:100%;
	font-size: 0.85em;
}
.month {
	padding: 3px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	background-color: #555;
	background-color: #1a608b;
}
.day {
	padding: 1px 4px;
	
	background-color: #EEE;
	background: #EEE -moz-linear-gradient(top, rgba(256,256,256,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: #EEE -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(256,256,256,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: #EEE -webkit-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: #EEE -o-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* Opera11.10+ */
	background: #EEE -ms-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: #EEE linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
}
.month { font-size:0.7em; }
.day { font-size:1.3em; }

.month { font-size:1em; }
.day { font-size:0.9em; }

.session_full .month,
.session_cancelled .month,
.event_full .month,
.sponsor_full .month {
	background-color: #c3c3c3;
}
.session_full .day,
.session_cancelled .day,
.event_full .day,
.sponsor_full .day {
	color:#c3c3c3;
}

li.session_full h5,
li.session_cancelled h5,
li.event_full h5,
li.sponsor_full h5 {
	color:#c3c3c3;
}
li.session_full h5:after,
li.session_cancelled h5:after,
li.event_full h5:after,
li.sponsor_full h5:after {
	color:red;
}
li.session_full h5:after {	content: ' \00BB SESSION IS FULL'; }
li.session_cancelled h5:after {	content: ' \00BB SESSION CANCELLED'; }
li.event_full h5:after {	content: ' \00BB EVENT IS FULL'; } 
li.sponsor_full h5:after {	content: ' \00BB SPONSORS FULL'; } 




/* ------ DOCUMENTS ------- */
.documents_list li {
	padding: 8px 0 12px 0;
}
.documents_list li h5 {
	display:block;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #388ab3;
	cursor:pointer;
}
.documents_list li h5:hover {
	text-decoration:none;
	color: #388ab3;
	color:#0a4471;
}


/* ------ DISCOUNTS ------- */
.discounts li {
	padding: 15px 0;
}
.discount_logo {
	padding:10px 20px;
	text-align:center;
}
.discounts  h4 {
	margin:5px 0 5px 0;
	font-size: 1.3em;
}


.mag_archives {
	padding: 10px;
	list-style:none;
}
.mag_archives li {
	margin:0;
	padding:0;
	border-bottom:solid 1px #EEE;
}
.mag_archives li a {
	display:block;
	margin:0;
	padding: 5px;
	color:#666;
	font-size: 0.7em;
}
.mag_archives li:hover a {
	text-decoration:none;
	background-color: #388ab3;
	color: #FFF;
}
.mag_archives li a:after {
	content: "";
	display: table;
	clear: both;
}


.tggl-trigger {
}
.tggl-trigger:hover {
	cursor: pointer;
}

.tggl-drawer {
	margin: 0;
	padding: 0;
}

.expand {
  color: #000;
  background-color: #FFF;
}
.expand:hover {
  color: #000;
}
#arrow {
	display: block;
	position: relative;
	float: left; 
	width: 20px;
	height: 20px;
	margin: 0 0 -20px 0;
	background-color: #E3E3E3;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url('../images/ico_toggleArrow.png');
	left: -25px;
	top:2px;
}
h3 #arrow {
	margin: 0 0 -20px 0;
	left: -25px;
	top:5px;
}
.expand #arrow {
	background-position: bottom center;
	background-color: #E3E3E3;
	background-color: #bee2f4;
}

/* --------------------------------------- */
/* ************ SIDEBAR NAV ************** */
/* --------------------------------------- */
.sidebar {
	margin-left:3%;
}
#admin .sidebar {
	margin:0;
	padding-right:3%;
}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.sidebar {
			margin-left: 0;
		}
		#admin .sidebar {
			margin:0;
			padding:0;
		}
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.sidebar {
			margin-left: 0;
		}
		#admin .sidebar {
			margin:0;
			padding:0;
		}
	}

.nav_side,
.nav_side li {
	display:block;
	position:relative;
	margin: 0;
	padding:0;
	list-style:none;
}
.nav_side {
	margin: 10px 0 30px 0;
}
.nav_side li {
	margin:0;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 2px 3px 3px ;
	-moz-box-shadow: rgba(0,0,0, 0.2) 2px 3px 3px ;
	box-shadow: rgba(0,0,0, 0.2) 2px 3px 3px ;
}
.nav_side li a {
	display:block;
	padding: 12px 20px 12px 20px;
	color:#666;
	font-size: 0.9em;
	
	background-color: #EEE;
	background: #EEE -moz-linear-gradient(top, rgba(256,256,256,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: #EEE -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(256,256,256,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: #EEE -webkit-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: #EEE -o-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* Opera11.10+ */
	background: #EEE -ms-linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: #EEE linear-gradient(top, rgba(256,256,256,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
	
}
.nav_side li a:hover,
.nav_side li.active a {
	margin: 0px 0 0px 0;
	text-decoration:none;
	color:#FFF;
	background: #FFF;
	background-color: #f4a32e;
}
.nav_side li.active a {
	background: none;
	background-image: url('../images/navSide_BGactive.png');
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: none;
	margin-left: -45px;
	padding-left: 50px;
}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		.nav_side li.active a {
			margin-left: 0px;
			padding-left: 20px;
			background-position: right center;
		}
		
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		.nav_side li.active a {
			margin-left: 0px;
			padding-left: 20px;
			background-position: right center;
		}
	}
	
#admin .nav_side li {
	-webkit-box-shadow: rgba(0,0,0, 0) 0px 0px 0px ;
	-moz-box-shadow: rgba(0,0,0, 0) 0px 0px 0px ;
	box-shadow: rgba(0,0,0, 0) 0px 0px 0px ;
	background-color: #FFF;
}
.nav_side .sub_side {
	display:block;
	padding: 0px 0px 10px 20px;
	
}
#admin .nav_side li a.expand {
	background: #bee2f4;
}
.nav_side .sub_side li a {
	font-size: 0.75em;
	padding: 8px 15px 8px 15px;
}
#admin .nav_side li.active a {
	background: none;
	background-image: url('../images/navSide_BGactive.png');
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: none;
	margin-left: 0px;
	padding-left: 15px;
}


/* --------------------------------------- */
/* *************** FOOTER **************** */
/* --------------------------------------- */
footer {
	display:block;
	position: relative;
	margin:0;
	padding:0;
	
	background-color: #0a4471;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a4471', endColorstr='#388ab3');
	background: -moz-linear-gradient(top, #0a4471 0%, #388ab3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0a4471), color-stop(100%, #388ab3));
	background: -webkit-linear-gradient(top, #0a4471 0%, #388ab3 100%);
	background: -o-linear-gradient(top, #0a4471 0%, #388ab3 100%);
	background: -ms-linear-gradient(top, #0a4471 0%, #388ab3 100%);
	background: linear-gradient(to bottom, #0a4471 0%, #388ab3 100%);
	
}
#footerinfo {
	display:block;
	position: relative;
	padding: 50px;
	min-height: 100px;
	color: #FFF;
}
	/* *** MEDIUM *** */
	@media screen and (min-width: 641px) and (max-width: 960px) {
		#footerinfo {
			padding: 30px;
		}
	}
	/* *** SMALL *** */
	@media screen and (min-width: 321px) and (max-width: 640px) {
		#footerinfo {
			padding: 20px;
		}
	}
	/* *** TINY *** */
	@media screen and (max-width: 320px) {
		#footerinfo {
			padding: 20px;
		}
	}

.legalFoot {
	display:block;
	position: relative;
	margin:0;
	padding:10px;
	color:#9fcbe6;
	text-align:center;
	font-size: 0.7em;
	background-color: #1a608b;
}
.legalFoot a {
  color: #9fcbe6;
}
.legalFoot a:hover {
  color: #FFF;
  text-decoration: underline;
}


/* ------------------NAV-------------------- */
#navFoot,
#navFoot li {
	display:block;
	position: relative;
	margin:0;
	padding:0 20px;
	list-style:none;
}
#navFoot li {
	padding: 0px 0px 0px 15px;
}
#navFoot .nav_hdr {
	padding: 0px;
}
#navFoot li a {
	display:block;
	position: relative;
	padding: 5px;
	color:#9fcbe6;
	line-height: 1.15em;
	font-size: 1em;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#navFoot li a:hover {
	text-decoration: none;
	color: #fff;
}
#navFoot .nav_hdr a {
	color:#DDD;
	font-size: 1.1em;
}
#navFoot li.nav_hdr a:hover {
	background-color: transparent;
	color:#FFF;
}



/* --------------------------------------- */
/* ************** TOP MENU *************** */
/* --------------------------------------- */
.top-menu {
	display:block;
	position: relative;
	
		  position: fixed;
		  top: 0;
		  width:100%;
  
	background: #fff;
	background-color: #0a4471;
	background-color: rgba(10,68,113, .8);
	padding: 0 0;
	z-index:99;
}
	.top-menu:after {
	  content: "";
	  display: table;
	  clear: both;
	}

/* -------------------------------------- */

nav {
	display:block;
}
.top_logo {
	display:block; 
	float:left; 
	padding:10px 0; 
}
/* *** MEDIUM *** */
@media screen and (min-width: 641px) and (max-width: 960px) {
	.top_logo {
		padding: 10px 10px;
	}
}

/* *** SMALL *** */
@media screen and (min-width: 321px) and (max-width: 640px) {
	.top_logo {
		padding: 10px 10px;
	}
}

/* *** TINY *** */
@media screen and (max-width: 320px) {
	.top_logo {
		padding: 10px 10px;
	}
}


#navMain {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	list-style:none;
	text-align:center;
}

#navMain li.top {
	display:inline-block; 
	margin: 0px 2px 0 2px;
	padding: 0;
	-webkit-transition: border 0.2s linear;
	-moz-transition: border 0.2s linear;
	-o-transition: border 0.2s linear;
	-ms-transition: border 0.2s linear;
	transition: border 0.2s linear;
}
	#navMain li.top:hover,
	#navMain li.top.active {
	  margin-bottom: -8px;
	  border-bottom: solid 8px #4dc8f3;
  
	  -webkit-box-shadow: rgba(0,0,0, 0.25) 0px 6px 8px ;
	  -moz-box-shadow: rgba(0,0,0, 0.25) 0px 5px 8px ;
	  box-shadow: rgba(0,0,0, 0.25) 0px 6px 8px ;
	}

#navMain li a.top_link {
	display:block;
	margin:0;
	padding:0; 
	height:40px;
	
	color:#FFF;
	text-decoration: none;
	font-size: .95em; 
	font-weight: normal;
	text-transform: uppercase;
}
	#navMain li:hover a.top_link {
	  margin:0;
	  padding:0;
	  color:#388ab3;
	  color: #FFF;
	  background-color: #FFF;
	  background-color: rgba(256,256,256, 0.25);
	}

#navMain li.active,
#navMain li.active:hover {
}
#navMain li.active a.top_link, 
#navMain li.active:hover a.top_link {
	font-weight: normal;
}
#navMain li.active a.top_link {
}

/* DECREASE Left & Right padding to fit longer Section Page Names */
#navMain li a.top_link span { 
	display:block;
	padding: 8px 8px;
}	
	#navMain li:hover a.top_link span {
	}

/* Default list styling */
#navMain li:hover {
	position:relative;
}
	#navMain li.top li:hover {
	  position:relative; 
	  z-index:550;
	  background-color:#f4a32e;
	}

/* keep the 'next' level invisible by placing it off screen. */
#navMain ul.sub, 
#navMain li:hover ul ul,
#navMain li:hover ul li:hover ul ul,
#navMain li:hover ul li:hover ul li:hover ul ul,
#navMain li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; 
width:0; height:0; margin:0; padding:0; 
list-style:none;
}

#navMain li:hover ul.sub {	
	z-index:600;
	position:absolute;
	left: 0; 
	top: 45px;
	padding: 12px 2px 2px 2px;
	width: auto;
	height:auto; 
	background-color: #FFF;
	border-left:1px solid #c3c3c3;
}
#navMain li:hover ul.sub li {
	display:block;
	position:relative; 
	float:left;
	margin:0;
	width: 220px;
	font-weight:normal;
	text-align:left;
}
#navMain li:hover ul.sub li a {
	display:block; 
	font-size:.85em;
	line-height:1.2em;
	padding: 8px 20px 8px 8px; 
	color:#333; 
	text-decoration:none;
	background-color: none;
}
	

div.arrow {
	display: inline;
	position: absolute;
	right: 8px;
	top: 5px;
	float: right;
	color:#FFFFFF;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}
	
#navMain li:hover ul.sub li a:hover {
	background-position: center left;
	background-repeat: no-repeat;
	
	color:#fff; 
}

#navMain li:hover ul li:hover > a.fly { color:#000; } 

#navMain li:hover ul li:hover ul,
#navMain li:hover ul li:hover ul li:hover ul,
#navMain li:hover ul li:hover ul li:hover ul li:hover ul,
#navMain li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
	left:215px; 
	top:0px; 
	padding: 5px; 
	white-space:nowrap;
	z-index:600; 
	height:auto;
	width: 220px;
	
	-moz-box-shadow: 0 0 12px rgba(256, 256, 256, .3);
  -webkit-box-shadow: 0 0 12px rgba(256, 256, 256, .3);
  box-shadow: 0 0 12px rgba(256, 256, 256, .3);
}
#navMain li:hover ul li:hover ul li:hover ul {
	left:100px; 
	top: 0px; 
}


/* -------------- MOBILE NAV --------------*/

/* fixes mobile nav to top of browser window  - craig*/
.mobile-nav{
	background-color: #0a4471;
	background-color: rgba(10,68,113, .8);
	position: relative;
	top: 0;
	z-index: 99;
	width: 100%;	
}


/* ----------- error displays ----------- */
.err {
display:block;
margin: 10px 0 10px 0;
padding: 0;
width: 99%;
	border: 0;
	list-style:none;
}
.err li {
display: block;
margin: 5px 0;
padding: 10px 10px 10px 40px;
	border: 0;
	background-color: #FFFF99;
	font-size : 12px;
	font-weight:bold;
	color: #990000;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
.err li span {
	display: block;
	position: relative;
	float: left;
	margin: -3px 10px 0 -32px;
	padding: 0;
	width: 21px;
	height: 21px;
	background-image: url('../images/ICO_alert_red.png');
	background-repeat: no-repeat;
	background-position: center left;
}

/* ----------- confirmation displays ----------- */
.conf {
display:block;
margin: 10px 0 10px 0;
padding: 0;
width: 100%;
	border: 0;
	list-style:none;
}
.conf li {
display: block;
margin: 5px 0;
padding: 20px;
	border: 1px solid #8ec008;
	background-color: #a6ed9a;
	font-size : 12px;
	font-weight:bold;
	color: #000;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

/* ----------------------------------- */
/* ********** FORM Styles ************ */
/* ----------------------------------- */
.form_wrapper {
	padding: 25px;
	background-color: #EBEBEB;
	background-color: #e9eff3;
  border: 1px solid #c6c6c6;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.ink-form select,
.ink-form textarea,
.ink-form input[type="text"],
.ink-form input[type="password"],
.ink-form input[type="datetime"],
.ink-form input[type="datetime-local"],
.ink-form input[type="date"],
.ink-form input[type="month"],
.ink-form input[type="time"],
.ink-form input[type="week"],
.ink-form input[type="number"],
.ink-form input[type="email"],
.ink-form input[type="url"],
.ink-form input[type="search"],
.ink-form input[type="tel"],
.ink-form input[type="color"] {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
  padding: 8px 6px;
  border: 1px solid #c6c6c6;
  resize: none;
  background-color: #FAFAFA;
  /*background-color: rgba(256,256,256,0.4); */
  vertical-align: middle;
  color: #000;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.ink-form textarea {
  resize: auto;
}
	.ink-form.onwhite select,
	.ink-form.onwhite textarea,
	.ink-form.onwhite input[type="text"],
	.ink-form.onwhite input[type="password"],
	.ink-form.onwhite input[type="datetime"],
	.ink-form.onwhite input[type="datetime-local"],
	.ink-form.onwhite input[type="date"],
	.ink-form.onwhite input[type="month"],
	.ink-form.onwhite input[type="time"],
	.ink-form.onwhite input[type="week"],
	.ink-form.onwhite input[type="number"],
	.ink-form.onwhite input[type="email"],
	.ink-form.onwhite input[type="url"],
	.ink-form.onwhite input[type="search"],
	.ink-form.onwhite input[type="tel"],
	.ink-form.onwhite input[type="color"] {
	  border: 1px solid #ccc;
	  background: white;
	  color: #000;
	}

.ink-form select:hover,
.ink-form textarea:hover,
.ink-form input[type="text"]:hover,
.ink-form input[type="password"]:hover,
.ink-form input[type="datetime"]:hover,
.ink-form input[type="datetime-local"]:hover,
.ink-form input[type="date"]:hover,
.ink-form input[type="month"]:hover,
.ink-form input[type="time"]:hover,
.ink-form input[type="week"]:hover,
.ink-form input[type="number"]:hover,
.ink-form input[type="email"]:hover,
.ink-form input[type="url"]:hover,
.ink-form input[type="search"]:hover,
.ink-form input[type="tel"]:hover,
.ink-form input[type="color"]:hover {
  background-color: #FDFDFD;
}

.ink-form select:focus,
.ink-form textarea:focus,
.ink-form input[type="text"]:focus,
.ink-form input[type="password"]:focus,
.ink-form input[type="datetime"]:focus,
.ink-form input[type="datetime-local"]:focus,
.ink-form input[type="date"]:focus,
.ink-form input[type="month"]:focus,
.ink-form input[type="time"]:focus,
.ink-form input[type="week"]:focus,
.ink-form input[type="number"]:focus,
.ink-form input[type="email"]:focus,
.ink-form input[type="url"]:focus,
.ink-form input[type="search"]:focus,
.ink-form input[type="tel"]:focus,
.ink-form input[type="color"]:focus {
  outline: none;
  background-color: rgba(256,256,256,0.75);
  background-color: #FFF;
  border-color: rgba(153, 153, 153, 0.9);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 3px ;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 3px ;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 3px 3px ;
  outline: 0 none;
  color: #333;
}
.ink-form .control-group.required label, .ink-form .control-group.required p.label {
	
}
	.ink-form.onwhite .control-group.required label,
	.ink-form.onwhite .control-group.required p.label {
	  color: #000;
	}
.ink-form .control-group.required label:after, .ink-form .control-group.required p.label:after {
  content: "\f069";
  color: #c91111;
  color: #4dc8f3;
  margin-left: .6em;
  font-family: FontAwesome;
  font-size: .65em;
  width: 1.25em;
}
.ink-form .control-group.required ul.control label:after {
  content: "";
}

.ink-form p.tip {
  font-size: .875em;
  line-height: 1.2em;
  color: #909090;
  position: relative;
  margin: 0em 0 .8em .1em;
}

.form_login {
	background-color: #EEE;
	padding: 50px;
}

.ink-form input.title {
	font-size:1.8em; 
	font-weight:bold;
}