/*** Post Styling for supporting meta data ***/

/*** Style Index 
0. Global
1. Header
	1.1 Skip Links
	1.2 Logo
	1.3 Top Navigation
	1.4 main top navigation
	1.5 Header Search

2. Content
3. Asides (Sidebar)
4. Widgets
5. Breadcrumb
6. Navigation - Menu
7. Footer
8. Typography
9. Social Media
10. Custom Styles
11. Career Page


***/


/*****************************************************************************************
*				GLOBAL SETTINGS
*
****************************************************************************************
/* =Global
----------------------------------------------- */
/*
 * 1.0 Reset
 * Reset CSS by Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 */
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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	word-wrap: break-word;
	-ms-word-wrap: break-word;
	margin: 0;
	padding: 0;
	line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	content: none;
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
	border: 1px dotted #111;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}
#contactForm label{
	color:#111;	
}
#respond label.contact-form,
#respond label{
	color:#111;
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Oxygen', sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
p {
	
	padding: 0px 0px 10px 0px;
	font-family:'Open Sans', Tahoma, Arial;
    line-height: 27px;
    font-size: 1em;
	margin: 10px 0px 17px;
	
}
ul, ol {
	margin: 0 0 1.5em 3em;
	font-family:'Open Sans', Tahoma, Arial;
	font-size: 1em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: 600;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;

}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Alignment for Wordpress image !important*/
.alignleft,
.attachment-alignleft {
	display: inline;
	float:left;
	text-align:left;
	margin: 10px;
}
.alignright {
	display: inline;
	float:right;
	text-align:right;
	margin: 10px;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}



/******************************
    1.1 skip navigation links
********************************/
a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
	color:#fff;
	background-color:#000;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 40%;
    height: auto;
    overflow:auto;
    margin: 90px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.3em;
    z-index:999;
}	
/*****************************************************************************************
*				1.2	LOGO
*
*******************************************************************************************/





/*********************************************************************************
		1.3. Mini Top NAVIGATION 
**********************************************************************************/

#mini-topnav.navbar-inverse {

    background-color:#004c6a;
	line-height: 18px;
   	padding: 0px 0px;
	color:#fff;	
	max-height: 35px !important;
	margin-top: 0px;
	font-family: 'Oxygen', Arial;
}
#left-mini-topnav{

}
#mini-topnav.navbar-inverse ul {
    /*background-color: #00A3E3;*/
    background-color:#004c6a;
    margin-top: 0px;
    margin-bottom: 0px;
}
#mini-topnav.navbar-inverse li a{
	/*padding: 0px 0px 4px 0px;*/
	padding: 7px 5px 2px 5px;
	margin-top: 0px;
    color:#fff;
    background-color:#004c6a;
    font-size: 0.9em;
    font-family: 'Oxygen', Arial;
}
#mini-topnav li a:hover {
    text-decoration: underline;
}
#mini-topnav .list-inline > li, 
#mini-topnav  > li{
	padding-right: 10px;	
}
/*#mini-topnav .navbar-nav > li > a,
#mini-topnav > li > a,*/
#mini-topnav > a > img
{
		padding-top: 5px;   
}
#mini-topnav ul.list-inline2{
	display: block;
	list-style-type: none;
	padding-right: 20px;
	font-size: 0.9em;
}
#mini-topnav ul.list-inline2 li a{
	padding: 0px 0px 4px 0px;
	margin-top: 0px;
	font-size: 0.9em;
    color:#fff;
}

/****************************************************************************
*
*				HEADER DIV
***************************************************************************/
#header-div{
	margin: 0 auto;
	min-height: 90px;
	/*background:#fff url('../images/footer-bg.png') repeat top left;*/
	background-color:#fff;
	padding: 0;

	-webkit-box-shadow: 1px 4px 3px 0px rgba(48, 50, 50, 0.48);
    -moz-box-shadow:    1px 4px 3px 0px rgba(48, 50, 50, 0.48);
    box-shadow:         1px 4px 3px 0px rgba(48, 50, 50, 0.48); 
}
#header-div img{
	margin-top: 5px;
	margin-bottom: 0px;
}

header {
	/*background: #000 url(../images/vintage_deep_red.jpg) repeat top left;*/
    background: #fff url("default_header_bg.gif") repeat top left;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	z-index: 1;
	margin: 0;
	padding: 0;
	min-height: 185px;
	margin-left: -15px;
	margin-right: -15px;
	
	position: relative;
}
header h1,
header h2 {
	color: #fff;	
}
header h1 {
	font-family: "Amarante", sans-serif;
	font-size: 4.3em;
	letter-spacing: -1px;
	margin-top: 10px;
	font-weight:normal;
}
.feature:after {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.8);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.transparent {
  	/*background-color: rgba(255, 255, 255, 0.5);*/
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: -1;
}

/*************** LOGO AND SCHOOL NAME *******************/
#schoolLogo{
	padding-top: 10px;
    display: inline-block;
	position: relative;
	z-index: 2;
}
#schoolLogo img
{
	text-align:right;
	margin-top: 20px;
	float: right;
	margin-left: 10px;
}
#schoolName{
	display: inline-block;
	position: relative;
	z-index: 2;
	padding-top: 40px;
}
#schoolName a:hover{
	text-decoration:none;	
}

#schoolName h1
{
	text-align:left;
	position: relative;
	z-index: 100;
	font-family: "Lobster", sans-serif;
	font-size: 2.6em;
	font-weight:700;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #666;
}
span.dhs, 
span.dhs a:link
{
    display:block;
    text-align:left;
    font-family: "Lobster", sans-serif;
    font-weight: 300;
    margin-top: 10px;
    font-size: 1.5em; 
    line-height: 0.8em;
    text-transform:capitalize;
	color:#fff;
}
span.dhs2, 
span.dhs2 a:link
{
    display:block;
	margin-top:15px;
    text-align:left;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 300;
    margin-top: 10px;
    font-size: 1.4em; 
    line-height: 22px;
    text-transform:capitalize;
	letter-spacing: -1px;
	color:#fff;
}
.search-form2{
	/*position:relative;
	right: 10px;
	top: 1px;	*/
	float:right;
	position:relative;
	right: 0px;
	top: 1px;
}
.search-form2 input[type="text"],
.search-form2 input[type="search"]
{
	border: none;	
	margin-top: -1px;
	padding: 0px 0px 0px 24px;
}

.search-field {
	background-color: transparent;
	background-image: url(searchicon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	/*background-size: 24px 24px;*/
	border: none;
	cursor: pointer;
	height: 28px;
	margin: 3px 0;
	padding: 0 0 0 36px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}
.search-field:focus {
	background-color: #fff;
	border: 2px solid black;
	cursor: text;
	outline: 0;
	width: 200px;
}
.search-submit {
  display: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
}



/*************************************************************************
*				1.4 MAIN TOP NAVIGATION
*************************************************************************/
.navbar-collapse.in, .navbar-collapse.collapsing {
    overflow-y: visible;
}
#topNav{
	border-top: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
    padding: 0;
    background-color:#fff;

    -webkit-box-shadow: 1px 4px 3px 0px rgba(48, 50, 50, 0.48);
    -moz-box-shadow:    1px 4px 3px 0px rgba(48, 50, 50, 0.48);
    box-shadow:         1px 4px 3px 0px rgba(48, 50, 50, 0.48); 
}
.navbar.navbar-inverse {
  background-color: #363636;
  background-image: none;
  border-radius: 0;
  border: none;
  font-family: 'Open Sans', serif;
  margin: -1px 0px -5px 0px;
  display:table;/*nhi*/
  width:100%;/*nhi*/
}
/*nhi*/
#topNav .navbar-nav {  
        display:table;
        width:100%;
        margin: 0;
}
#topNav .navbar-nav > li {
  		float: none;
        width:auto;
        display:table-cell;
        text-align:center;
}

/*NAVBAR BRAND*/
.navbar-inverse .navbar-brand { color: #990F0B}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}

/*BACKGROUND COLOR FOR LINK HOVER*/
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #111111;}

/*BACKGROUND COLOR - FOR ACTIVE LINK*/
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { 
    background-color: #080808;
}

/*NAVIGATION - LINK COLOR*/
.navbar-inverse .navbar-nav>li>a { 
	color: #C7C7C7;
	font-size: 1em;
	padding: 5px;
	margin: 0px 10px 0px -10px;
	/*font-family: 'Oxygen', serif;padding: 20px 16px;*/
	font-family: Georgia, serif;
	letter-spacing: 0px;
	text-transform: capitalize;
	line-height: 16px;
}

/*NAVBAR - LINK COLOR HOVER*/
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { 
	color: #FF6B2B;/*orange*/
}
.navbar{
	min-height:35px;
}

/*NAVBAR - ACTIVE LINK COLOR*/
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus { 
	color: #FFFFFF;
}

/*NAVBAR - ACTIVE LINK HOVER*/
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { 
	color: #FFFADB;/*light yellow*/
	background-color:#40aca5; /*dark green*/
}

/*DROPDOWN MENU*/
.dropdown-menu { background-color: #FFFFFF;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color:#63F; /*purple*/ }

/*DROPDOWN MENU - BACKGROUND COLOR FOR DROPDOWN ACTIVE LINK*/
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #EFEFEF; }

/*DROPDOWN MENU - DROPDOWN LINK*/
.dropdown-menu>li>a { 
	color: #004674;/*dark blue*/
	font-size: 1.2em;
}

/*DROPDOWN MENU - DROPDOWN LINK HOVER */
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #00144B;/*dark blue*/}

/*DROPDOWN MENU - CARET*/
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


.ubermenu.ubermenu-transition-slide .ubermenu-active.ubermenu-in-transition > .ubermenu-submenu.ubermenu-submenu-type-mega{
	overflow-y:hidden;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target{
	padding-top:0px;
	padding-bottom: 0px !important;
}
/************************************ MEDIA QUERIES ***************************************
*
*
*********************************************************************************************/

/********************* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

}

/****************************** Landscape tablets and medium desktops ***************/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	ul.ubermenu-nav > li.ubermenu-item > a span.ubermenu-target-text{
		font-size: 12px;
	}
	.ubermenu .ubermenu-item-layout-image_right > .ubermenu-target-text {
		padding-right: 15px;
	}
	#big-promo h2{font-size: 1.2em;	line-height: 1em!important;}
	#big-promo p{font-size: 1em !important; line-height: 18px !important; }
	span#monitor{
		color:#DC73FF;
	}
}
@media only screen and (min-width: 910px) and (max-width: 992px) {
	#big-promo p{font-size: 0.9em !important; line-height: 14px !important; margin:0px 5px;padding:3px 0px;}
	#big-promo h2{margin:-11px 0px; }
}

/*@media only screen and (min-width: 910px) and (max-width: 978px) {
	
	ul.ubermenu-nav > li.ubermenu-item > a span.ubermenu-target-text{
		font-size: 11px;
	}
	.ubermenu .ubermenu-item-layout-image_right > .ubermenu-target-text {
		padding-right: 15px;
	}
	#big-promo h2{font-size: 1.2em;	line-height: 1em!important;}
	#big-promo p{font-size: 0.9em !important; line-height: 14px !important; margin:0px 10px; }
	span#monitor{
		color:#468c00;
	}
}*/


/****************************** Portrait tablets and small desktops ***************/
@media only screen and (min-width: 768px) and (max-width: 910px) {
	span#monitor{
		color:#ff0022;
	}
	/*.search-form {
		
		float: right;
		background-color: rgba(255,255,255,0.8);
		overflow: hidden;
		width: 120px;
		margin-top: 20px;
		margin-right: 15px;
		padding: 3px;
		border: 1px solid #E0E0E0;
		border-radius: 2px 2px;
		
		position: absolute;
		top: 100%;
		right: 0;
	
	}*/
	#big-promo h2{font-size: 1.1em; margin-bottom: 0px;	line-height: 1em!important;}
	#big-promo p{font-size: 0.9em !important; line-height: 14px !important;margin: 0px 5px;}
}



/********************* Small Devices, Tablets , landscape phones   ****************************/
@media only screen and (max-width:767px){
	#mini-topnav li a{
		padding-left:20px;
		margin: 8px;
	}
	#header-div img{
		margin-top:8px!important;
	}
}
@media only screen and (min-width:481px) and (max-width:767px) {

	#big-promo p{font-size: 0.9em !important; margin: 0px 5px;}
	#google_translate_element{margin-top:10px;}

	span#monitor{
		color:#ff9900;
	}
}
/********************* Extra Small Devices, Phones ***************/
@media only screen and (min-width: 320px) and (max-width : 480px){
	span#monitor{
		color:#9F0;
	}
	footer{
		font-size: 98%;	
	}
	#mainContent p{
		font-size: 90%;	
	}
	#mainContent h2.headings,
	#mainContent h2.home-headings{
		font-size: 1em;
		letter-spacing: -2px;
		font-weight:normal;
	}
	#mainContent h1.headings,
	#mainContent h1.home-headings{
		/*font-family:'Oswald', Arial !important;*/
		font-size: 1em;
		letter-spacing: -1px;
		font-weight:normal;
	}
	
    .search-field:focus{
    	/*width:190px !important;*/
    }
	iframe{    
    	min-width:479px;
    }
    h2.post, h2.post a:link,
    h2.post-home, h2.post-home a:link{font-size: 90%;}
   #big-promo p{font-size: 0.9em !important;}
   #google_translate_element{margin-top:10px;}
   
   /*hide sidebar  - Twitter*/
   #secondary #do-etfw-4{
	   display: none !important;
   }
   #bigpromo-pic{
	   display: none !important;
   }
   #bigpromo-pic-div{
	   display: none !important;
   }
}
 
/********************* Custom, iPhone Retina ***************/
@media only screen and (max-width : 320px){
    #big-promo p.promo{font-size: 0.9em !important;line-height:18px;}
    #google_translate_element{margin-top:10px;}
    #big-promo p.promo{font-size: 0.9em !important;}
    #mainContent h1.headings,
	#mainContent h1.home-headings{
		/*font-family:'Oswald', Arial !important;*/
		font-size: 1em;
		letter-spacing: -1px;
		font-weight:normal;
	}
	#mini-topnav li a{
		padding-left:15px;
	}
	/*hide sidebar  tweeter only*/
   #secondary #do-etfw-4{
	   display: none !important;
   }
   #bigpromo-pic{
	   display: none !important;
   }
   #bigpromo-pic-div{
	   display: none !important;
   }
}







/*search form acting weird*/
/*@media (min-width: 460px) and (max-width: 497px) {
	.search-form {
		float: right;
		position: absolute;
		top: 0px;
		right: 10px;
  }
}*/


/*special break point, before menu collapse*/
/*@media only screen and (min-width:992px) and (max-width:1200px) {
	.navbar-inverse .navbar-nav > li > a {
		padding: 12px 4px;
	}
	#schoolName h1{
		font-size: 2em;
	}
}*/

 

/**********************************************************************
*
*			LAYOUT
***********************************************************************/
#bodyContainer2 {  
	 -webkit-box-shadow: 1px 4px 3px 0px rgba(48, 50, 50, 0.48);
    -moz-box-shadow:    1px 4px 3px 0px rgba(48, 50, 50, 0.48);
    box-shadow:         1px 4px 3px 0px rgba(48, 50, 50, 0.48); 
    background-color:#fff;

}

#primary {
  padding: 0px 15px 10px 0px;
  margin-top: 1px;
}
#primary-home{
  	padding: 0px 10px 0px 6px;

  	/*margin-top: 22px;
  	float:left;*/
}
#primary-home p {
	padding: 0px;
	font-family:'Open Sans', Tahoma, Arial;
	font-weight: 400;
    line-height: 22px;
    font-size: 1em;
    color:#444;
	/*margin: 5px 5px 10px;*/
}
#primary-home p.author{
	font-size: 0.8em;
	font-weight: 200;	
}
#primary-home h3.post, 
#primary-home h3.post a
{

}

#content {
  background: none;
  padding: none;
  padding-top: 15px;
  margin-right: 0px;
  margin-left: 0px;
}
#secondary, 
#secondary2,
#secondary-council{
	margin: 0px;
	padding: 0px 5px 10px 10px;
}

#mainContent .media{
	border-bottom: 1px solid #ccc;
	margin: 20px;	
}

.site-footer {
	clear: both;
    width: 100%;

	/*float: none;*/
}

/************************* BIG PROMO *****************************************/
#big-promo {
	display: inline-block;
    padding: 0px;
    margin: 25px 15px 25px 7px;
    background-color:#962A35;
    width: 99%;

    overflow: hidden;
}
#bigpromo-pic-div{
	 margin: 0; padding: 0;
}
#big-promo img.single-featured.wp-post-image{

     margin: 0px 0px 0px -15px;
     padding: 0;
     /*height: 100%; 
     width: 100%; 
     object-fit: contain;
     max-width: 100%;
     border: 0px;*/
     border: 0px !important;
     height: auto;
     max-width: 100% !important;
     display: block;
     background-color:#962A35;
}

#big-promo h2 {

    font-size: 1.8em;
    font-family: "Oswald", Arial;
    color:#FFF;
    text-align:right;
    line-height:1.4em;
    padding: 15px 10px 10px 0px;
    
}
#big-promo h2 a:link{
	color:#fff !important;
	text-decoration: none;
}

#big-promo p.promo, #big-promo p{
    text-align:right;
    line-height: 25px;
    font-size: 1.1em;
    color:#FFF;
    font-family: "Sanchez", Arial;
    margin: 16px 10px 5px 5px;
}
#big-promo a:link, 
#big-promo a:visited,
a.promo-link, a:visited.promo-link  {
    color:#FFF !important;
	text-decoration: underline;
}
#big-promo a:hover{
	text-decoration: underline;
}
.sidebar-left {
	margin: 10px 0px 0px 0px;
	padding: 0;

}
.sidebar-right{
	margin:0;
	padding: 0;
	background-color:#c2EEEE;
}
.ldiv{
	margin:0px 5px 10px -5px;
	padding: 0;
}
.rdiv{
	margin:0px -5px 10px 5px;
	padding: 0;
}

/*====================== SPOTLIGHT HOME PAGE ===========================*/
#spotlight {
    border: 1px solid #400040;
    margin: 15px;
    padding: 0;
    background-color:#400040;
}
#spotlight h2 {
    text-transform: uppercase;
    color: #fff;
    margin:-5px 0px 0px 10px;
    text-align:left;
    font-size: 1.8em;
    /*font-family: "Oswald", Arial;*/
    font-family: 'Roboto Slab', Tahoma, Arial;
    line-height:1.4em;
}
#spotlight h3 a:link,
#spotlight h3 a:visited{
	color:#400040;
	font-size: 1.2em;
}
#spotlight div.home-div {
	background-color:#fff;    
	padding: 10px;
	height: 210px;
}
#spotlight div img {
    margin-left: 5px;
    margin-right: 5px;
}
#spotlight div p {
   margin-right: 10px; 
   background-color:#fff;
}

.view-all-div {
    margin: 0;
    padding-top: 3px;
    max-height:25px !important;
    color:#fff;
    font-size: 0.9em;
    text-align: right;
    margin-bottom: 5px;
}
.view-all-div a {
    color:#fff;
}
#spotlight .home-div img.text-wrap-left,
img.text-wrap-left{
	float:left;
	margin-right: 10px;
}
img.text-wrap-right{
	float:right;
	margin-left: 10px;
}
/*****************************************************************
*		EMERGENCY SECTION 
*****************************************************************/
.emergency{
	margin:	25px 5px 10px 5px;
	padding: 0px 20px 0px 20px;
	background-color:#FFFF95;
	border: 2px solid #f9f900;
	
}
.emergency h3{
	font-weight: bold;
	line-height: 25px;	
	color:#ff0000;
	font-size: 2em;
	margin: 15px 0px;
	text-align:left;
}
.emergency p{
	margin: 0px;
	padding: 5px 0px;
	line-height: 20px;
	color:#111;	
}


/********************* SOCIAL ICON *********************************
*			9. Social Icon
********************************************************************/
#social-icons {
  float: right;
  text-align: right;
  margin-top: 2px;
  margin-bottom: 5px;
}
.social-icon {
  color: #fff;
  font-size: 32px !important;
  margin-right: 2px;
  padding: 0px 2px;
  position: relative;
  top: 0px;
  left: 0px;
  transition: ease 0.4s all;
}
.social-icon:hover {
  color: #00d2de;
  text-shadow: 3px 3px 1px #818181;
  top: -1px;
  left: -1px;
}
a:hover .social-icon {
  text-decoration: none;
}
.header-icon{
  color: #999999;
  font-size: 20px;
  margin-right: 2px;
  padding: 0px 2px;
  position: relative;
  top: 0px;
  left: 0px;
  transition: ease 0.4s all;
}
.header-icon:hover{
	color: #00d2de;
  	text-shadow: 3px 3px 1px #818181;
  	top: -1px;
  	left: -1px;
}



/**************************************************************
*			google translation
*
****************************************************************/
	div#google_translate_element div.goog-te-gadget-simple{background:none;}
	div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:#fff; font-size: 1em;}
	div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#ffd800; text-decoration: none}
	div#google_translate_element div.goog-te-gadget-simple{border:none;background:none;padding-top:4px;}
	div.goog-te-gadget-simple .goog-te-menu-value span:hover{text-decoration: none;}
	.goog-te-menu-value{margin-left: 0px;margin-right: 0px;}
	.goog-te-gadget-icon{background:none!important;}
	
/************************************************************************************
*			7. FOOTER
************************************************************************************/\
/* Color bars */
.stacked-bar-graph{
	width:100%;
	height:4px;

}
.bar {

	float: left;
	height: 4px;
	display: inline-block;
    height:100%;
    box-sizing: border-box;
    float: left;
    padding-top: 4px;
}

.bar-red {
	background-color: #e31d1a;
}
.bar-green {
	background-color: #55C1AC;
}
.bar-blue {
	background-color: #00adef;
}
.bar-orange {
	background-color: #f6a704;
}
.bar-purple {
    background-color: #8A288F;
}
.bar-yellow {
    background-color: #FFFF00;
}

footer{
	/*clear:both;	
	margin: 0;*/
	z-index: 100;
	font-size: .9em !important;
}
footer.site-footer{
	padding: 0;margin: 0;
}
#top-row{
	/*background: #030 url("ugdsb-logo-watermark.png") right 60px center no-repeat;
	background: url("ugdsb-logo-watermark.png") right bottom no-repeat;*/
	z-index: 500;
}
#top-row p{font-size:95%;}
.footer {
	/*background-color: #134E0D;*/
	color:#fff;
	padding: 0px;
}
.footer a {
	color:#F0F0F0;
	text-decoration: none;
}
.footer a:hover{
	color: #FF6;	
}
.footer h4 {
	font-weight:bold;
	margin-bottom:20px;
	color:#fff;
}

.footer h1 {
	font-size: 1.5em !important;
	font-family: "Oswald", arial, helvetica, sans-serif !important;
	font-weight: bold !important;
	margin-bottom:20px !important;
	margin-top: 5px;
}

.footer h2 {
	font-size: 1.3em !important;
	font-weight: 400 !important;
	margin-bottom:20px !important;
}
#top-row h4{
	font-size: 13px;	
}
#top-row {
        background-color:#0A2D45;

}
#top-row-right{
    padding-top:10px;
    color:#000;
    min-height: 270px;
}
#top-row #top-row-right a{
    color:#444;
}
#top-row p {
    font-size: 95%;
}
footer #top-row a, footer #top-row a:link {
	color:#fff;    
}
footer #top-row-left {
    background-color:#0A2D45;
    text-align:right;
    padding:15px;
}
#top-row-left h2{color:#fff;}
#top-row-right h2{color:#003366;margin-top: 5px;}
#top-row-right{background: #EAEAEA url("ugdsb-logo-watermark.png") right bottom no-repeat;}
.container-fluid {}
.footer p {
	color: #0a2d45;
}
.footer .footer-widget p{
	color: #0a2d45;
}

ul.footer-links {
	margin-left:0;
	padding-left:0;
	list-style:none;
}
ul.footer-links li {
	margin-bottom:8px;
	
}

#bottom_footer{
	min-height:34px;
	padding-top: 8px;
	line-height: 13px;
	vertical-align:bottom;
	background-color:#111;
	font-size: 0.9em;
	color:#cdcdcd;	
}
#bottom_footer a{
	color:#cdcdcd;		
}
a.footer-text{
margin-right: 20px;	
}
a.footer-link:link,
a.footer-link:visited,
a.footer-link:active,
{
	color:#fff;	
	text-decoration: none;
}

div.textwidget{
	margin: 0px;
	padding-top: 0px;	
	margin-left: 10px;
}
/* put this one here so that we pass the WAVE test for contrast */
#wpadminbar a:link{
	color:#fff;	
}

.notfound{
		padding: 20px; font-size:20px; text-align:center;background-color:#FF9;
		margin: 20px 0px;	
}
.notfound2{
		padding: 20px; font-size:20px; text-align:center;background-color:#9FE1E7;
		margin: 20px 0px 40px 0px;	
}

/*read more link*/
a.read-more{
	margin-left: 10px;
	text-decoration: underline;	
}

/******************************************************************************
*		Sticky Posts
*
********************************************************************************/
.sticky-div{
	margin: 0px;
	padding: 15px;
	background-color:#fafafa;
	border:1px dashed #E1E8ED;
}
.sticky-div h2{
	font-size: 1.7em;
	/*font-family: "Merriweather", Times Verdana, Geneva, sans-serif, Tahoma, Arial;*/
	font-family: 'Roboto Slab', Tahoma, Arial;
    line-height: 33px;
    font-weight: 400;
    padding: 7px 0px;
}

/*******************************************************************************
*
*			6. widget
********************************************************************************/

/*h3.widget-title
{
	background-color:#3A7334;
	color:#fcfdfe;
	margin: 0px 0px;
	padding: 10px;
}*/
.widget-area ul,
.widget-area ol{
	list-style:none;	
}
.widget{
	margin-bottom: 15px;
	background-color:#f8f8f8;	
	color:#033;
	overflow:hidden;
	clear:both;
}
.widget-img{
	margin-bottom: 5px;
	color:#033;
	overflow:hidden;
	clear:both;
}
.widget-img img:hover{
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
.widget a{
	/*color:033; */
}
h3.widget-title{
	font-size: 1.5em;
  	/*margin-top: 30px;*/
  	color: #fefefe;
	background-color:#000;
	padding: 15px;
	font-family: "Roboto Slab", Arial;
	font-weight:400;
}
h3.widget-title a, 
#category-posts-3 h3.widget-title a:link
{
	color:#fff;
}
#category-posts-3 ul{
	margin: 0 0 1.5em 1em;	
}
#category-posts-3 ul li.cat-post-item{
	padding:0px;
}
/*********************************************************
*  Widget: List Category Post;
**********************************************************/
ul.lcp_catlist{
	list-style-type: none;
	margin-left: 0px;
}
ul.lcp_catlist li{
	margin-bottom: 15px;
}
ul.lcp_catlist li a:link{
	text-weight: 800;
	line-height: 24px;
}
ul.lcp_catlist li a:after{
	content: '\00000a';
	white-space: pre;
}
ul.lcp_catlist li p::before{
	/*content: ' ';
	display: block;*/
}

#footer-row h3.widget-title{
	background: none;
	color:#fff;
	padding: 10px;
}

ul.sbe-widget-error {
	list-style:none;
	margin-top:10px;
}

#secondary > .sub-menu-heading, 
#secondary2 > .sub-menu-heading,
#secondary-council > .sub-menu-heading,
.sidebar-left > .sub-menu-heading
 {
	/*margin-top: 13px !important;*/
	margin-left: -10px;
}

/**************************************************************************
*			LEFT MENU AND RIGHT MENU
*
**************************************************************************/
ul#menu-left-menu, 
ul#menu-department_menu{
	margin: 10px 0px;
	padding: 0;
	background-color:#fbfbfa;
	border: 1px solid #ecece8;
	font-size: 1em;
	font-family: 'Open Sans', Arial;
}
ul#menu-department_menu li.menu-item,
ul#menu-left-menu li.menu-item{

	list-style: none;
	margin: 0px;
	padding: 6px 5px 6px 10px;
	border-bottom:1px solid #DEDED7;
	line-height: 26px;
}
ul#menu-department_menu li.menu-item:hover
ul#menu-left-menu li.menu-item:hover{
	background-color:#edf4f4;
}

ul#menu-department_menu li.menu-item a:link, 
ul#menu-department_menu li.menu-item a:visited,
ul#menu-left-menu li.menu-item a:link, 
ul#menu-left-menu li.menu-item a:visited
{
	color:#373c43;
}
ul#menu-department_menu li.menu-item a:visited, 
ul#menu-department_menu li.menu-item a:hover, 
ul#menu-left-menu li.menu-item a:visited,
ul#menu-left-menu li.menu-item a:hover{
	text-decoration: underline;
}

/*menu on right or left*/
.widget_nav_menu ul.menu{
	margin: -1px 0px 10px 0px;
	padding: 0;
	background-color:#fbfbfa;
	border: 1px solid #ecece8;
	font-size: 1em;
	font-family: 'Open Sans', Arial;
}
.widget_nav_menu ul.menu li.menu-item{
	list-style: none;
	margin: -6px 0px 0px 0px;
	padding: 6px 5px 6px 10px;
	border-bottom:1px solid #DEDED7;
	line-height: 26px;
}



/********************************************************************
*		SUB MENU - SUB MENU HEADINGS
*******************************************************************/
#secondary ul>li>a,
#secondary2 ul>li>a,
#secondary-council ul>li>a,
#secondary-board ul>li>a

{
	color:#1f496e;
}
#secondary .sub-menu-heading h3,
#secondary2 .sub-menu-heading h3,
#secondary-council .sub-menu-heading h3
{
	padding: 10px 15px 15px 15px;
	margin-bottom: 5px;
  	margin-top: 0;
	background-color:#000;
}
#secondary .sub-menu-heading h3 a:link, 
#secondary .sub-menu-heading h3 a:visited,
#secondary .sub-menu-heading h3 a:active,
#secondary2 .sub-menu-heading h3 a:link, 
#secondary2 .sub-menu-heading h3 a:visited,
#secondary2 .sub-menu-heading h3 a:active,

#secondary-council .sub-menu-heading h3 a:link, 
#secondary-council .sub-menu-heading h3 a:visited,
#secondary-council .sub-menu-heading h3 a:active
{
	font-size: 1.6em;
	font-family: "Roboto Slab", Arial;
	font-weight:400;
	color:#fff;
}

#secondary .sub-menu-heading h3 a:hover,
#secondary2 .sub-menu-heading h3 a:hover,
#secondary-council .sub-menu-heading h3 a:hover
{
	color:#f1c100;
	text-decoration:none;
}
#secondary .sub-menu-items,
#secondary2 .sub-menu-items,
#secondary-council .sub-menu-items
{
	margin: -10px 0px 0px -10px;
	padding: 5px 15px 5px 5px;
	background-color:#fbfbfb;
}
#secondary .sub-menu-items a:link,
#secondary2 .sub-menu-items a:link,
#secondary-council .sub-menu-items a:link
{
	/*color:#14497f;*/
	color:#3c3c42;
}
#secondary .sub-menu-items li{
	border-bottom: 1px dashed #d7d7d7;
}
#secondary .sub-menu-items ul ul.nav_current_page_children_container,
#secondary2 .sub-menu-items ul ul.nav_current_page_children_container,
#secondary-council .sub-menu-items ul ul.nav_current_page_children_container
 {
	margin: 0px 0px 0px 12px;
	line-height:18px;
	padding: 0;
}
#secondary .sub-menu-items ul ul.nav_current_page_children_container li:before,
#secondary2 .sub-menu-items ul ul.nav_current_page_children_container li:before,
#secondary-council .sub-menu-items ul ul.nav_current_page_children_container li:before
{
	content:"\00bb";
	padding-right: 7px;
	font-size: 0.9em;
	
}
#secondary .sub-menu-items ul ul.nav_current_page_children_container li{
	color:#ff0000;
}
#secondary-council .sub-menu-items ul ul.nav_current_page_children_container li{
	color:#ff0000;
}
#secondary-council ul,
#secondary-council .sub-menu-items ul,
#secondary2 .sub-menu-items ul,
#secondary .sub-menu-items ul,
#secondary-council .sub-menu-items ul
{
	list-style:none;
	margin: 5px 0px 5px 5px;
}
#secondary-council .widget-area{
	margin: 16px 0px 0px 0px;
	padding: 0px;
	background-color:#f8f8f8;
}
/**** list (Quick Links) ****/
.widget_pages ul,
.sidebar-widget ul, 
.sidebar-widget ul.list, 
.sidebar-widget ol.list,
.sidebar-left ul.list
{
	list-style:none;
	margin: 5px 0px 5px 7px;
}

.widget_pages ul li{
	font: 200 15px/1.1 Helvetica, Verdana, sans-serif;
	line-height: 20px;
}
.sidebar-widget ul ul.children li,
.widget_pages ul ul li{
	margin-left: 10px;	
}

.sidebar-widget ul ul.children li:before,
.widget_pages ul ul li:before{
	content: "\0BB \020";
}
.widget_pages a:link{
	color:#1F496E;	
}


/*widget - text */
#text-2 h3.widget-title{
	color: #fff;
	background-color: #00718e;
}
#text-2 h3.widget-title:before{
	font-family: FontAwesome;
    content: "\f249"; 
   	display: inline-block;
   	padding-right: 13px;
   	vertical-align: middle;
   	font-size: 1.5em;
}
.footer-widget{
	margin: 0px 0px 20px 0px;
}
.footer-widget .textwidget p{
margin:-10px 0px 0px -10px;
line-height:22px;
}


/********************************** Google Calendar ************************************
*
******************************************************************************************/
#gce_widget-2 h3.widget-title,
#gce_widget-3 h3.widget-title{
	color:#fff;
	margin: 0px;
	background-color:#af0057;
}
/*#gce_widget-3 h3.widget-title{background-color:#962a35;}*/
#gce_widget-2 .widget{}
#gce_widget-2 h3.widget-title:before,
#gce_widget-3 h3.widget-title:before,
.widget_gce_widget h3.widget-title:before{
	font-family: FontAwesome;
    content: "\f073";
   	display: inline-block;
   	padding-right: 13px;
   	vertical-align: middle;
   	font-size: 1.5em;
}
.edate {
	margin: 0;
	padding: 0;
}
.edesc {
    font-size:1em;
    line-height: 18px;
    margin-right: -2px;
    margin-left: -2px;
    padding: 5px;
}
.etitle {
    color:#C4214D;
    font-weight:500;
    font-size: 1.2em;  
    line-height: 18px;
    font-family: "Oswald", Arial;
	margin-top:10px;
	/*margin-left: -15px;letter-spacing: -1px;*/
}
span.etitle span.simcal-event-title a,
.etitle .simcal-event-title a:link, 
.etitle .simcal-event-title a:visited
{
	color:#C4214D!important;
}
.simcal-calendar{
	margin-top: 0px;	
}
.simcal-calendar .simcal-events-list-container p{
	padding-left: 15px;	
}
div.simcal-event-details {
	margin: -10px 0px 10px 0px;
}
.simcal-default-calendar-list{
	padding-top: 0px;	
}
div.simcal-events-list-container{
	margin: -15px -5px;
	padding: 0;	
}
.simcal-event-details table{  /*padding: -10px;	*/margin: -5px; border-collapse: collapse; background-color:#999;}
.simcal-event-details table tr{ line-height: 18px;}
.simcal-event-details table td {padding: 15px 0px 2px 10px; margin: 0px;}
.simcal-event-details table tr td.border {border-right: 1px solid #f6c7d4;}
#secondary .simcal-event-start-date, 
#secondary .simcal-event-end-date
{
	font-size: 1.4em;  
    /*text-align:center;*/
	margin-top: -10px;
    font-family: "Oswald", Arial;
    letter-spacing: 0px;
    font-weight: normal;
	/*line-height: 40px;*/
	color:#182757;
}
/*#secondary .simcal-event-start-date2, 
#secondary .simcal-event-end-date2
{
	font-size: 1.4em;  
    text-align:center;
    font-family: "Open+Sans+Condensed", Arial;
    letter-spacing: -3px;
    font-weight: 400;
	line-height: 40px;
	color:#030;
}*/
#primary .simcal-event-start{
	font-size: 1em;  
	color:#030;
}
.simcal-event-start-time, 
.simcal-event-end-time{/*font-size: 0.8em; */font-family:'Oxygen', Arial; 	letter-spacing: -1px;font-weight:400;color:#4b4c52;}
.simcal-event-start-location{}
ul.simcal-events{padding: 0;margin: 0;	}
/*div.simcal-event-details, div.simcal-event-details table{  padding: -10px;	margin: 0px 0px;min-height: 90px !important;}*/
.simcal-event-details .simcal-tooltip-content span.simcal-event-start, 
.simcal-event-details .simcal-tooltip-content span.simcal-event-start-date,
.simcal-event-details .simcal-tooltip-content span.simcal-event-end-date, 
.simcal-event-details .simcal-tooltip-content span.simcal-event-address
{
	font-size: 1em;	
	font-weight: normal;
}
.simcal-calendar-list .event-footer{
	background-color:#c4214D;
	padding-left: 10px;
	padding-right: 10px;
	text-align:right;
	font-size: 1em;
	margin: -10px 0px;
	color:#fff;
}
.simcal-calendar-list .event-footer a.footer-link:link,
.simcal-calendar-list .event-footer a.footer-link:visited,
.simcal-calendar-list .event-footer a.footer-link:active,
.event-footer a.footer-link:link
{
	color:#fff;	
}
/* nhi */
.simcal-default-calendar-list .simcal-event-details .simcal-event-description, 
.simcal-default-calendar-list .simcal-event-details p
{
	margin: 0 !important;	
	padding-left: 0px !important;
}
.simcal-default-calendar-list .simcal-event-details .simcal-event-description, .simcal-default-calendar-list .simcal-event-details p {
	margin: -10px -15px;	
}
table.simcal-calendar-grid span.simcal-event-title{
	font-size:1.3em;
	color:#154D64;
	font-weight:500;
}


/*frenzy Widget RSS */
#feedzy_wp_widget-2 .widget_feedzy_wp_widget h3.widget-title{
	font-size: 1.5em;	
	color:#fff;
	background-color:#661A00; /*purple*/
}
/*#feedzy_wp_widget-2 h3.widget-title{background-color:#006288;}*/

#feedzy_wp_widget-3 h3.widget-title:before,
#feedzy_wp_widget-2 h3.widget-title:before,
.widget_feedzy_wp_widget h3.widget-title:before{
	font-family: FontAwesome;
   content: "\f00b";
   display: inline-block;
   padding-right: 13px;
   vertical-align: middle;
   font-size: 1.5em;
}

/*Categories Post Widget*/
#category-posts-2 h3.widget-title{
	/*background: #427a8f url(doc.png) left center no-repeat;*/
	background: #427A8F; 
	color:#fff;
	margin: 0px px;
	padding: 10px 10px 14px 10px;
	font-size: 1.3em;
	font-family: "Open+Sans+Condensed", Arial;
	letter-spacing: -1px;
}
#category-posts-2 h3.widget-title:before{
   font-family: FontAwesome;
   content: "\f0f6";
   display: inline-block;
   padding-right: 13px;
   vertical-align: middle;
   font-size: 1.7em;
}
#category-posts-2 ul{
	margin: -15px 0 10px 10px;	
	
}
#category-posts-2 ul a{
	font-size: 1em;
}
#category-posts-2 ul li.cat-post-item{
	padding:15px 5px 5px 5px;
}
div.cat-post-widget ul  {
	margin-left: -15px;	
}
a.cat-post-footer-link{
	margin: -10px 10px 0px 16px;
	font-weight: 600;
	line-height: 12px;
	float:right;
	text-align:right;
}
div.cat-post-widget ul li.cat-post-item, 
div.cat-post-widget ul li.cat-post-current,
div.cat-post-widget a.post-title,
.cat-post-current .cat-post-title
{
	font-weight: normal;
	font-size: 1em;	
}
li.cat-post-item a.cat-post-title{
	font-size: 1em !important;	
}
.cat-post-widget .cat-post-item{
	padding: 5px 5px 5px 25px;	
	margin: 5px;
}

div.cat-post-widget .cat-post-current .cat-post-title{
	font-weight: normal;
}

/*sidebar widget class*/
.sidebar-widget{
	background-color:#f8f8f8;	
	margin: 10px 0px 20px 0px;

}
.sidebar-widget a:link{
	color:#185999;
}

/*category list widget for business department*/
 ul.class_for_buss{
    list-style-type:none;
    margin: 0px 0px 20px 0px;
    font-family:Georgia, Times, serif; 
    
 }
 ul.class_for_buss li{
    padding: 10px 0px;
    border-bottom: 1px dashed #fefefe;
 }
 ul.class_for_buss li h2.cat_titles a{
    color: #444;
 }

  ul.class_for_buss li h2.cat_titles{

  	
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 51px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: bold;
	text-transform: uppercase;
	font-family:"Roboto Slab", Arial;
  }
 ul.class_for_bus li p{
 	/*padding:8px; font-style:normal; font-family:georgia; font-size:13px; color:#ff0000; */
 }


/*** Twitter Widget ***/
.twitterwidget{
	margin: 0px 10px;	
}
.widget-easy-twitter-feed-widget-row{
	background-color:#f8f8f8;	
}

.widget-easy-twitter-feed-widget-container h3.widget-title:before{
	font-family: FontAwesome;
   content: "\f099";
   display: inline-block;
   padding-right: 13px;
   vertical-align: middle;
	font-size: 1.7em;
}
div[id*='do-etfw-'] h3.widget-title:before{
	font-family: FontAwesome;
   	content: "\f099";
   	display: inline-block;
   	padding-right: 13px;
   	vertical-align: middle;
	font-size: 1.7em;
}
#do-etfw-4.sidebar-widget h3.widget-title{
	background-color:#225C51;
}



.widget-easy-twitter-feed-widget-kamn h3.widget-title{background-color:#225C51;}



/*Quick Link */
#list-2 h3.widget-title:before{
	font-family: FontAwesome;
   	content: "\f02e";
   	display: inline-block;
   	padding-right: 13px;
   	vertical-align: middle;
	font-size: 1.7em;
}
.widget_link_list{
	margin-top:20px;
}
.widget_link_list ul.list,
.widget_link_list ul
{
	list-style-type:none;
	list-style:none;
	margin: 1px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
}
.footer-widget ul.list{
	list-style-type:none;
	margin: -5px 0px 0px 0px;
	padding: 0px 5px 10px 0px;
}

.widget_link_list ul.list li,
{
	font: 200 15px/1.1 Helvetica, Verdana, sans-serif;
	line-height: 20px;
	list-style-type:none;
}
.footer-widget ul.list li
{
	font-size: 1em;
	line-height: 20px;
}
.widget_link_list ul.list li a,
{
	color:#1F496E;
}
.footer-widget ul.list li a
{
	color:#f1f1f1;
	font-weight: normal;
}

.widget_link_list ul.list li:before{
	content: "\0BB \020";
}

/*facebook */
#weblizar_facebook_likebox-2 h3.widget-title:before,
#sfp_page_plugin_widget-2 h3.widget-title:before{
	font-family: FontAwesome;
   	content: "\f09a";
   	display: inline-block;
   	padding-right: 13px;
   	vertical-align: middle;
	font-size: 1.7em;
}

/*categories*/
#categories-2 h3.widget-title:before{
	font-family: FontAwesome;
   	content: "\f00a";
   	display: inline-block;
   	padding-right: 13px;
   	vertical-align: middle;
	font-size: 1.7em;
}


/********************** side bar button *******************/
#side-btn{
margin: 0px 0px 10px 0px;
padding: 5px;
background-color:#fafafa;
border: #ddd solid 1px;
}

#mainContent .caption a.btn-primary,
#mainContent a.btn-primary,
#mainContent a.btn-warning,
#mainContent a.btn-info,
#mainContent a:link > a.btn
{
	color:#fff !important;
}

#mainContent .caption h3.conted-heading,
#mainContent .caption h3{
	margin: -25px 0px 0px 0px;
}

#side-btn p{
	margin: 5px 0px -5px 0px;
	line-height: 14px;	
}

p.readmore{
	font-weight: 600;	
}

/**** Board News - RSS - Feedzy RSS ***/
div.feedzy-rss{
	padding-left:5px;
	padding-right:5px;
}
div.feedzy-rss .feed-item {
	margin:2px 5px -2px 5px;
	border-bottom: 1px solid #fff;
}
div.feedzy-rss .feed-item h4 a:link{
	font-size: 1.1em;
	font-family:'Roboto',Arial;
	font-weight:400;
	line-height: 23px;
}
div.feedzy-rss div.feed-item p{
	margin: -5px 0px;
	padding: -1px 0px 0px 0px;
	line-height: 17px;
	font-size: 0.9em;
}
/*
.feedzy-rss{
	padding: 8px 2px 2px 10px;	
	background-color:#fafafa;
	font-size: 1em;
}
.feedzy-rss span.title a{
	font-weight: 600;
	font-family:"Open Sans", Geneva, sans-serif;
	line-height:22px;

}
.feedzy-rss .rss_content p{
	padding: 8px 0px;
	line-height: 18px;
	font-size: 0.9em;
	color:#515151;
}*/
/*********************************************************************
*						 10. Custom Styles  
*
*********************************************************************/
body.custom-background {
    background-position: bottom center;
    padding: 0px;/*nhi*/
}
#featured-pic{
	margin: 20px -15px 20px -15px;
}
.container-top{
	margin-top: 0px;
	background-color:#fff;	
}

h1 {
	font-family: "Open Sans", Georgia;
	-webkit-font-smoothing: antialiased;
	/*letter-spacing: 2.4px;
	text-transform: uppercase;
	font-size: 30px;
	margin: 17px 0px;*/
}
h2, h3, h4, h5, h6 {
	color: #154D64;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 400;
	letter-spacing:-1px;
	font-family: 'Roboto Slab', Tahoma, Arial;
}
/****************** HOME PAGE **************************************/
#home-news {

    border: 1px solid #006288;
    /*margin: 10px -14px 0px 0px;*/
    margin: 10px 0px;
    padding: 0px;
    background-color:#006288; 
}

#home-news h1.home-headings2{
    text-transform: uppercase;
    color: #fff !important;
    margin: 12px 8px;
    text-align:left;
    font-size: 1.9em;
    line-height: 1.4em;
    font-family: "Roboto Slab", Arial;
}
#home-news span{
	color:#fff;
}
#home-news h2 span{
	margin-top: 5px;
	font-size: 1em;
}
#home-news h2.post {
    text-transform: uppercase;
    color: #fff;
    margin:-12px 0px 0px 10px;
    text-align:left;
	font-size: 1.7em;
}
#home-news div {
    background-color:#fff;    
    padding: 5px;
}
#home-news div.view-all2,
.blue-bg {
background-color:#006288;
}
#home-news div.view-all2{
	min-height: 25px!important;
	text-align:right;
	font-size: 0.9em;
}
#home-news div.view-all2 a:link, 
#home-news div.view-all2 a:visited
{color:#fff;text-align:right;}
.purple-bg {
    background-color:#400040;
}


/************** END HOME PAGE **************************************/


/*#mainContent{
   margin: 6px 0px;
   background-color:#ff0;
}*/
#mainContent.whole, 
#mainContent.col-md-12{
	margin: 10px -14px;
}
#mainContent h1,
#mainContent h1.headings,
#mainContent h1.headings-school
{
	font-family: 'Roboto Slab', Tahoma, Arial;
	font-size: 2.5em;
	font-weight: normal; 
	line-height: 48px; 
	margin-bottom: 15px;
	padding-bottom: 5px;

}
#mainContent h1.headings{
	padding-top:20px;
}
#mainContent h2,
#mainContent h2.headings {
	
	font-family: 'Roboto Slab', Tahoma, Arial;
	line-height: 49px;
	font-size: 1.8em;
	padding: 0px 0px 10px 0px;	
	font-weight:500;
}
#mainContent h3{
    font-family: 'Roboto Slab', Tahoma, Arial;
	font-size: 1.3em;
}
#mainContent h4{
    font-family: 'Roboto Slab', Tahoma, Arial;
	font-size: 1.2em;
}
#mainContent h5,
#mainContent h6 {
    font-family: 'Roboto Slab', Tahoma, Arial;
	font-size: 1.1em;
}

#mainContent h2.home-headings{
	font-family: 'Roboto Slab', Tahoma, Arial;
	line-height: 44px;
	padding-bottom: 25px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	font-size: 3.3em;
	color:#154D64;
	text-shadow: 0px 2px 2px #666;
}
#mainContent h3.post,
#mainContent h2.post,
#home-news h2.post-home
{
	
	/*font-family: "Merriweather", Times Verdana, Geneva, sans-serif, Tahoma, Arial;*/
	font-family: 'Roboto Slab', Tahoma, Arial;
	line-height: 33px;
	font-weight: 400;
	padding: 7px 0px;
	/*text-shadow:#e0e0e0 1px 1px 0;
	text-shadow: -1px 0px 0px rgba(150, 122, 32, 0.4);*/
}
#mainContent h3.post{
	font-size: 1.5em;	
}
#mainContent h2.post,
#home-news h2.post-home{
	font-size: 1.3em;	
}
#mainContent h3.post a, 
#mainContent h2.post a 
#home-news h2.post-home a:link,
#home-news h2.post-home a:visited
{
	color:#255987;
	text-transform:capitalize;
	text-decoration: none;
}
#mainContent h2.post-home a:link{
	text-decoration: none !important;
}

h3.search-results{
	font-size: 1.3em;	
	/*font-family: 'Open Sans Condensed', Tahoma, Arial;*/
	font-family: 'Roboto Slab', Tahoma, Arial;
}
h3.search-results a:link{
	color:#1f4288;	
}
#mainContent .post-div,
#home-news .post-div{
	/*margin: 5px 0px;
	padding-bottom: 10px;
	overflow:auto;*/
	border-bottom: 1px dashed #eee;
	
}
#mainContent .post-div p{
	margin:9px 0px;
	line-height:22px;
}

#mainContent .post-div p strong{
	font-weight: 400;	
}
#mainContent .post-div p em{
	font-style:normal;	
}
#mainContent .post-div div{
}
/*link - nhi april 3, 2017*/
#mainContent a:link, #mainContent a:visited,#mainContent a:hover{

	color:#255987;
}

.categories {
	border-top: 1px solid #eee;
	margin-top: 0px;
	/*padding-top: .5em;*/
	margin-bottom: 3em;
}
ul.table-list {
	list-style:none;
	margin-top:30px;
	padding-left:10px;
}
ul.table-list li {
	margin-bottom:10px;
	border-bottom:1px solid #005daa;
}
#mainContent img.size-post-thumbnail, 
#mainContent a img.wp-post-image,
img.wp-post-image
{
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom: 10px;	
}
/*Search*/
.searchdiv{
	margin: 10px;
	padding: 10px;
	border-bottom:1px solid #eee;
}
/*custom style for search term*/
strong.search-excerpt {
	background-color:yellow;
	color:black;
}
/*************************************************************************************************************
*							5. Breadcrumb
*	
*************************************************************************************************************/
.container-breadcrumb{
	margin: 3px -15px 0px -10px;
	/*max-height: 28px !important;
	font-size: 1em;	*/
	border-radius: none;
}
.breadcrumb{
  padding: 7px 3x;
  margin: 0 0 25px;
  list-style: none;
  background:none;
  border-radius: 0;
  font: 11px Helvetica, Arial, Sans-Serif;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}
.breadcrumb li a{
	color:#0b5b83;	
}
.breadcrumb .active a {
  color: #333333;
}


	
/** __tables **/
/* .table-striped and .table-hover combined and adapted for the WRDSB */
/* .table-responsive needs to be in a wrapping div applied to all tables */
table {border-collapse: collapse;border-spacing: 0;border-bottom: 1px solid #eee;border-left: 0;border-right: 0;border-top: 0;}
tr {background-color: #fff;}
tr:hover {background-color: #d9ecc2;}
tbody > tr:nth-child(odd) {background-color: #f9f9f9;}
tbody > tr:nth-child(odd):hover {background-color: #d9ecc2;}
th, td {/*vertical-align: top;*/padding: 3px 10px;border-collapse: collapse;border-bottom: 1px solid #eee;color: #000;}
th {font-weight: bold;text-align: center;font-size: 1.2em;background-color: #e6eff6;color: #666;}
tfoot > tr > td {font-weight: bold;font-size: 1.2em;background-color: #eee;color: #666;border-top: 2px solid #ccc;}
thead > tr > th {border-bottom: 2px solid #b3cee6;}

caption {font-size: 1.2em;text-align: left;padding: 1em 0;}	
.alert {background-color: #ff0;border: 3px solid red;color: #000;font-weight: bold;-webkit-box-shadow: 4px 4px 13px 0 rgba(255, 0, 0, 0.3);
-moz-box-shadow:    4px 4px 13px 0 rgba(255, 0, 0, 0.3);
box-shadow:         4px 4px 13px 0 rgba(255, 0, 0, 0.3);
}	
span.alert {background-color: #ff0;border-bottom: 1px solid red;color: #000;font-weight: bold;padding: 0 !important;margin: 0 !important;}

/*********************************************************************************************************************************
*			styles for Announcement
*
*********************************************************************************************************************************/
.announcement { /* for special announcements that expire */
	background-color: #d9ecc2;
	border: 1px solid #a0cf67;
	padding: .5em;
	margin: .5em auto;
	color: #000;
	font-size: 1.1em;
}
.announcement1 { /* for special announcements that expire */
	background-color: #BFEFFF;
	border: 1px solid #4dffff;
	padding: .5em;
	margin: .5em auto;
	color: #000;
	font-size: 1.1em;
}
.announcement2 { /* for special announcements that expire */
	background-color: #FFB76F;
	border: 1px solid #fafafa;
	padding: .5em;
	margin: .5em auto;
	color: #004000;
	font-size: 1.1em;
}
.announcement3{
	background-color: #FFFF99;
	border: 2px solid #ff9900;
	padding: .5em;
	margin: .5em auto;
	color: #004000;
	font-size: 1.1em;
}
#mainContent .announcement-global{
	background-color: #DBDBED;
	border: 3px double #000080;
	padding: 30px;
	margin: .5em auto;
	color: #004000;
	font-size: 1.1em;
	font-style:italic;
}


p.reference {text-align: right;}
p.reference:before {content: "~ ";}
p.wp-caption-text {font-size: .9em;color: #474d55;margin-top: .25em;}
p.author {
-webkit-text-fill-color: #777e85; 
/*-webkit-text-stroke: 0.5px #777e85;*/
font-size: 0.9em;
font-family: 'Fenix', Arial;
color: #333; font-weight:300; 
letter-spacing: 1px;margin-bottom: 3px;}

div.wp-caption {padding: 1em 1em 0 1em;border: 1px solid #ebebeb;margin-bottom: 1em;background-color: #EAEAEA;}
blockquote > p.reference {font-size: .8em;}
blockquote > p.reference:before {font-size: .8em;}


/*blockquote for pages*/
#mainContent blockquote {
  background: #f9f9f9;
  /*border-left: 10px solid #cc;*/
  margin: 1.5em 10px;
  padding: 1em 10px;
  font-family: 'Fenix', Arial;
  quotes: "\201C""\201D""\2018""\2019";
}
#mainContent blockquote:before {
  /*color: #0d0d0d;
  content: open-quote;
  font-size: 5em;*/
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  /*position: absolute;
  left: 10px;
  top:5px;*/
}
#mainContent blockquote:after {

  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  content: "\201D‎"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  /*position: absolute;
  left: 10px;
  top:5px;*/
}

#mainContent blockquote p {
  display: inline;
  font-size: 1.2em;
  line-height: 34px;
}
#mainContent blockquote cite{
	color:#999;
	font-size: 14px;
	display:block;
	margin-top: 5px;
}
#mainContent blockquote cite:before {
content: "\2014 \2009";
}

/*** __file type icons ***/

a[href $='pdf'] {
	background-image: url(../images/icons_filetype/icon_pdf_small.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
a.noicon[href $='pdf'] {
	background: none;
	padding-left: 0;
}

/* remove the icon from images in the sidebar that link to a PDF  */
.sidebar-left.widget-area a[href $='pdf'] {
	background: none;
	padding-left: 0;
}

a[href $='xls'] {
	background-image: url(../images/icons_filetype/icon_xls_small.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

a[href $='xlsx'] {
	background-image: url(../images/icons_filetype/icon_xls_small.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

a[href $='doc'] {
	background-image: url(../images/icons_filetype/icon_doc_small.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

a[href $='docx'] {
	background-image: url(../images/icons_filetype/icon_doc_small.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
a[href $='ppt'] {
	background-image: url(../images/icons_filetype/icon_ppt_small.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}

dl {line-height: 150%;margin-top: 0;margin-bottom: 20px;}
dt {font-weight: bold;line-height: 150%;}
dt img {margin: 5px 0 0 0 !important;}

/*Scroll to top */
.scroll-to-top {
  background: #363636;
  background: rgba(100, 100, 100, 0.4);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  width: 40px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
       -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear;
}
.scroll-to-top:hover {
  background: #DA4453;
  opacity: .8;
}

#smoothup { 
	height: 40px; 
	width: 40px; 
	position:fixed;
	bottom:50px;
	right:100px;
	text-indent:-9999px;
	display:none;
	background: url("up-button.png"); 
	-webkit-transition-duration: 0.4s; 
	-moz-transition-duration: 0.4s; transition-duration: 0.4s; 
}

#smoothup:hover {
	-webkit-transform: rotate(360deg) }
	background: url('') no-repeat;
}


/* Make sure embeds and iframes fit their containers */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
embed,
iframe,
object {
	max-width: 100%;
}
.ifr-environment, .ifr-environment iframe{
	min-height:830px;
}

/***** display google drive and try to hide the Modified date div ***/

.flip-list-last-modified-header,
.flip-list-view.flip-entry-last-modified{
	position:absolute !important;
	top:-9999px !important;
	left:-9999px !important;
}
.flip-list-last-modified-header,
.flip-list-view.flip-entry-last-modified{visibility:hidden;}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/**************************************************************************
*			Contact Form 7 Custom Styling
****************************************************************************/

.wpcf7-form {
margin-left: 25px;
margin-right: 25px;
margin-top: 25px;
}
.wpcf7-textarea {
   width: 85%;
}
.wpcf7-text, .wpcf7-date {
width: 50%;
}

.wpcf7-list-item {
display: block;/*display checkboxes or radial buttons top to bottom and on the left*/
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-date {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 12px;
color: #222 !important;
padding: 6px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-date {
background-color: #f5f5f5 !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 12px;
color: #222 !important;
padding: 6px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.wpcf7-submit {
color: #111 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 15px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 15px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px dashicons;
    margin-right: 16px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content: "\f147";
}
div.wpcf7-validation-errors:before {
    content: "\f158";
}






/***************************************************************************************
*				PRINT STYLE
*************************************************************************************/
@media print{
.site-title, .site-description{dipslay:none;}
#mini-topnav{display:none;}
#header-div{display:none;}
#topNav{display:none;}
footer{display:none;}
#bottom_footer, #footer-row{display:none;}

#secondary,
#secondary2,
#secondary-council,
.sidebar-left
{display:none;}

#mainContent,
#mainContent p{
	font-size:11pt;color:black;
}
#mainContent img{
	display:block;
	page-break-after: avoid;
	page-break-inside: avoid;
	max-width: 100% !important;/*prevent images from being cut off and bleeding over the edge of the printed page*/
}
#mainContent ul, li{
	display:block;
	page-break-inside:avoid;
}
body{
	color:#000;
	background:#fff;
	font-family:Tahoma, sans-serif;
	font-size:11pt;
	line-height:1.5;
}
h1, h2, h3, h4, h5, h6 {
  page-break-after:avoid;
  page-break-inside:avoid
}
a[href]:after {
    content: none !important;
}
}

/***************************************************************************
*		11. Career Page
*****************************************************************************/
ul.job_listings{
	margin: 0;
	padding: 0!important;	
}
ul.job_listings li.job_listing .position{
		float:left;
		margin-left: -20px;
		width:100% !important;	
}
ul.meta li.date{
	font-size: 0.9em;
	text-align:right;
	float:right;	
}
ul.job_listings, 
li.job_listing a{
	padding: 5px 10px 5px 0px;	
}


/****************************************************************************
*				PAGINATION
*
*****************************************************************************/
#navigation-div .pagination > li:last-child > span{
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}
#navigation-div .pagination > li:last-child > span:hover{
	background-color:#fff;	
}