body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:   16px;
	color:       #333333;
	line-height: 24px;
}

h1, h2, h3, #mainNav li a, .font_Montserrat, button, .button, .srch_rslt {
	font-family:    'Montserrat', sans-serif;
	letter-spacing: 0;
	font-style:     normal;
}

h1 {
	font-size:   26px;
	line-height: 32px;
	color:       #3FB5E8;
	font-weight: bold;
	margin:      0 0 15px 0;
}

h1.inner_temp_h1 {
	color:          #8B70B2;
	margin-bottom:  0;
	font-size:      36px;
	line-height:    1.1;
	text-transform: uppercase;
}

h2 {
	font-size:   24px;
	line-height: 29px;
	color:       #3FB5E8;
	font-weight: bold;
	margin:      0 0 20px 0;
}

h3 {
	font-size:   20px;
	line-height: 16px;
	color:       #52426D;
	font-weight: bold;
	margin:      0 0 20px 0;
}

h4 {
	font-size:   16px;
	line-height: 17px;
	color:       #666666;
	font-weight: bold;
	margin-bottom: 5px;
}

a, a:active {
	color:           #3FB5E8;
	text-decoration: none;
	outline:         none;
}

a:hover {
	color:           #8B70B2;
	text-decoration: none;
}

hr {
	margin:     30px 0;
	height:     1px;
	border:     none;
	border-top: 1px solid #DDE2E5;
	color:      #DDE2E5;
}

.bold {
	font-weight: 700;
}

.white_txt {
	color: #FFFFFF !important;
}

blockquote {
	border-left:        10px solid #D5DDE5;
	background:         #E9EFF2 url(images/icons/thinking.png) no-repeat 20px center;
	padding:            15px 20px 8px 115px;
	background-size:    110px;
	box-sizing:         border-box;
	margin:             20px 0;
}

blockquote,
blockquote p {
	font-size:   18px;
	line-height: 30px;
}

div.quote {
	border-left:        10px solid #D5DDE5;
	background:         #E9EFF2 url(images/icons/thinking.png) no-repeat 20px center;
	padding:            15px 20px 8px 115px;
	background-size:    110px;
	box-sizing:         border-box;
	margin:             20px 0;
}

div.quote,
div.quote p {
	font-size:   13px;
	line-height: 18px;
}

/*
	Custom Styles for dropdown
	Notice [10/02/2012]: TinyMCE applies css classnames in lowercase when used within a Webkit browser. So 'textHighlight' becomes 'texthighlight'.
	Workaround: Either declare all editor styles in lowercase, or create duplicate lowercase styles for webkit browsers.
*/

.button {
}

.button.large {
}

.button.small {
}

.texthighlight {
	font-weight: bold;
	color: #999999;
}

.texthighlight2 {
	font-weight: bold;
	color: #52426d;
}

.texthighlight3 {
	font-weight: bold;
	color: #3fb5e8;
}

.pageimageright {
	float:         right;
	margin:        15px 3px 10px 25px;
	border:        solid 5px #FFFFFF;
	border-radius: 3px;
	box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

.pageimageleft {
	float:         left;
	margin:        15px 25px 10px 3px;
	border:        solid 5px #FFFFFF;
	border-radius: 3px;
	box-shadow:    1px 1px 3px 0px rgba(0, 0, 0, 0.5);
}

.half_width_video {
	float: right;
	width: 50%;
	margin: 15px 0px 10px 25px;
}


/* ******************* */
/* Lists */
/* ******************* */

#content ul, #content ol {
	list-style: none;
	padding:    0px;
	margin:     0px 10px 15px;
}

#content ul.sitemap li ul {
	margin-left:    35px !important;
}


#content ul li, .list_style ul li {
	text-indent: -24px;
	margin-left: 28px;
	padding:     3px 0px;
}

#copy ul li:before, .list_style ul li:before {
	content:      "\203A \00a0";
	color:        #62BFEB;
	font-size:    16px;
	line-height:  15px;
	margin-right: 15px;
}

.list_style ul li:before {
	color: #FFFFFF;
}

#copy ol {
	list-style: decimal outside;
}

#copy ol li {
	margin-left: 20px;
	padding:     3px 0px;
}

/* ******************* */
/* Tables */
/* ******************* */
#Reflections_toolbargroup table.mceToolbar {
	width: auto !important;
}

#content table, table {
	width:  100% !important;
	margin: 20px 0;

}

table tr:nth-child(odd) {
	/*background-color : #f5f5f5;*/
}

table thead tr {
	/*background-color : transparent !important;*/

}

table tr td {
	border-bottom:  1px solid #D8D8D8;
	text-align:     center;
	padding:        14px 14px;
	text-align:     left !important;
	vertical-align: middle !important;
	border-right:   solid 1px #D8D8D8;
}

table tr td:first-child {
	border-left: solid 1px #D8D8D8;
}

table tr td:last-child {
	border-right: solid 1px #D8D8D8;
}

table tr:hover td {
	background: none;
}

table thead tr th, table thead tr td,
table thead tr:hover th, table thead tr:hover td {
	font-weight:  bold;
	padding:      10px 14px 10px 15px;
	font-size:    13px;
	text-align:   left !important;
	color:        #FFFFFF;
	text-shadow:  -1px -1px 0px rgba(0, 0, 0, 0.3);
	background:   url("images/backgrounds/table-row-divider-bg.png") no-repeat bottom right;
	border-right: none;
}

table thead tr {
	background: #52BCEA; /* Old browsers */
	background: linear-gradient(to bottom, #52BCEA 0%, #39A3D1 100%); /* W3C */

}

table thead tr th:first-of-type, table thead tr td:first-of-type {
	border-top-left-radius: 4px;
	border-left:            0;
}

table thead tr th:last-of-type, table thead tr td:last-of-type {
	border-top-right-radius: 4px;
	border-right:            0;
}

table tr td p {
	padding: 0px;
	margin:  0px !important;
}

table tr.rowDivider td {
	border-top: 3px solid #333333;
}

table.invisibleTable tr, table.invisibleTable tr:hover,
table.invisibleTable td, table.invisibleTable td:hover,
table.invisibleTable tr:hover td,
table.gsc-search-box tr, table.gsc-search-box tr:hover,
table.gsc-search-box td, table.gsc-search-box td:hover,
table.gsc-search-box tr:hover td {
	border:         0;
	background:     transparent !important;
	vertical-align: top !important;
}

table.invisibleTable tr, table.invisibleTable td {
	padding: 5px;
}