/* --- RESET DEFAULT BROWSER CSS --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  /* font-family: inherit; */
  vertical-align: baseline;
}

/* removed perforated edge around links */
a { outline:0 !important; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --- END BROWSWER RESET --- */

/* Headings */
h1,h2,h3,h4,h5,h6 { color: #404040; }

h1 { font-size: 1.8em; line-height: 1.3em; margin-bottom: 1em; }
h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.8em; }
h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0.6em; }
h4 { font-size: 1.0em; line-height: 1em; margin-bottom: 0.4em; color: #333; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.2em; color: #333; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
.colored { color: #892e65; }

p { margin: 0 0 1.1em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a { color: #892e65; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; margin-left: 20px; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* Tables */
table { margin-bottom: 0.5em; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 0px 5px 0px 5px; }
th { padding: 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* Misc classes */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.8em; }
.hide { display: none; }
.white { color: #FFF; }

.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }

.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* --- END DEFAULT TYPOGRAPHY --- */

body { background: #EEE; }
img { max-width: 100%; height: inherit !imporant; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }
div.row { margin-bottom: 30px; }
.box { background: #FFF; border: 1px solid #333; padding: 10px; }
.error { color: red; background: #fff; padding: 5px; border: 1px solid red; margin: 10px 0; display: inline-block; }
img[style*="float: left"] { max-width: 50%; margin: 0 15px 10px 0; }
img[style*="float: right"] { max-width: 50%; margin: 0 0 10px 15px; }
.button { display: inline-block; padding: 3px 15px; background: #0d84d7; color: #FFF; border-radius: 15px; }
.button:hover { background: #0971b9; color: #FFF; text-decoration: none; }


.logo img { background: #41558B; }

/* Menu Styles */
.navbar-collapse { max-height: initial; }
.navbar-brand { display: none; }
@media (max-width: 991px) {
	.navbar-collapse.in { overflow-y: hidden; max-height: none; }
	.navbar-default .navbar-brand { display: block; }
	.navbar-nav > li a { padding-right: 40px !important; position: relative; }
	.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow { border: 0px; float: right; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.8em; position: absolute; right: 0; top: 0; }
	.navbar-nav .level-2 .sub-arrow, .navbar-nav .collapsible .level-2 .sub-arrow { height: 30px; line-height: 30px; font-size: 1.5em; }
}

/* Homepage Slider */
/*.owl-carousel .item img { width: 100%; max-height: 200px; }*/
.owl-carousel .item img { width: inherit; max-height: 100%; padding-bottom: 20px; }

/* Breadcrumbs */
.breadcrumbs { margin: 30px 0; }

/* Subnav */
.subnav li.here > a { font-weight: bold; color: #000; }

footer { font-size: 0.9em; }

/* Calendar styles */
#dc_calendar .header .prev { float: left; }
#dc_calendar .header .next { float: right; }

/* News Styles */
.categoriesList, .tagsList, .archivesList { margin-bottom: 30px; }
.categoriesList ul, .tagsList ul, .archivesList ul { margin-bottom: 0px; }
.newsItem { margin-bottom: 30px; }
.newsItem .videoThumb { position: relative; }
.newsItem .videoThumb .playBtn { top: 39%; left: 41%; background: url('images/youtubePlay.png') no-repeat; width: 40px; height: 28px; display: inline-block; position: absolute; }
.newsDetail {  }

/* Blog Styles */
.blogItem { margin-bottom: 30px; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

table.directory { width: 100%; }
.directoryCategorySelect .level2 { padding-left: 20px; }
.directoryCategorySelect .level3 { padding-left: 40px; }
.directoryCategorySelect .level4 { padding-left: 60px; }

@media (min-width: 992px) and (max-width: 1199px)
{
	
}

@media (min-width: 768px) and (max-width: 991px) 
{
	
}

@media (max-width: 767px) 
{
	
}


@media (max-width: 480px) 
{
	.col-xxs-12 { width: 100%; float: none; }
}