@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic);

/* =Reset default browser CSS. Based on work 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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	vertical-align: top;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}




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


/* =Typography
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #000000; font-family: 'Open Sans', sans-serif !important; font-weight: bold; line-height: 1.25 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 28px; margin-bottom: 12px;}
h2 { font-size: 24px; margin-bottom: 9px; }
h3 { font-size: 20px; margin-bottom: 9px; }
h4 { font-size: 18px; margin-bottom: 3px; }
h5 { font-size: 14px; font-weight: normal; margin-bottom: 3px;  }
h6 { font-size: 11px; font-weight: normal; }

.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }


/* =Text Elements
----------------------------------------------- */
p { line-height: 17px; margin: 0 0 18px; }
p img { margin: 0; }
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px;  }

em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 80%; line-height: inherit; }

/*	Blockquotes  */
blockquote, blockquote p { line-height: 20px; color: #777; }
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555; }

hr { background: #67686c; border: none !important; height: 1px; clear: both; margin: 18px 0; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; }


/* =List
----------------------------------------------- */
#content #maincol li ul,
#content #maincol li ol {margin: 0;}
#content #maincol ul, #content #maincol ol {margin: 0 1.5em 1.5em 0; padding-left: 1.5em;}

#content #maincol ul {list-style-type: disc;}
#content #maincol ol {list-style-type: decimal;}



/* =Various Elements
----------------------------------------------- */
table {
	font-size:9pt;
    border-collapse: separate;
}

img { border:none; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; display: block; margin: 0 auto; }

.fleft { float: left; }
.fright { float: right; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.fleft {
	padding: 4px 2px 4px 4px;
	margin: 0 15px 2px 0;
	display: inline;
	float: left;
}

img.fright {
	padding: 4px 4px 4px 2px;
	margin: 0 0 2px 2px;
	display: inline;
	float: right;
}


/* =Forms
----------------------------------------------- */
form fieldset { border: 1px solid #ddd; margin: 0; padding: 9px 9px 2px; }

/* =Search
----------------------------------------------- */
#search { 
	width: 198px;
	margin-top: -45px;
	position: relative;
	float: right; 
}

#search form { 
	width: 198px; 
	float: left; 
}

#search form fieldset { 
	border: none;
	padding: 0;
}

#search label {
	font: 10px 'Open Sans', sans-serif !important;
	font-weight: bold;
	color: #7d4900;
	display: block;
	text-transform: uppercase;
	padding: 7px 13px 0 0;
	float: left;
}
input.searchbox{
	border: 1px solid #f1f1f1;
	background: #fff;
	font: 100 12px 'Open Sans', sans-serif !important;
	color: #adacac;
	width: 152px;
	margin: 0 !important;
	padding: 2px 37px 2px 6px !important;
	line-height: 14px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../js/pie/PIE.htc);
	position: relative;
	z-index: 100;
	float: left;
}

.search_icon {
    width: 15px;
    height: 15px;
	margin: 0 0 0 -31px;
	padding: 6px 8px 5px;
	position: relative;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../js/pie/PIE.htc);
	z-index: 101;
	float: left;
}

.search_icon input { box-shadow: none; line-height: 30px !important; }
	

/* =Structure
----------------------------------------------- */
.container { 
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}

body {
	background-image: url(images/bg.png);
    background-position: top left;
    background-repeat: repeat-x;
	padding: 0;
}

.col940 {
	padding-left: 10px;
	padding-right: 10px;
}

.row-fluid [class*="span"] {
	min-height: 1px !important;
}

#header-container { 
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #373737;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300;
}

#header {
	max-width: 960px;
	position: relative;
	z-index: 9999;
	margin: 0 auto;
}

#header h1 {
	font-size: inherit;
	margin: 0;
	line-height: inherit;
	position: relative;
	float: left;
}

#branding {
	margin: 0 auto;
	font-size: 24px;
}

#header h1 img {
	display: block;
}

#subheader {
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 1;
}

#subheader img {
	display: block;
}

.subheader-cont {
	padding: 10px 12px;
}



/* =Menus
----------------------------------------------- */
.navbar {
	margin: 0;
}

.navbar-inner {
  text-align:center;
}

.navbar-inner { 
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #efeff1, #fdfdfd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efeff1), to(#fdfdfd));
	background-image: -webkit-linear-gradient(top, #efeff1, #fdfdfd);
	background-image: -o-linear-gradient(top, #efeff1, #fdfdfd);
	background-image: linear-gradient(to bottom, #efeff1, #fdfdfd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefeff1', endColorstr='#fffdfdfd', GradientType=0);
	border: none;
	border-bottom-width: 3px;
    border-bottom-style: solid;
	-webkit-border-radius: 0;
	 -moz-border-radius: 0;
		  border-radius: 0;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.065);
	 -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.065);
		  box-shadow: 0 0 0 rgba(0, 0, 0, 0.065);
    padding: 0;
    min-height: 20px;
}
.navbar .nav {
    width: 100%;
    padding: 10px 0\9;
}

.navbar .nav > li > a { 
	text-shadow: none;
	font-weight: normal;
	padding: 8px 12px;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	text-align: left;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
	 -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
		  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-webkit-border-radius: 0;
	 -moz-border-radius: 0;
		  border-radius: 0;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: #e5e5e5;
	color: #333333;
	text-decoration: none;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
	 -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
		  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) !important;
	-webkit-border-radius: 0;
	 -moz-border-radius: 0;
		  border-radius: 0;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
	text-align: left;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.nav-toggle {
	background: rgba(0, 0, 0, 0.65);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.8) 100%);
	background: -moz-gradient(center top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.8) 100%);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	font-weight: normal;
	margin: 0;
	cursor: pointer !important;
	text-align: left;
	display: block;
	padding: 0;
	font-size: 1em;
}
.nav-toggle {
	display: none\9;
}
html[data-useragent*='MSIE 10.0'] .nav-toggle {
	display: none;
}

.nav-toggle a {
	color: #fff !important;
	text-shadow: 0 1px 0 #000;
	padding: 0.5em 1em;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	text-decoration: none;
	cursor: pointer !important;
}

.nav-toggle:before {
	content: "\f039";
	font-family: "FontAwesome";
	font-weight: normal !important;
	color: #fff;
	margin-left: 0.5em;
	text-shadow: 0 1px 0 #000;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	display: inline-block;
	padding: 0.8em 1em 0.8em 0.5em;
}

.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  border-color: none;
}

.nav-collapse .nav>li>a {
	margin-bottom: 0;
}


.dropdown-menu::before, 
.dropdown-menu::after {
     border: none !important;
     content: none !important;
}

.dropdown-menu {
	padding: 0;
	-webkit-border-radius: 0;
	 -moz-border-radius: 0;
		  border-radius: 0 !important;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu > li > a {
	font-size: 12px;
	text-align: left;
	padding: 3px 15px;
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a{ 
	text-decoration:none;
	background-image: none !important;
	filter: none !important; 
	text-decoration:none;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	text-decoration:none;
	outline:0;
	background-image: none !important;
	filter: none !important;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.065) !important;
	 -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.065) !important;
		  box-shadow: 0 0 0 rgba(0, 0, 0, 0.065) !important;
}

.nav-list {
    margin: 0 !important;
}

.nav-list .dropdown-menu {
    margin-top: 0;
}

.nav-list .dropdown-menu::before, 
.nav-list .dropdown-menu::after {
     border: none !important;
     content: none !important;
}

.nav-list.nav .dropdown-menu {
	top: 0;
    left: 100%;
	-webkit-box-shadow: 0;
	 -moz-box-shadow: 0;
		  box-shadow: 0 !important;
	-webkit-border-radius: 0;
	 -moz-border-radius: 0;
		  border-radius: 0 !important;
}

.nav-list.nav .dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.nav-list.nav .dropdown-menu > li > a {
	font-size: 12px;
	text-align: left;
}
.nav-list.nav .dropdown-menu > li > a:hover, .nav-list.nav .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .nav-list.nav .dropdown-submenu:focus > a{ 
	text-decoration:none;
	color:#ffffff;
	background-image: none !important;
}

.nav-list.nav .dropdown-menu > .active > a, .nav-list.nav .dropdown-menu > .active > a:hover, .nav-list.nav .dropdown-menu > .active > a:focus {
	color:#ffffff;
	text-decoration:none;
	outline:0;
	background-image: none !important;
}

/* =Content
----------------------------------------------- */
#content {
	background-color: #fff;
	font-size: 12px;
    line-height: 18px;
    padding-top: 10px;
}

.breadcrumb { 
	font-size: 10px;
	font-weight: 100;
	margin: 0 0 20px !important; 
	padding: 5px 10px !important; 
	display: block;
	text-align: left;
}
.breadcrumb span span { 
	font: 10px 'Open Sans', sans-serif !important;
	text-decoration:underline;  
}

#leftcol {
	height: auto;
	color: #363636;
	float: left;
}

.well {
	background: #fbfbfb;
	border-color: #f2f2f2;
	padding: 8px;
}	

#leftcol h3 {
	font-weight: bold;
	color: #fff;
	padding: 7px 0 7px 7px;
	margin-bottom: 15px;
	text-align: left;
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
	border-radius: 4px;
}


#maincol {
	color: #000;
	height: auto;
	padding: 0 0 25px;
	float: left;
}

#maincol h2 {
	font-size: 24px;
	margin-bottom: 20px;
}

#maincol p {
	font-size: 12px;
	margin-bottom: 20px;
    line-height: 22px;
}

#content.inside #leftcol,
#content.inside #maincol { margin-top: 10px; }

#sub-cont {
	margin-top: 10px;
	float: left;
}

#sub-cont  h4 {
	margin-bottom: 20px;
}


ul#news  {
	border-right: 1px dotted #e9e8e8;
	font-size: 11px;
	margin: 0 !important;
	padding: 0 0 0 17px;
	list-style: none;
	float: left;
}

ul#news li {
	background: url(images/news_icon.gif) 0 4px no-repeat;
	font-weight: bold;
	padding: 0 0 10px 20px;
	margin: 0;
	float: left;
}

ul#news li a {
	color: #4d4542;
	text-decoration: none;
	font-weight: normal;
	float: left;
}

ul#news li a:hover {
	color: #4d4542;
	text-decoration: underline;
	font-weight: normal;
	float: left;
}

.left-cont {
	margin: 0 0 20px 0;
}

.calendar-cont {
	padding: 0;
	text-align: center;
}

.logo-cont {
	margin-bottom: 10px;
	text-align: center;
}



/* =Footer
----------------------------------------------- */
#clearfooter {
	width: 100%;
	height: 1px;
	clear: both;
} /* to clear footer */


#footer {
    color: #fff;
	width: 100%;
	padding: 10px 0;
}

#bottom-nav {
	font-size: 11px;
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
}

#bottom-nav .mmenucontainer {
	padding: 0;
	cursor: pointer;
	text-align: center;
	margin-left: auto !important;
	margin-right: auto !important;
}

#bottom-nav .mmenucontainer a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	text-transform: capitalize;
	text-align: center !important;
}

#bottom-nav .mmenucontainer a:hover {
	color: #fff;
}

.footer-links {
  margin: 5px 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
}
.footer-links li a {
	color: #fff;
	text-decoration: none;
}
.footer-links li a:hover {
	color: #fff;
	text-decoration: underline;
}
.footer-links li:first-child {
  padding-left: 0;
}

#copyright {
	font-size: 10px;
	color: #fff;
	text-align: center;
}




/* =Media Queries
----------------------------------------------- */
/* Large desktop */
@media (min-width: 1200px) {
#header-container { max-width: 960px; }
.subheader-cont img { 
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	z-index: 1;
}
}
 
@media (min-width: 980px) {
.ui-datepicker td .ui-state-default { 
	font-size: 11px !important;
	padding: 1px !important;
}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
#header-container { max-width: 940px; }
.ui-datepicker td .ui-state-default { 
	font-size: 11px !important;
	padding: 1px !important;
}

#branding {
	margin: 0 auto;
	width: 724px;
}

#content { padding-top:10px; }
}

@media (min-width: 768px) {
.navbar .nav {
    padding: 10px 0;
}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.navbar .nav {
    padding: 0;
}
#branding img{ position: relative; }
.ui-datepicker td .ui-state-default { 
	font-size: 12px !important;
	padding: 3px !important;
}

#content { padding-top:10px; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
#header-container {
	position: relative;
	z-index: 9999;
}
.ui-datepicker td .ui-state-default { 
	font-size: 12px !important;
	padding: 4px !important;
}
.subheader-cont {padding: 0 0 10px; overflow:hidden; }
.subheader-cont img { 
	width: 100%;
	max-width: 100%;
}

#header #branding { overflow: hidden; }
#header img { 
	width: 100%;
	max-width: 100%;
}

#content { padding-top:10px; }
#content #left { margin-top: 10px; }
#content.inside #maincol { margin-top: 0; }

#content #maincol table, #content #maincol table span { font-size: 11px !important; }
#content #maincol table td a {
-ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

}

/* Smartphones (portrait and landscape) ----------- */
@media (max-device-width : 320px) {
#header-container {
	position: relative;
	z-index: 9999;
}

#content { padding-top:10px; }

.ui-datepicker td .ui-state-default { 
	font-size: 12px !important;
	padding: 4px !important;
}
.subheader-cont {padding: 0 0 10px; overflow:hidden; }
.subheader-cont img { width: 100%;
	max-width: 100%;
}

#header h1 {  overflow: hidden; }
#header img { 
	width: 100%;
	max-width: 100%;
}
#content #left { margin-top: 10px; }
#content.inside #maincol { margin-top: 0; }

#content #maincol table, #content #maincol table span { font-size: 11px !important; }
#content #maincol table td a {
-ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for webkit */
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

}