﻿body 
{ 
        font:normal 1.15em/120% Calibri, sans-serif;
        margin: 0; 
        
}

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/


*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
a{color:#003399;outline:0;text-decoration:none;}
a:active{color:inherit;}
a:visited{}
a:hover{color:#999999;}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
b{color:#000;font-weight:bold;}
strong{color:#000;font-weight:bold;}
strike{}
i{}
em{}
.hide{display:none;}
.show{display:block;}

/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #666666;border-right:0;border-left:0;margin:5px 0;min-height: 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

.verticalLine300 {
  border-right: 1px dotted #666666; height: 300px;
}

.verticalLine350 {
  border-right: 1px dotted #666666; height: 300px;
}

.verticalLine400 {
  border-right: 1px dotted #666666; height: 400px;
}

.verticalLine500 {
  border-right: 1px dotted #666666; height: 500px;
}

.verticalLine600 {
  border-right: 1px dotted #666666; height: 600px;
}

.verticalLine700 {
  border-right: 1px dotted #666666; height: 700px;
}

.verticalLine800 {
  border-right: 1px dotted #666666; height: 800px;
}

.verticalLine900 {
  border-right: 1px dotted #666666; height: 900px;
}

.verticalLine1000 {
  border-right: 1px dotted #666666; height: 1000px;
}

.verticalLine1150 {
  border-right: 1px dotted #666666; height: 1150px;
}

.verticalLine1250 {
  border-right: 1px dotted #666666; height: 1250px;
}

.verticalLine1600 {
  border-right: 1px dotted #666666; height: 1600px;
}

.verticalLine2200 {
  border-right: 1px dotted #666666; height: 2200px;
}

.verticalLine2500 {
  border-right: 1px dotted #666666; height: 2500px;
}

.verticalLine2700 {
  border-right: 1px dotted #666666; height: 2700px;
}

.verticalLine3000 {
  border-right: 1px dotted #666666; height: 3000px;
}

.verticalLine3300 {
  border-right: 1px dotted #666666; height: 3300px;
}



/*---------------------------------
	HEADINGS
-----------------------------------*/

.small  {font-family: Calibri, sans-serif; font-size: 12pt; font-weight: bold; line-height:100%; color: #333333;
}

.small2  {font-family: Calibri, sans-serif; font-size: 11pt; font-weight: normal; line-height:100%; color: #333333;
}

.title1  {font-family: Calibri, sans-serif; font-size: 14pt; font-weight: bold; line-height:120%; color: #666666;
}

.title2  {font-family: Calibri, sans-serif; font-size: 16pt; font-weight: bold; line-height:120%; color: #666666;
}


div.absolute {
    position: absolute;
    top: 10%;
    right: 0%;
    left: 0%;
    width: 50%;
    height: 20%;
    border: 3px solid #73AD21;
}


h6{
font-family: Calibri, sans-serif;
font-weight: bold;
line-height:120%;
color: #666666;
}


h5{
font-family: Calibri, sans-serif;
font-weight: bold;
line-height:120%;
color: #666666;
}


h4{
font-family: Calibri, sans-serif;
font-weight: bold;
line-height:120%;
color: #666666;
}


h3{
font-family: Calibri, sans-serif;
font-weight: bold;
line-height:120%;
color: #666666;
}


h2{
font-family: Calibri, sans-serif;
font-size: 1.3em;
font-weight: bold;
line-height:110%;
color: #666666;
}


h1{
font-family: Calibri, sans-serif;
font-weight: bold;
line-height:100%;
color: #666666;
}

.menu {font-family: Calibri, sand-serif;
font-weight: bold;
font-size: 20px;
color: white;
				
}

img {
    max-width: 100%;
    height: auto;
}

.cell {
  display: table-cell;
}

.cell-fluid {
  width: 100%;
}


.center {
    text-align: center;
}

/* Text in image */
.container2 {
    position: relative;
}

.centerbanner {
    
}

.logo {
    
}



.center2 {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
    font: Calibri, sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    line-height: 34px;
}

.center3 {
    position: absolute;
    left: 0;
    top: 40%;
    width: 100%;
    text-align: center;
}



/* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000000;
    font-family: Calibri, Arial, sans-serif;
}

/* Float the list items side by side */
ul.topnav li {
	
	display: inline-block;
}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 24px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #0066ff;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}


@media screen and (max-width:900px) {
  ul.topnav li {display: none;}
  ul.topnav li.icon {
    float: left;
    display: inline-block;
  }
}
.logo {display: none;}

@media screen and (max-width:900px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: relative;
    
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

  
			{
				font-size: 90%; /* 12 */
			}
}




@media screen and (max-width:680px) {
  ul.topnav li {display: none;}
  ul.topnav li.icon {
    float: left;
    display: inline-block;
  }

}



@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: relative;
    
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
  .verticalLine300 {display: none;}
  .verticalLine350 {display: none;}
  .verticalLine400 {display: none;}
  .verticalLine500 {display: none;}
  .verticalLine600 {display: none;}
  .verticalLine700 {display: none;}
  .verticalLine800 {display: none;}
  .verticalLine900 {display: none;}
  .verticalLine1000 {display: none;}
  .verticalLine1150 {display: none;}
  .verticalLine1250 {display: none;}
  .verticalLine1600 {display: none;}
  .verticalLine2200 {display: none;}
  .verticalLine2500 {display: none;}
  .verticalLine2700 {display: none;}
  .verticalLine3000 {display: none;}
  .verticalLine3300 {display: none;}
  .centerbanner {display: none;}
  .logo {display: inline;}
  
  html
			{
				font-size: 90%; /* 12 */
			}
}

