@font-face {
  font-family: 'Mohave';
  src: url('/font/Mohave.woff') format('woff');
  }


/* ######### Drop Down CSS ######### */

#navbar,
#navbar a,
#navbar ul,
#navbar li,
#navbar div,
#navbar form,
#navbar input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

#navbar a { text-decoration: none; }
 
#navbar li { list-style: none; }

#navbar {
    display: inline-block;
    width: 1082px;
    cursor: default;

    background: #305992;
    border-top: 2px #F57C1F solid;
}

#navbar.navbar_fixed {
  position:fixed;
  top:0px;
}

#navbar.navbar_relative {
  position:relative;
  margin-top: 110px;
}
 
#navbar > li {
    display: block;
    float: right;
}

#navbar > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 52px;
    padding: 0 20px;
    line-height: 54px;
 
    font-family: Roboto Condensed, Arial, sans-serif;
    font-size: 22px;
    color: #fcfcfc;
 
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#navbar > li:hover > a { background: #254772; text-decoration: none; }
 
#navbar > li > div {    /* The Mega-Dropdowns */
    position: absolute;
    display: block;
    width: 100%;
    top: 52px;
    left: 0;
    z-index: 500;
 
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
 
    background: #254772;
    border-radius: 0 0 3px 3px;
 
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
}

#navbar > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

#navbar .nav-column {   /* Inside the Mega-drowdowns */
    float: left;
    width: 28%;
    padding: 0 2.5% 2.5% 2.5%;
}
 
#navbar .nav-column h3 {
    margin: 20px 0 10px 0;
    text-align: left;
 
    font-family: Roboto Condensed, Arial, sans-serif;
    font-size: 22px;
    color: #fff;
}
 
#navbar .nav-column li {
    display: block;
    line-height: 21px;
    margin-bottom: 5px;
 
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
}
 
#navbar .nav-column li a:hover, #navbar .nav-column h3 a:hover { color: #BDE9FF; }

/* ######### Style for Elements ######### */

body {
	background: #669999; 
	margin: 10px; 
	font-family: verdana, sans-serif; 
	font-size: 12px; 
	color: #ffffff;
}

p,ol,ul,td {
	font-family: Roboto, verdana, sans-serif; 
	font-size: 17px;
	line-height: 22px;
}

table {
	color: #000000;
}

a {
	text-decoration: none; 
	color: #fff; 
	position: relative;
}
a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
a:hover {
	text-decoration: underline;
}


h1, h2, h3, h4, h5, h6 {
	color: #000033;
	text-align: center;
	font-family: Roboto Condensed, sans-serif;
}

h1 {
	font-size: 60px;
	margin-bottom: 10px;
	font-family: Mohave, sans-serif;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 40px;
}

h4 {
	font-size: 30px;
	margin: 10px;
}

td {
	vertical-align: top;
}

td.center {
	text-align: center;
}

img {
	border: 0px;
}

img.photo {
	margin: 5px; 
	border: solid 1px #000000;
}

img.photoright {
	margin: 8px; 
	margin-left: 15px;
	border: solid 1px #000000; 
	float: right; 
	clear: right;
}

img.photoleft {
	margin: 8px; 
	margin-right: 15px;
	border: solid 1px #000000; 
	float: left; 
	clear: left;
}
hr {
	clear: both;
}


/* ######### Style for Classes ######### */

p.quote {
	background-color: #414244; 
	text-align: center; 
	border: 1px #444444 solid; 
	padding: 10px; 
	margin: 30px 40px; 
	color: white;
	font-size: 18px;
	line-height: 22px;
	font-family: Roboto, sans-serif;
	min-height: 0; /* Creates a hasLayout for proper working in IE7 */
}

div.quote {
	background-color: #BC6134; 
	text-align: center; 
	border: 1px #444444 solid; 
	padding: 10px; 
	margin: 10px; 
	color: white; 
	min-height: 0; /* Creates a hasLayout for proper working in IE7 */

}

#navbarbox {
	border: solid 1px #000000; 
	padding: 3px; 
	margin: 5px; 
	float: left; 
	width: 200px;
}
.pictureright {
	width: 300px;
	padding: 5px;
	margin: 5px;
	float: right;
	border: 1px solid black;
	text-align: center;
	clear: right;
}

.headlink {
	line-height: 140%;
}

/* ######### Style for IDs ######### */

#page {
	position: relative;
	padding: 10px;
	padding-top: 18px;
	width: 1082px;
	margin: 0px auto;
}
#header {
	margin: auto;
	position: relative;
	z-index: 1;
	height:162px;
	background-color:#3E73BB;
	width: 1082px;
}
#socialmedia {
	position: absolute;
	right: -60px;
	top: 120px;
}

#socialmedia a {
	margin-bottom: 5px;
	border: 5px solid #305992;
	background-color: #305992;
	height: 50px;
	width: 50px;
	display: block;
	position: relative;
}
#socialmedia a:hover {
	right: -10px;
}
#lntitle {
	position: absolute;
	top: 20px;
	left: 125px}

#navbar li a#smalltitle {
	position: absolute;
	top: 0;
	left: 0;
	
	font-family: Mohave, sans-serif;
	color: #BDE9FF;
	font-size: 30px;
}

#smalltitle.smalltitle_hidden {
	display: none;
}

#smalltitle.smalltitle_visible {

}

#logo {
	position: absolute;
	left: 5px;
	top: -10px;
	z-index: 5;
}

#transed {
	position: absolute;
	top: 70px;
	left: 155px;
	color: #74C4FB;
	font-size: 22px;
	font-face: Verdana, sans-serif;
	margin: 0px;
}

#secondlinks {
	text-align: right;
	  padding: 5px;
	  position: absolute;
	  right: 100px;
	  bottom: 55px;
}

#secondlinks p {
	color: #BCE8FF;
	font-size: 30px;
	font-face
}

#main {
	text-align: left; 
	color: #000000;
	position: relative;
	background: #ffffff;
	padding: 30px;
	width: 1022px;
	margin: 0px auto;

}

#main a {
	color: #2565BA;
}

#leapyearlinks {
	margin: 5px auto -10px auto;
	width: 860px;
	text-align: center; 
	clear: both;
}

#leapyearlinks p {
	font-size: smaller;
}

#bottom {
	background: #c46535; 
	width: 1082px; 
	margin: 8px auto 15px auto; 
	text-align: center; 
	clear: both;
}
#bottom p {
	padding:5px;
}

#bottom2 {
  margin: 10px 0;
  color: white;
  background: #c46535;
  }

#bottom2 a {
	color: #ffffff;
}

#bottom2a {
	width: 28%;
	float: left;
	padding: 0 25px;
}

#bottom2b {
	width: 28%;
	margin: auto;
	padding: 1px 25px;
}

#bottom2c {
	width: 28%;
	float: right;
	padding: 0 25px;
}

#bottom2c p {
	font-size: 16px;
	line-height: 22px;
}

#bottom2a li, #bottom2b li {
	font-size: 14px;
	line-height: 22px;
}


#creditfooter {
	display: none;
}



.iefix {
	behavior: url("/_archive/iepngfix.htc");
}


#lyhead {
	background-color: #3E73BB;
	margin: -10px;
	text-align: right;
	padding: 10px;
	width: 712px;
}

#main a.lyhead {
	font-size: 30px;
	color: white;
}
#main a.lyhead:hover {
	text-decoration:none;
}

#lynav {
	background-color: #3E73BB;
	width: 150px;
	float: right;
	margin-right: -10px;
	margin-top: -10px;
}
#main a.menuitem {
	color: white;
}

div.downloadapp {
	padding: 20px;
}

img.appicon {
	float: left;
	margin-right: 20px;
}

div.vidbox {
	float: left;
	width: 470px;
	padding: 15px;
	border-left: 3px solid gray;
}

div.vidbox p {
	margin: 0px;
}

img.vidicon {
	float: left;
	margin-right: 15px;
}

.seo {
	width: 600px;
	margin: 30px auto;
	text-align: center; 
}

a.openhouse {
	position: absolute;
	top: 12px;
	right: 240px;
	width: 160px;
	text-align: center;
	padding: 5px;
	background-color: #305992;
}


/* Button Styles */

.button {
    
    /*Step 2: Basic Button Styles*/
    display: block;
    height: 80px;
    width: 275px;
    margin:0 auto; /* this will center  it */
    background: #F29459;
    border: 2px solid rgba(255, 180, 132, 0.59);

    /*Step 3: Text Styles*/
    color: #FFFFFF
    text-align: center;
    font: bold 4em/80px Mohave, sans-serif;
    
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #F29459);
    background: -moz-linear-gradient(top, #F29459);
    background: -o-linear-gradient(top, #F29459);
    background: -ms-linear-gradient(top, #F29459);
    background: linear-gradient(top, #F29459);
    
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    

    
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
    
}

/*Step 3: Link Styles*/
a.button {
    text-decoration: none;
}

/*Step 5: Hover Styles*/
a.button:hover {
    background: #FFB484;
    background: -webkit-linear-gradient(top, #FFB484);
    background: -moz-linear-gradient(top, #FFB484);
    background: -o-linear-gradient(top, #FFB484);
    background: -ms-linear-gradient(top, #FFB484);
    background: linear-gradient(top, #FFB484);
}
/* @end */

/* Button Styles */

.button-downloads {
    
    /*Step 2: Basic Button Styles*/
    display: inline-block;
    height: 40px;
    width: 350px;
    background: #F29459;
    border: 2px solid rgba(255, 180, 132, 0.59);
    
    /*Step 3: Text Styles*/
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
    font: bold 1.5em/40px roboto condensed, sans-serif;
    
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #F29459);
    background: -moz-linear-gradient(top, #F29459);
    background: -o-linear-gradient(top, #F29459);
    background: -ms-linear-gradient(top, #F29459);
    background: linear-gradient(top, #F29459);
    
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    

    
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
    
}

/*Step 3: Link Styles*/
a.button-downloads {
    text-decoration: none;
}

/*Step 5: Hover Styles*/
a.button-downloads:hover {
    background: #FFB484;
    background: -webkit-linear-gradient(top, #FFB484);
    background: -moz-linear-gradient(top, #FFB484);
    background: -o-linear-gradient(top, #FFB484);
    background: -ms-linear-gradient(top, #FFB484);
    background: linear-gradient(top, #FFB484);
}

/* @end */

/* Button Styles */

#navbar > li.button-header-wrapper {
	}

#navbar > li > a.button-header {
    
    /*Step 2: Basic Button Styles*/
    display: block;
    height: 30px;
    width: 120px;
    background: #F29459;
    border: 2px solid rgba(255, 180, 132, 0.59);
    
    /*Step 3: Text Styles*/
    color: rgba(255, 255, 255, 0.55);
    text-align: center;
    font: bold 1.5em/30px roboto condensed, sans-serif;
    
    /*Step 4: Fancy CSS3 Styles*/
    background: -webkit-linear-gradient(top, #F29459);
    background: -moz-linear-gradient(top, #F29459);
    background: -o-linear-gradient(top, #F29459);
    background: -ms-linear-gradient(top, #F29459);
    background: linear-gradient(top, #F29459);
    
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    

    
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
    
}

/*Step 3: Link Styles*/
a.button-header {
    text-decoration: none;
}

/*Step 5: Hover Styles*/
a.button-header:hover {
    background: #FFB484;
    background: -webkit-linear-gradient(top, #FFB484);
    background: -moz-linear-gradient(top, #FFB484);
    background: -o-linear-gradient(top, #FFB484);
    background: -ms-linear-gradient(top, #FFB484);
    background: linear-gradient(top, #FFB484);
}

/* @end */