@charset "UTF-8";

img, object, embed, video {
	max-width: 100%;
}

/* Mobile Layout: 480px and below. */
  
p	{
    font-family: 'Catamaran', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 76%;
    line-height: 145%;
    color: #000;
    margin-top: 0%;
    margin-bottom: 2%;
    text-align: left;
}

ul	{
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 76%;
	margin-top: 0%;
	text-align: left;
}

li	{
    font-family: 'Catamaran', sans-serif;
    line-height: 145%;
    list-style-position: outside;
    margin-left: -2em;
    list-style-type: none;
    list-style-image: url(../images/sitewide/ont-bear-bullet-6px.jpg);
}

.italic {
	font-style: italic;
}

.bold	{
 font-weight: 700;
}

.caption	{
    font-family: 'Catamaran', sans-serif;
    font-weight: 300;
	font-style: italic;
    font-size: 72%;
    line-height: 125%;
	margin-bottom: 0%;
}

.blue	{
	color: #3b0ac8;
	font-weight: 400;
}

.red{
    color: #E8060A;
}

.grey	{
    color: #5C5C5C;
}

.white	{
	color: #FFFFFF;
}

.big {
	font-weight: 400;
	font-size: 140%;
}

.enlarge {
	font-size: 100%;
	font-weight: 400;
	line-height: 135%;
}

.para	{
	font-family: 'Catamaran', sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 76%;
	line-height: 145%;
	color: #000;
	margin-top: 0%;
	margin-bottom: 2%;
}

sup {
    vertical-align: super;
    font-size: 56%;
}

h1	{
    font-family: "Michroma", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 90%;
    line-height: 135%;
    color: #e90303;
    padding-bottom: 0%;
    margin-bottom: 0%;
    margin-top: 0%;
    letter-spacing: 0em;
    word-spacing: 0em;
}

h2	{
    font-family: "Michroma", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 86%;
    line-height: 135%;
	color: #3b0ac8;
    margin-top: 0%;
    margin-bottom: 0.5%;
    text-align: left;
}

h3	{
    font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 80%;
    line-height: 135%;
	color: #3b0ac8;
    margin-top: 0%;
    margin-bottom: 0%;
}

h4	{
    font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 74%;
    line-height: 100%;
    color: #434343;
    margin-top: 0%;
    margin-bottom: 1%;
}

h5	{
    font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 74%;
    line-height: 100%;
    color: #c55e03;
    margin-top: 0%;
    margin-bottom: 0.5%;
}

h6	{
    font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 90%;
    line-height: 145%;
    color: #e90303;
    margin-top: 0%;
    margin-bottom: 0%;
}

.footerText	{
	font-size: 86%;
}

a.internal {
    font-family: 'Encode Sans Condensed', sans-serif;
	font-weight: 300;
	font-style: italic;
	line-height: 145%;
}

a.internal:link {
    text-decoration: none;
	color: #E8060A;
}

a.internal:visited {
	text-decoration:none;
	color: #E8060A;
}

a.internal:hover {
	text-decoration: none;
	color: #3b0ac8;
}

a.internal:active {
	text-decoration: none;
	color:  #E8060A;
}

a.internal2 {
    font-family: 'Encode Sans Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 135%;
    margin-top: 0%;
    margin-bottom: 0%;
    text-decoration: none;
}

a.internal2:link {
    color: #3b0ac8;
}

a.internal2:visited {
    color: #3b0ac8;
}

a.internal2:hover {
    color: #E8060A
}

a.internal2:active {
    color: #3b0ac8
}

a.telMobile {
	text-decoration: none;
	cursor:pointer;
}

a.telMobile:link {
 color: #E8060A;
}

a.telMobile:visited {
 color: #E8060A;
}

a.telMobile:hover {
	color: #3b0ac8
}

a.telMobile:active {
 color: #E8060A;
}

a.telOther {
	line-height: 100%;
	text-decoration: none;
	cursor:none;
}

a.telOther:link {
	color: #E8060A;
}

a.telOther:visited {
	color: #E8060A;
}

a.telOther:hover {
	color: #E8060A;
}

a.telOther:active {
	color: #E8060A;
}


.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}



/***********************************************
Tablet Portrait Layout: 481px to 768px. 
Inherits styles from: Mobile Layout. 
************************************************/

@media only screen and (min-width: 481px) {


p	{
font-size: 80%;
}

ul	{
font-size: 80%;
}

li	{
    margin-left: -1.7em;
    list-style-image: url(../images/sitewide/ont-bear-bullet-8px.jpg);
}

.italic{
}

.bold	{
}

.caption	{
font-style: italic;
font-size: 80%;
line-height: 125%;
margin-bottom: 0%;
}

.blue	{
}

.grey	{
}

.white	{
}

.red {
}

.big {
	font-size: 140%;
}

.enlarge {
	font-size: 120%;
}

h1 {
	font-size: 100%;
    letter-spacing: .05em;
    word-spacing: .1em;
}

h2 {
	font-size: 90%;
}

h3 {
	font-size: 76%;
}

h4 {
	font-size: 84%;
}

h5 {
 font-size: 84%;
}

h6 {
	font-size: 86%;
}

.footerText	{
	font-size: 80%;
	text-align: right;
}

sup {
    vertical-align: super;
    font-size: 40%;
}

.para	{
 font-size: 80%;
}

.caption	{
    font-size: 74%;
}

a.internal {
}

a.internal:link {
}

a.internal:visited {
}

a.internal:hover {
}

a.internal:active {
}

a.internal2 {
}

a.internal2:link {
}

a.internal2:visited {
}

a.internal2:hover {
}

a.internal2:active {
}

a.telMobile {
}

a.telMobile:link {
}

a.telMobile:visited {
}

a.telMobile:hover {
}

a.telMobile:active {
}

a.telOther {
}

a.telOther:link {
}

a.telOther:visited {
}

a.telOther:hover {
}

a.telOther:active {
}

.hide_tablet {
display: none;
}
    
.zeroMargin_tablet {
margin-left: 0;
}
    
}

/***********************************************
Tablet Landscape Layout & Laptop Layout: 768px to 1024px. 
Inherits styles from: Mobile Layout. 
************************************************/

@media only screen and (min-width: 768px) {


p	{
font-size: 80%;
}

ul	{
font-size: 80%;
}

li	{
    margin-left: -1.7em;
    list-style-image: url(../images/sitewide/ont-bear-bullet-8px.jpg);
}

.italic{
}

.bold	{
}

.caption	{
font-style: italic;
font-size: 80%;
line-height: 125%;
margin-bottom: 0%;
}

.blue	{
}

.grey	{
}

.white	{
}

.red {
}

.big {
	font-size: 130%;
}

.enlarge {
	font-size: 130%;
}

h1 {
	font-size: 120%;
}

h2 {
	font-size: 100%;
}

h3 {
	font-size: 82%;
}

h4 {
	font-size: 84%;
}

h5 {
 font-size: 84%;
}

h6 {
	font-size: 82%;
}

.footerText	{
	font-size: 80%;
	text-align: right;
}

sup {
    vertical-align: super;
    font-size: 40%;
}

.para	{
 font-size: 80%;
}

.caption	{
    font-size: 74%;
}

a.internal {
}

a.internal:link {
}

a.internal:visited {
}

a.internal:hover {
}

a.internal:active {
}

a.internal2 {
}

a.internal2:link {
}

a.internal2:visited {
}

a.internal2:hover {
}

a.internal2:active {
}

a.telMobile {
}

a.telMobile:link {
}

a.telMobile:visited {
}

a.telMobile:hover {
}

a.telMobile:active {
}

a.telOther {
}

a.telOther:link {
}

a.telOther:visited {
}

a.telOther:hover {
}

a.telOther:active {
}

.hide_tablet {
display: none;
}
    
.zeroMargin_tablet {
margin-left: 0;
}
    
}


/****************************************************************
/* Laptop and Desktop Layouts: 1024px to a max of 1400px.  
Inherits styles from: Mobile Layout, Tablet Layouts.
*****************************************************************/

@media only screen and (min-width: 1024px) {


p	{
 font-size: 98%;
}

ul	{
 font-size: 94%;
}

li	{
    margin-left: -1.3em;
    list-style-image: url(../images/sitewide/ont-bear-bullet-10px.jpg);
}

.italic{
}

.centerAlign {
}

.alignRight {
}

.bold	{
}

.caption	{
font-style: italic;
font-size: 92%;
line-height: 125%;
margin-bottom: 0%;
}

.big{
	font-size: 130%;
}

.enlarge {
	font-size: 140%;
}

.blue	{
}

.grey	{
}

.white	{
}

.red{
}

h1 {
font-size: 150%;
}

h2 {
 font-size: 110%;
}

h3 {
font-size: 94%;
}

h4 {
font-size: 96%;
}

h5 {
font-size: 96%;
}

h6 {
font-size: 94%;
}

.footerText	{
	font-size: 92%;
}

sup {
    vertical-align: super;
    font-size: 47%;
}

.para	{
    font-size: 94%;
}

a.internal {
}

a.internal:link {
}

a.internal:visited {
}

a.internal:hover {
}

a.internal:active {
}

a.internal2 {
}

a.internal2:link {
}

a.internal2:visited {
}

a.internal2:hover {
}

a.internal2:active {
}

a.telMobile {
}

a.telMobile:link {
}

a.telMobile:visited {
}

a.telMobile:hover {
}

a.telMobile:active {
}

a.telOther {
}

a.telOther:link {
}

a.telOther:visited {
}

a.telOther:hover {
}

a.telOther:active {
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}



/****************************************************************
/* Desktop Layout: 1400px to a max of 1800px.  
Inherits styles from: Mobile Layout, Tablet and Laptop Layout.
*****************************************************************/

@media only screen and (min-width: 1400px) {


p	{
 font-size: 98%;
}

ul	{
 font-size: 94%;
}

li	{
 margin-left: -1.3em;
}

.italic{
}

.centerAlign {
}

.alignRight {
}

.bold	{
}

.caption	{
font-style: italic;
font-size: 92%;
line-height: 125%;
margin-bottom: 0%;
}

.big{
	font-size: 130%;
}

.enlarge {
	font-size: 154%;
}

.blue	{
}

.grey	{
}

.white	{
}

.red{
}

h1 {
font-size: 180%;
}

h2 {
 font-size: 120%;
}

h3 {
font-size: 104%;
}

h4 {
font-size: 96%;
}

h5 {
font-size: 96%;
}

h6 {
font-size: 104%;
}

.footerText	{
	font-size: 92%;
}

sup {
    vertical-align: super;
    font-size: 47%;
}

.para	{
    font-size: 94%;
}

a.internal {
    font-size: 110%;
}

a.internal:link {
}

a.internal:visited {
    
    }

a.internal:hover {
}

a.internal:active {
}

a.internal2 {
}

a.internal2:link {
}

a.internal2:visited {
}

a.internal2:hover {
}

a.internal2:active {
}

a.telMobile {
}

a.telMobile:link {
}

a.telMobile:visited {
}

a.telMobile:hover {
}

a.telMobile:active {
}

a.telOther {
}

a.telOther:link {
}

a.telOther:visited {
}

a.telOther:hover {
}

a.telOther:active {
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}