/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.

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

ul.weblinks li {

 list-style: circle;

}



.custom ul li,

ul.weblinks li {

 margin-bottom: 2ex;

 margin-left: 1ex;

}



#s5_banner {

 -webkit-border-radius: 0 6px 0 0;

 -moz-border-radius: 0 6px 0 0;

 border-radius: 0 6px 0 0;

 height: 96px;

  

 background-image: url("../images/Bell_489x200.jpg");

 background-position: 100% 0;

 background-repeat: no-repeat;

 background-size: 80%;

 padding: 0 important!;

}



p.readmore a.btn {

  color: #73A0CF;

}



p.readmore a.btn:hover {

  text-decoration: underline;

}



.item-page  p {

 margin-bottom: 18px;	

}

.item-page  ul,

.item-page  ol  {

	margin-bottom: 0;

	margin-bottom: 18px;	

}

.pull-left, .leftFloat {

 margin-right: 2ex;

 margin-bottom: 2ex;

 float: left;

 clear: both;

}

.pull-right, .rightFloat {

 margin-left: 2ex;

 margin-bottom: 2ex;

 float: right;

 clear: both;

}

.pull-center {

 margin-left: auto;

 margin-right: auto;	

 margin-bottom: 2ex;

}

.secondaryMenu {

	text-align: left;

	list-style: none;

	margin-top: 2em;

	margin-bottom: 1.25em !important;

}



.secondaryMenu li {

	margin-bottom: 1.25em !important;

}

.stateList {

 margin-bottom: 1.25em !important;

}

.stateList li {

 display: inline;	

}

.listing

{

 margin-bottom: 3em;

}

.calendar_coi {

 border-width: 0;

 width: 90%;

 height: 600px;

}

.rightImage, .center {

 text-align: center;

}



/* Styles for general content */



h2, h3, h4, h5 {

 color: #194778;

 font-family: Oswald;

}



#s5_component_wrap h3,

#s5_component_wrap h4,

#s5_component_wrap h5 {

 margin-top: 1.5em;

}



#s5_component_wrap:first-child {

 margin-top: 0;

}



.s5_contentwrapper div>p {

 margin-bottom: 1em;

}



.s5_contentwrapper p>img {

 display: block;

}



.forceShow {

	display: block;

}



/* Styles for ADA Section 508 (Accessibility) compliance */

.s508, .invisible {

	visibility: hidden;	

	display: none;

}



/* Fixes from beta testing feedback */

body { line-height: 160%; }

h1, h2, h3, h4, h5, h6,

#s5_component_wrap h1, #s5_component_wrap h2, #s5_component_wrap h3,

#s5_component_wrap h4, #s5_component_wrap h5, #s5_component_wrap h6

 { line-height: 160%; }

#s5_responsive_mobile_drop_down_menu ul li,

#s5_responsive_mobile_drop_down_menu ul li.deeper

 { padding-bottom: 18px; }



#s5_footer {

	text-align: center;

	float: none;

}



.latest-posts { line-height: 130%; }



.article_column table {

	border: 1px dotted #CCCCCC;	

}



.article_column th, .article_column td {

	border: 1px dotted #AAAAAA;

	padding-left: 1ex;

}







.toolboxRecent {

	line-height: 130%;

	text-indent: -0.5ex;

	padding-bottom: 1.5ex;

}





.latest-news { line-height: 130%; }

.latest-news ul li { margin-top: 13px; }





/* Makes tables not so ugly */

table th {

	background-color: white;

	color: #4E6C8C;

	font-weight: bold;

	padding-left: 0px;

	padding-top: 0px;

}



table th, table td {

	padding-right: 0.5em;

	vertical-align: top;

}



/* Make search easier to see */

#s5_search {

	padding-top: 0.75ex;

}



#s5_search input {

	background-color: #444444;

}





/* Toolbox styles */

#toolbox div.thumb {

  float: left;

  text-align: center;

  vertical-align: middle;

  margin: 0 1em 1ex 0;

}



#toolbox h2 {

  display: block;

}





#toolbox img.serarchthumb {

  vertical-align: middle;

  margin: 0 auto;

}



#toolbox div.solution-top, #toolbox div.solution-description {

  margin-bottom: 1em;

}



#toolbox .solution-top {

  overflow: hidden;

}



#toolbox .solution-caution, #toolbox .solution-archived, #toolbox .solution-limitations {

	float: left;

	clear: both;

	margin-bottom: 1.5ex;

}



#toolbox .solution-archived strong {

	color: red;

}



#toolbox .address:before { 

  content: "Supplier: " 

}



#toolbox .phone:before { 

  content: "Phone: " 

}



#toolbox .fax:before { 

  content: "Fax: " 

}



#toolbox .website:before { 

  content: "Website: " 

}



#toolbox .email:before { 

  content: "Email: " 

}



#toolbox .cost:before { 

  content: "Est. Cost: " 

}



#toolbox .caution {

  margin-right: 1ex;

}



#toolbox .left {

  float: left;

  margin-right: 1em;

  margin-bottom: 1ex;

}



#toolbox .right {

  float: right;

  margin-left: 1em;

  margin-bottom: 1ex;

}





#toolbox .supplier, #toolbox .solution-top {

  width: 99%;

}



#toolbox table caption {

  visibility: hidden;

}



#toolbox table.heading-info, #toolbox table.supplier {

  margin-top: 0.5em;

  margin-bottom: 0.5em;

  width: 99%;

}



#toolbox table {

  border: 1px solid #CCCCCC;

}



#toolbox table th, #toolbox table td {

  border: 0px solid transparent;

}



#toolbox table.heading-info th, #toolbox table.supplier th {

  width: 12em;

  text-align: left;

  vertical-align: top;

}



#toolbox div.searchresult {

  border-bottom: 1px solid #CCCCCC;

  padding-top: 1ex;

}



#toolbox div.clear {

  clear: both;

  margin-top: 1em;

  margin-bottom: 1em;

  width: 100%;

  text-align: center;

}



div.debug {  

	border: 1px solid #FFFF00; 

	color: #FF00FF;

	margin-top: 0;

	margin-bottom: 1em;

	padding-top: 0;

}





.toolboxRight {

	float: right;

	text-align: center;

  padding: 0 0 15px 15px;

  width: 250px;

}



.toolboxNav {

	background-color: #E4F0DA;

}



#toolbox .toolboxRight li {

	text-align: left;

	list-style-type: none;

	margin: 0px;

	padding: 0px 2ex 1ex 1ex; 

	line-height: 1.25em;   

}



#toolbox .toolboxRight li a {

	display: block;

	width: auto;

	height: auto;

	text-decoration: none;

	color: #0E6C4A;

}



#toolbox .toolboxRight li a:hover, #toolbox .toolboxRight li a:focus {

	text-decoration: none;

	background-color: #075085;

	color: white;

	padding-left: 10px;

}





#toolbox .toolboxRight h1 {

	text-align: center;

	color: white;

	font-size: 1.4em;

	width: auto;

	padding: 0;

	margin: 0px 0px 15px 0px;

	background-color: #075085;

}



#toolbox .toolboxRight img {

  margin-bottom: 1em;

}



.toolboxNavBarBottom {

	text-align: center;

	font-size: 1.4em;

	color: #075085;

	width: auto;

	padding: 0;

	margin: 0px 0px 15px 0px;

	background-color: #075085;

}



#toolbox .TSearch {

	padding: 1ex 1em 1ex 0;

	background-color: #ECC9BB;

	text-align: right;

	font-size: larger;

}



#toolbox .TSearchSmall {

	font-size: smaller;

}



#toolbox .formLabel, #toolbox .formSpacer

{

	display: inline-block;

	/* width: 18ex; */

	vertical-align: text-top;

	font-weight: normal;

	margin-bottom: 1ex;

}



#toolbox .formLine

{

    text-align: left;

    vertical-align: text-top;

    padding: 0 1em 0 1em;

    margin: 0;

}



#toolbox .formLine textarea, #toolbox .formLine .formField

{

    vertical-align: text-top;

}



#toolbox .formLine .formField

{

     width: 100%;

}



#toolbox .formSearch {

	font-size: smaller;

}



#toolbox .smallSearch .formLabel {

	font-size: larger;

}



#toolbox form

{

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

	line-height: normal;

}





.ToolboxNav {

	margin-bottom: 1em;

}



.noWrap {

	white-space: nowrap;

}



#toolbox .new {

	color: #00AA00;

}



#toolbox .updated {

	color: #AA0066;

}



#toolbox span.hl, .hi {

	background-color: yellow;

}





/* Misc styles for FAQ and general */

dl { padding: 0.5em; }

dt {

    float: left;

    clear: left;

    width: 10ex;

    text-align: right;

    font-weight: bold;

    padding-right: 1ex;

}

dt:after { content: ": "; }

dd { margin: 0 0 0 3ex; padding: 0 0 0.5em 0; }



.catalog li {

		display: block;

}



.catalog img {

		display: block;

}



.splashText {

	display: block;

	color: #FFFFFF;

	font-size: 200%;

	position: absolute;

	bottom: 1ex;

	left: 1ex;

	text-shadow: 2px 2px 5px black;

}