#header{
      margin: auto;
      width: 1000px;
}

.help
{
    position:relative;
    border: none;
    left:0px;
    top:3px;
    z-index:1;
    cursor: hand;
    valign: middle;
}

/* Normal, standard links. */
a:link {
	 color: #245FB8;
	 text-decoration: none;
	 font-size: 1.0em;
}

@media (max-width:600px){
a:link {
	 font-size: 1.4em;
}}

a:visited {
	 color: #245FB8;
	 text-decoration: none;
	  
}

a:hover {
	 color: #77A3E3;
	 text-decoration: none;
	  
}
.text-link:link {
	 color: #245FB8;
	 text-decoration: none;
	 font-size: 1.2em;
}

.text-link:visited {
	 color: #245FB8;
	 text-decoration: none;
	  
}

.text-link:hover {
	 color: #77A3E3;
	 text-decoration: none;
	  
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited {
	 color: #0C1632;
	 text-decoration: none;
	 font-size: 1.0em;
}

a.nav:hover {
	 color: #DFDFDF;
	 text-decoration: none;
}

/* Tables should show empty cells. */
table { }

/* By default (td, body..) use verdana in black. */
td, th, tr {
	 color: #000000;
	 padding: 4px;
	 font-size: 14px;
	  
}

/* The main body of the entire forum. */

body {
    font-family: "Lato", sans-serif;
	 background: #ffffff;
}

/* Input boxes - just a bit smaller than normal so they align well. */
textarea {
	 color: #000000;
	 background: #ffffff;
}

input, button {
	 color: #000000;
	 border: 1px solid #5489B1;
 	 background: #ffffff;
}

.button2 {
	 color: #000000;
	 border: 1px solid #000000;
 	 background: #FF9933;
}

.button3 {
	 color: #FFFFFF;
	 border: 1px solid #FFFFFF;
 	 background: #245EB8;
}

.button4 {
	 color: #FFFFFF;
	 border: 1px solid #000000;
 	 background: #FF0000;
         height: 25px;
	 font-size: 12px;
	 
}

#toplog, #botlog, #gomess {
	 color: #A2AF99;
	 border: 1px outset #5489B1;
	 background: #272727;
}

/* All input elements that are checkboxes or radio buttons. */
input.check { }

/* Selects are a bit smaller, because it makes them look even better 8). */
select {
	 color: #000000;
	 border: 1px solid #5489B1;
	 background: #ffffff;
}

select.options {
  width: 280px;
  height: 30px;
  font-size: 18px;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	 color: #666666;
	 background-color: #454545;
}

/* No image should have a border when linked */
/* No image should have a border when linked */

a img {
	 border: 0px none;
	 opacity:1.0;
	 filter:alpha(opacity=100); /* For IE8 and earlier */
}
a img:hover {
	 opacity:0.4;
	 filter:alpha(opacity=40); /* For IE8 and earlier */
}

/* A quote, perhaps from another post. */
.quote {
	 color: #000000;
	 background-color:  #9F9F9F;
	 border: 1px solid #353535;
	 font-size: 12px;
	  
}

/* Silly users may go off-topic */
.off-topic
{
	color: #000000;
	background-color: #cdcdcd;
	border: 1px dotted #696969;
	margin: 2px;
	padding: 2px;
	line-height: 1.2em;
	 font-size: 12px;
	  
}

/* A code block - maybe even PHP ;). */
.code {
	 color: #000000;
	 background-color:  #9F9F9F;
	 /* Put a nice border around it. */
	 border: 1px solid #252525;
	 font-size: 12px;
	  
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader {
	 color: #CCCCCC;
	 font-size: 12px;
	  
}

/* The "Off-topic:" header part... */
.off-topicheader
{
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	line-height: 1.1em;
	 font-size: 12px;
	  
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help { }

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction {
	 color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor {
    
    font:inherit;
    margin:0;overflow:auto;
    font-size:1.6em;
    padding:8px;
    display:block;
    border:1px solid #ccc;
    border-bottom:1px solid #ccc;
    width:100%
    
}

/* Highlighted text - such as search results. */
.highlight { }

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg {
         color: #000000;
	 background-color: #ADC9F1;
	 font-size: 12px;
	  
}

.windowbg2 {
         color: #000000;
	 background-color: #EDF3FC;
	 font-size: 12px;
	  
}

.windowbg3 {
         color: #000000;
	 background: #86AEEA url('images/winbg2.gif') repeat-x top left;
	 font-size: 12px;
	  
}

.windowbg4 {
         color: #000000;
	 background-color: #303030;
	 font-size: 12px;
	  
}

.windowbg5 {
         color: #000000;
	 background-color: #262626;
	 font-size: 12px;
	  
}

/* the today container in calendar */
.calendar_today
{
         background-color: #000000;
	 font-size: 12px;
	  
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
	 color: #000000;
         background: #EDF3FC url('images/titlebg.png') repeat-x;
	 border-bottom: 1px solid #174488;
         padding: 4px;
	 font-size: 12px;
	  
}

.titlebg, .titlebg a:link, .titlebg a:visited {
	 color: #000000;
	 font-size: 12px;
	  
}

.titlebg a:hover {
	 color: #FFFFFF;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited {
	 color: #000000;
}

.titlebg, .titlebg2 { }

.titlebg2 a:hover { }

.activity_bar {
	 background: #3C79A4 url('images/catbg.png') repeat-x;
}
.activity_holder {
	 background: #3C79A4 url('images/titlebg.png') repeat-x;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
	 color: #fff;
	 padding-left: 10px;
	 padding-right: 10px;
	 background: #3C79A4 url('images/catbg.png') repeat-x;
	 font-size: 12px;
	  
}
.cat_bg {
	 color: #fff;
	 padding-left: 10px;
	 padding-right: 10px;
	 background: #3C79A4 url('images/cat_bg.gif') repeat-x;
	  
}
.catbg2, tr.catbg2, .catbg3 td { 
	 color: #fff;
	 padding-left: 10px;
	 padding-right: 10px;
	 background: #3C79A4 url('images/catbg.png') repeat-x;
	 font-size: 12px;
	  
}
.catbg, .catbg2 {
}
.catbg, .catbg2 {
	 font-weight: bold;
	 font-size: 12px;
	  
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
	 color: #fff;
	 text-decoration: none;
	 font-size: 12px;
	  
}
.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
	 color: #fff;
	 text-decoration: none;
	 font-size: 12px;
	  
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
	 text-decoration: none;
	 font-size: 12px;
	  
}
.catbgf {
	height: 25px;
	line-height: 25px;
	color: #999999;
	font-weight: bold;
	background: #37393d url('images/katorta.png') repeat-x 0 0;
 padding-left:5px;
 padding-right:0;
 padding-top:0;
 padding-bottom:0
}

.catbgf-l {
	background: #37393d url('images/katsol.png') no-repeat 0 0;
	padding-left: 8px;
	position: relative
}
.catbgf-r {
	background: #37393d url('images/katsag.png') no-repeat 100% 0;
	padding-right: 8px;
	position: relative
}
.catbgf a:link
{
	color: #999999;
	text-decoration: none;
	 
	 font-size: 10px;
}
.catbgf a:visited
{
	color: #999999;
	text-decoration: none;
}
.catbgf a:hover
{
	text-decoration: none;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor {
     border: 1px solid #2661B8;
     padding: 4px;
}

/* This is used on tables that should just have a border around them. */
.tborder {
	 border: 1px solid #2661B8;
	 padding: 6px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext { }

.middletext { }

.middletext2 { }

.normaltext { }

.largetext { }

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage { }

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature { }

/* Sometimes there will be an error when you post */
.error {
     color: red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last,
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
	 color: #CCCCCC;
}

.maintab_back, .maintab_active_back,
.mirrortab_back, .mirrortab_active_back {
	 color: #CCCCCC;
}

.maintab_first, .mirrortab_first { }

.maintab_back, .mirrortab_back {
	 background: url('images/tab-bg.png') repeat-x;
	 color: #CCCCCC
}

.maintab_last, .mirrortab_last { }

.maintab_active_first, .mirrortab_active_first { }

.maintab_active_back, .mirrortab_active_back {
	 background: url('images/toolbar-bg.png') repeat-x;
}

.maintab_active_last, .mirrortab_active_last { }

/* how links behave in main tab. */
.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
	 color: #CCCCCC;
}

.maintab_back a:hover, .maintab_active_back a:hover,
.mirrortab_back a:hover, .mirrortab_active_back a:hover {
	 color: #FFFFFF;
}

#hello {
	 float: left;
	 padding-left:10px;
	 padding-top:10px;
	 font-size: 12px;
	 color: #6A0101;
	 font-family: Trebuchet MS; 
	 Font-weight: bold;
}
#header{position:relative; height:150px; overflow:hidden; background: url('images/head.png') repeat-x;}
#head-r{height:150px; background:url('images/head-l.png') no-repeat 0 0; position:relative}
#head-l{height:150px; background:url('images/head-r.png') no-repeat 100% 0; position:relative}
#logo {
	 position: absolute;
	 top: 0px;
	 left: 20px;
	 display: block;
	 width: 266px;
	 height: 129px;
	 cursor: pointer;
	 background: url('images/logo.png') no-repeat;
}
#userarea {
	 height: 78px;
	 float: right;
	 padding: 35px 25px 0 0;
	 text-align: right;
	 font-size: 12px;
	 color: #999999;
	 font-family: Trebuchet MS; 
}
#userarea a:link, #userarea a:visited {
	 color: #999999;
	 text-decoration: none;
	 border-bottom: 1px dotted #555555;
}
#userarea a:hover {
	 color: orange;
	 text-decoration: none;
	 border-bottom: 1px dotted green;
}


#footer{ 
background: none; 
text-align:center; 
margin-top:0; 
padding:0; 
font-size:12px;
font-family:optima,verdana,sans-serif; 
color:#000;
border-bottom: solid 7px #9C9D9D;
}
#footer-l{ 
background:none;
}
#footer-r{
 background:none;  
 height: 39px;
}
#footerarea {
	 text-align: center;
}
#footerarea {
	 font-size: 12px;
	  
	color: #454545;
	text-decoration: none;
	float: center;
}
#footerarea a:link {
	 font-size: 12px;
	  
	color: #454545;
	text-decoration: none;
	float: center;
}
#footerarea a:visited {
	 font-size: 12px;
	  
	color: #454545;
	text-decoration: none;
}
#footerarea a:hover {
	 font-size: 12px;
	  
	color: orange;
	text-decoration: none;
	float: center;
}
#footerarea a:active {
	 font-size: 12px;
	  
	color: #111;
	text-decoration: none;
}

/* Drop Down Menu Feature */


div#menu {
     background: url('images/toolbar-div.png') no-repeat 0 0;
}

div#menu ul { }

div#menu li { }

div#menu li a {    
     color: #EFEFEF;
}

div#menu li span { }

div#menu li span { }

div#menu a:hover {
     color: #1B4B6F;
}

div#menu a.level1, div#menu span.level1 {
     background: url('images/toolbar-div.png') no-repeat 100% 0;
     color: #EFEFEF;
	 text-decoration: none
}

div#menu a.level1 span, div#menu span.level1 span { }

div#menu li:hover a.level1, div#menu li:hover span.level1 {
     color: #1B4B6F;
	 text-decoration: none;
}

div#menu a.level1 span.title, div#menu span.level1 span.title{ }

div#menu ul.menu ul {
     top: 35px;
	 border-top: 1px solid #1B4B6F;
     background: url('images/menu_bg.png') no-repeat 0 100%;
	 margin-left: -2px
}

div#menu li:hover ul { }

div#menu li.level1 li { }
/* The AJAX notifier */
#ajax_in_progress {
	 background: #002962;
	 color: white;
	 text-align: center;
	 font-weight: bold;
	 font-size: 12pt;
	 padding: 3px;
	 width: 80%;
	 position: fixed;
	 top: 0;
	 left: 0;
}

#searcharea {
	position: absolute;
	bottom: 15px;
	right: 20px;
	top: 80px;
	height: 58px;
	width: 199px;
	background: url('images/moon_10.png') no-repeat;
	overflow: hidden
}

#arama .inputbox {
	background: #fff;
	color: #555;
	padding: 0px 6px 0;
	border: none;
	margin: 8px 0 0 20px;
	width: 80px; 
	height: 15px;


}
#arama {
	 float: right;
	 margin-top: 1px;
	 overflow: hidden;
	 width: 160px;
	 margin-left: 0px;
	 margin-bottom: 5px;
	 margin-right: 20px;
	 height: 35px;
	 background: url('images/extreme6_21.gif') no-repeat;
}
/* Inset 3D Curved */
.inset {
	 background: transparent;
	 width:99%;
	 margin:0 auto;
}
.inset h1, .inset p {
	 margin:0 10px;
}
.inset h1 {
	 font-variant: small-caps;
	 font-size:1.5em; 
	 color:#666666; 
	 letter-spacing:1px;
}
.inset p {
	 padding-bottom:0.5em; 
	 color: #000000;
}

.inset .top, .inset .bottom {
	 display:block; 
	 background:transparent; 
	 font-size:1px;
}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {
	 display:block; 
	 overflow:hidden;
}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {
	 height:1px;
}
.inset .b2 {
	 background:#CCDDF4; 
	 border-left:1px solid #999; 
	 border-right:1px solid #aaa;
}
.inset .b3 {
	 background:#CCDDF4; 
	 border-left:1px solid #999; 
	 border-right:1px solid #ddd;
}
.inset .b4 {
	 background:#CCDDF4; 
	 border-left:1px solid #999; 
	 border-right:1px solid #eee;
}
.inset .b4b {
	 background:#CCDDF4; 
	 border-left:1px solid #aaa; 
	 border-right:1px solid #fff;
}
.inset .b3b {
	 background:#CCDDF4; 
	 border-left:1px solid #ddd; 
	 border-right:1px solid #fff;
}
.inset .b2b {
	 background:#CCDDF4; 
	 border-left:1px solid #eee; 
	 border-right:1px solid #fff;
}

.inset .b1 {
	 margin:0 5px; 
	 background:#999;
}
.inset .b2, .inset .b2b {
	 margin:0 3px; 
	 border-width:0 2px;
}
.inset .b3, .inset .b3b {
	 margin:0 2px;
}
.inset .b4, .inset .b4b {
	 height:2px; 
	 margin:0 1px;
}
.inset .b1b {
	 margin:0 5px; 
	 background:#fff;
}

.inset .boxcontent {
	 display:block; 
	 background:#CCDDF4; 
	 border-left:1px solid #999; 
	 border-right:1px solid #fff; 
	 color: #000000; 
	 padding:0px;
}

#container {
	 background:#d8d8ee; 
	 width:600px; 
	 margin:15px; 
	 padding:80px;
}
.xsnazzy h1, .xsnazzy h2, {
	 margin:0 10px; 
	 letter-spacing:1px;
}
.xsnazzy p {
	 color:#FFFFFF;
}
.xsnazzy h1 {
	 font-size:1.5em; 
	 font-variant: small-caps;
	 color:#9FC1FF;
}
.xsnazzy h2 {
	 font-size:2em; 
	 color:#234; 
	 border:0;
}
.xsnazzy p {
	 padding-bottom:0em; 
	 color:#eee;
}
.xsnazzy h2 {
	 padding-top:0.5em; 
	 padding-left:10px;
}
.xsnazzy {
	 background: transparent; 
	 margin:1em;
}

.xsnazzy em {
	 display:block; 
	 width:0; 
	 height:0; 
	 color:#d8d8ee; 
	 overflow:hidden; 
	 border-top:12px solid #fff; 
	 border-left:12px dotted transparent; 
	 border-right:12px dotted transparent; 
	 margin-left:50px;
}

/* hack for IE5.5 */
* html .xsnazzy em {
	 width:24px; 
	 height:12px; 
	 w\idth:0; 
	 hei\ght:0;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {
	 display:block; 
	 overflow:hidden; 
	 font-size:0;
}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {
	 height:1px;
}
.xb4, .xb5, .xb6, .xb7 {
	 background:#ccc; 
	 border-left:1px solid #0E63FF; 
	 border-right:1px solid #0E63FF;
}

.xb1 {
	 margin:0 8px; 
	 background:#0E63FF;
}
.xb2 {
	 margin:0 6px; 
	 background:#0E63FF;
}
.xb3 {
	 margin:0 4px; 
	 background:#0E63FF;
}
.xb4 {
	 margin:0 3px; 
	 background: transparent; 
	 border-width:0 5px;
}

.xb5 {
	 margin:0 2px; 
	 background: transparent; 
	 border-width:0 4px;
	 }
.xb6 {
	 margin:0 2px; 
	 background: transparent; 
	 border-width:0 3px;
} 
.xb7 {
	 margin:0 1px; 
	 background: transparent; 
	 border-width:0 3px; 
	 height:2px;
} 

.xboxcontent {
	 display:block; 
	 background: transparent; 
	 border:3px solid #0E63FF; 
	 border-width:0 3px; 
	 padding:20px;
}
.titlebg3 {
	 color: #848484;
	 font-style: normal;
	 background:  url('images/titlebg.png') repeat-x;
	 padding-left: 10px;
	 line-height: 10px;
	 font-size: 12px;
	  
         font-weight: bold
}

.webchat { 
	background: url('http://aussienaturists.com/members_auss/Themes/default/images/webchat.png') no-repeat;
	height:90px;
	width:128px;
	text-align:center;
	position: absolute;
	left:0px;
        padding-top:30px;
        visibility: hidden;
}

.buttonlink {
    border: 1px solid #FFFFFF;
    background: #0E63FF;
    width: 180px;
    height: 30px;
    color: #FFFFFF;
    text-decoration: none; 
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
}

.buttonon {
    border: 1px solid #FFFFFF;
    background: #0E63FF;
    width: 100px;
    height: 30px;
    color: #ffffff;
    text-decoration: none; 
    font-size : 9pt;
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
}

.buttonoff {
    border: 1px solid #000000;
    background: #FFFFFF;
    width: 100px;
    height: 30px;
    color: #000000;
    text-decoration: none; 
    font-size : 9pt;
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
    cursor:pointer;
}
.buttonlink:hover {
    border: 1px solid #f00;
    background: #eef;
    color: #000000;
    text-decoration: none; 
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
}
#topbar{
position:absolute;
border: 0px solid black;
padding: 0px;
background-color: ;
width: 100%;
visibility: hidden;
z-index: 1
}

.menu {
  border: solid 0px #BFBFBF;
  padding:2px 2px 2px 2px;
  background-color:#1D4C9A;
  width: 80px;
  left: 40px;
}

.menuItem {
  padding:2px 2px 2px 2px;
  border-bottom:solid 1px #C4D6F4;
}

.menuItem a:hover {
  color:#FFFF00;
  text-decoration:none;
}

.menuItem a {
  font-family : verdana, sans-serif;
  font-size : 10pt;
  font-weight : bold;
  color:#ffffff;
  text-decoration:none;
}

#demo {
  background-color:;
  cursor:pointer;
  margin: 0px 0;
  width: 100%; padding-left:0px; padding-right:80px; padding-top:0px; padding-bottom:0px
}

#demo span {
  padding:0px 0px 0px 0px;
  font-family : verdana, sans-serif;
  font-size : 10pt;
  font-weight : bold;
  cursor:pointer;
}

#demo span:hover {
  color:#FFFF00;
  text-decoration:underline;
  cursor:pointer;
}
.buttonred {
    border: 1px solid #FFFFFF;
    background: #FF0000;
    width: 100px;
    height: 30px;
    color: #FFFFFF;
    font-size : 9pt;
    font-variant: small-caps;
    cursor:pointer;
}
.buttonred:hover {
    border: 1px solid #FF0000;
    background: #eef;
    color: #000000;
    font-variant: small-caps;
}
.earth {
         color: #000000;
	 background: transparent url('images/Earth.png') repeat-x top left;
	 display: block;
	 cursor: pointer;
	 width: 50px;
	 height: 50px;
	 border: none;
}
a.bluelink {
    border: 1px solid #FFFFFF;
    background: #0E63FF;
    width: 180px;
    height: 30px;
    color: #FFFFFF;
    text-decoration: none; 
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
    cursor:pointer;
}
a.bluelink:hover {
    border: 1px solid #f00;
    background: #eef;
    color: #000000;
    text-decoration: none; 
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
}
.bluelink {
    border: 1px solid #FFFFFF;
    background: #0E63FF;
    width: 180px;
    height: 30px;
    color: #FFFFFF;
    text-decoration: none; 
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
    cursor:pointer;
}
.bluelink:hover {
    border: 1px solid #f00;
    background: #eef;
    color: #000000;
    text-decoration: none; 
    font-variant: small-caps;
    padding-left: 10px;
    padding-right: 10px;
}
div.curved {
    font-family: "verdana", Times, serif;
    align: center;
    width:80%;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    border:4px solid #333333;
    background-color:#ADC9F1;
    -webkit-box-shadow: #666666 5px 5px 5px;
    -moz-box-shadow: #666666 5px 5px 5px; 
    box-shadow: #666666 5px 5px 5px;
} 
.subscribe-button {
  cursor:pointer;
  
  color: #14396A !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #C9DDF1;
  box-shadow: 5px 5px 5px #606060;
  padding: 5px 10px;
  -moz-border-radius: 10;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #468CCF);
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
  text-decoration: none;
}
.subscribe-button:hover {
  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}
.subscribe-button-red {
  cursor:pointer;
  
  color: #510000 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #FFCECE;
  box-shadow: 5px 5px 5px #606060;
  padding: 5px 10px;
  -moz-border-radius: 10;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #510000;
  background: #FF0000;
  background: linear-gradient(top,  #FF0000,  #800000);
  background: -ms-linear-gradient(top,  #FF0000,  #800000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#800000));
  background: -moz-linear-gradient(top,  #FF0000,  #800000);
  text-decoration: none;
}
.subscribe-button-red:hover {
  color: #510000 !important;
  background: #800000;
  background: linear-gradient(top,  #800000,  #FF0000);
  background: -ms-linear-gradient(top,  #800000,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#FF0000));
  background: -moz-linear-gradient(top,  #800000,  #FF0000);
}
.subscribe-button-grey {
  cursor:pointer;
  
  color: #E6E6E6 !important;
  font-size: 14px;
  text-shadow: 1px 1px 0px #333333;
  box-shadow: 5px 5px 5px #606060;
  padding: 5px 10px;
  -moz-border-radius: 10;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #510000;
  background: #CCCCCC;
  background: linear-gradient(top,  #CCCCCC,  #666666);
  background: -ms-linear-gradient(top,  #CCCCCC,  #666666);
  background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#666666));
  background: -moz-linear-gradient(top,  #CCCCCC,  #666666);
  text-decoration: none;
}
.subscribe-button-grey:hover {
  color: #510000 !important;
  background: #666666;
  background: linear-gradient(top,  #666666,  #CCCCCC);
  background: -ms-linear-gradient(top,  #666666,  #CCCCCC);
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#CCCCCC));
  background: -moz-linear-gradient(top,  #666666,  #CCCCCC);
}
.text-form {
  margin:0;
  padding:0;
}
#text-button {
  background:none;
  border:none;
  margin:0;
  padding:0;
  display: inline;
  cursor:pointer;
  color: #245FB8;
  font-family: "Lato", sans-serif;
  font-weight: regular;
  font-size:1.0em;
}

#text-button:hover {
  color: #77A3E3;
}
.button-red {
  cursor:pointer;
  
  color: #510000 !important;
  font-size: 22px;
  text-shadow: 1px 1px 0px #FFCECE;
  box-shadow: 5px 5px 5px #000000;
  padding: 5px 10px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: pxpx;
  border: 1px solid #510000;
  background: #FF0000;
  background: linear-gradient(top,  #FF0000,  #800000);
  background: -ms-linear-gradient(top,  #FF0000,  #800000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#800000));
  background: -moz-linear-gradient(top,  #FF0000,  #800000);
  text-decoration: none;
}
.button-red:hover {
  color: #510000 !important;
  background: #800000;
  background: linear-gradient(top,  #800000,  #FF0000);
  background: -ms-linear-gradient(top,  #800000,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#800000), to(#FF0000));
  background: -moz-linear-gradient(top,  #800000,  #FF0000);
}
.newtitle
{
    border:2px solid red;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    background:#EBF0F4;
    
    width: 99%;
} 

 .email {
  -webkit-appearance: none; -moz-appearance: none;
  margin: 0;
  width: 400px;
  height: 30px;
  line-height: 10px;
  font-size: 14px;
  border: 1px solid #bbb;
  padding: 2px 2px 2px 2px;
}

@media (min-width:993px){.w3-hide-large{display:none!important;}}
@media (max-width:600px){.w3-hide-small{display:none!important;
    text-align: justify;}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important;
    text-align: justify;}}
    
.blue_div {
    background: rgb(190,95,49); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(190,95,49,1) 0%, rgba(141,90,59,1) 31%, rgba(86,66,55,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(190,95,49,1) 0%,rgba(141,90,59,1) 31%,rgba(86,66,55,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(190,95,49,1) 0%,rgba(141,90,59,1) 31%,rgba(86,66,55,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BE5F31', endColorstr='#564237',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
    padding: 4px 4px;
    margin-top: 2px;
    margin-bottom: 2px;
}
    
.lightblue_div {
    background: rgb(255,211,118); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,211,118,1) 0%, rgba(253,188,98,1) 31%, rgba(250,158,83,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,211,118,1) 0%,rgba(253,188,98,1) 31%,rgba(250,158,83,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,211,118,1) 0%,rgba(253,188,98,1) 31%,rgba(250,158,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFD376', endColorstr='#FA9E53',GradientType=0 ); /* IE6-9 */
    border-radius:4px;
    padding: 4px 4px;
}
    
.white_div {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 31%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 31%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(247,247,247,1) 31%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */
    border-style: solid;
    border-color: #333333;
    border-width: 1px;
    border-radius:4px;
    padding: 2px 2px;
}
    
.grey_div {
    background: #333333;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    border-radius:4px;
    padding: 2px 2px;
}

.large_grey_button {
  
  color: #001D24 !important;
  font-size: 18px;
  margin: 2px 2px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -ms-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  cursor: pointer;
}

.large_grey_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.small_grey_button {
  
  color: #001D24 !important;
  font-size: 2.2em;
  margin: 2px 2px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -ms-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  cursor: pointer;
}

.small_grey_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.medium_grey_button {
  
  color: #001D24 !important;
  font-size: 1.6em;
  margin: 2px 2px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -ms-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  cursor: pointer;
}

.medium_grey_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.large_blue_button {
  
  color: #001D24 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #93B6EA,  #2560B8);
  background: -ms-linear-gradient(top,  #93B6EA,  #2560B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#93B6EA), to(#2560B8));
  background: -moz-linear-gradient(top,  #93B6EA,  #2560B8);
  cursor: pointer;
  font-size: 18px;
  margin: 2px 2px;
}

.large_blue_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.small_blue_button {
  
  color: #001D24 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 4px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #93B6EA,  #2560B8);
  background: -ms-linear-gradient(top,  #93B6EA,  #2560B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#93B6EA), to(#2560B8));
  background: -moz-linear-gradient(top,  #93B6EA,  #2560B8);
  cursor: pointer;
  font-size: 2.2em;
  margin: 2px 2px;
}

.small_blue_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.medium_blue_button {
  
  color: #001D24 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #93B6EA,  #2560B8);
  background: -ms-linear-gradient(top,  #93B6EA,  #2560B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#93B6EA), to(#2560B8));
  background: -moz-linear-gradient(top,  #93B6EA,  #2560B8);
  cursor: pointer;
  font-size: 1.6em;
  margin: 2px 2px;
}

.medium_blue_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.large_red_button {
  
  color: #001D24 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #FFCACA,  #FF0000);
  background: -ms-linear-gradient(top,  #FFCACA,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFCACA), to(#FF0000));
  background: -moz-linear-gradient(top,  #FFCACA,  #FF0000);
  cursor: pointer;
  font-size: 18px;
  margin: 2px 2px;
}

.large_red_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.small_red_button {
  
  color: #001D24 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #FFCACA,  #FF0000);
  background: -ms-linear-gradient(top,  #FFCACA,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFCACA), to(#FF0000));
  background: -moz-linear-gradient(top,  #FFCACA,  #FF0000);
  cursor: pointer;
  font-size: 2.2em;
  margin: 2px 2px;
}

.small_red_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.medium_red_button {
  
  color: #001D24 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #FFCACA,  #FF0000);
  background: -ms-linear-gradient(top,  #FFCACA,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFCACA), to(#FF0000));
  background: -moz-linear-gradient(top,  #FFCACA,  #FF0000);
  cursor: pointer;
  font-size: 1.6em;
  margin: 2px 2px;
}

.medium_red_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

/* W3 Styles */

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
.w3-display-container{position:relative}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}
.w3-content{max-width:980px;margin:auto}
.w3-center .w3-bar{display:inline-block;width:auto}
.w3-center .w3-bar-item{text-align:center}
.w3-center{text-align:center!important}
.w3-image{max-width:110%;height:auto}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-padding-large{padding:12px 24px!important}
.w3-border{padding:4px; border:1px solid #ccc!important}
.w3-wide{letter-spacing:4px}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60;}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-sidebar{height:100%;width:900px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto;display:block!important;display:none}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-xxlarge{font-size:36px!important}
.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:center;padding:8px 16px}
.w3-bar-item{padding:4px 4px;float:center;width:auto;border:none;outline:none;display:inline}
.w3-bar-item{width:100%;display:block;padding:4px 4px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-item{text-align:center}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-hover-black:hover{color:#fff!important;background-color:#000!important}

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:center;padding:8px 16px}
.w3-display-topright{position:absolute;right:0;top:0}
nav{display:block}
.w3-textarea{font:inherit;margin:0;overflow:auto;font-size:2.2em;border:1px;}
.w3-input{padding:8px;display:block;border:1px;border-bottom:1px solid #ccc;width:100%}

/* Admin CSS */

#gathering_event {
  
  font-size: 1.4em;
  color: #3B9AD6; 
  background-color:Transparent; 
  border: none; 
  padding: 2px; 
  margin: 0px; 
  cursor:pointer;
  width: auto;
  height: 26px;
  align: left;
}

.paypal_button {
  color: #294F70 !important;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 4px 8px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  border: 2px ridge #757575;
  background: #FFFCF5;
  background: linear-gradient(top,  #FFFCF5,  #FFB036);
  background: -ms-linear-gradient(top,  #FFFCF5,  #FFB036);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFCF5), to(#FFB036));
  background: -moz-linear-gradient(top,  #FFFCF5,  #FFB036);
  cursor: pointer;
  font-size: 18px;
  margin: 2px 2px;
}

.paypal_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateX(-20);
    transform: translateX(0);
  }
	40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
	60% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    transform: translateX(-20);
  }
	40% {
    transform: translateX(-30px);
  }
	60% {
    transform: translateX(-30px);
  }
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateX(-20);
    transform: translateX(-20);
  }
	40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
	60% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
}

.arrow1 {
  position: fixed;
  margin-top: -4px;
  left: 70;
  width: 200px;
  height: 40px;
  background-image: url(arrow-3-512.png);
  background-size: contain;
}
.arrow2 {
  position: fixed;
  top: 0px;
  left: 50;
  width: 200px;
  height: 50px;
  background-image: url(arrow-3-512.png);
  background-size: contain;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}



.tiny_grey_button {
  
  color: #001D24 !important;
  font-size: 1.0em;
  margin: 1px 1px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -ms-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #E0E0E0,  #7A7A7A);
  cursor: pointer;
}

.tiny_grey_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.tiny_blue_button {
  
  color: #001D24 !important;
  font-size: 1.0em;
  margin: 1px 1px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #93B6EA,  #2560B8);
  background: -ms-linear-gradient(top,  #93B6EA,  #2560B8);
  background: -webkit-gradient(linear, left top, left bottom, from(#93B6EA), to(#2560B8));
  background: -moz-linear-gradient(top,  #93B6EA,  #2560B8);
  cursor: pointer;
}

.tiny_blue_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.tiny_red_button {
  
  color: #001D24 !important;
  font-size: 1.0em;
  margin: 1px 1px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px ridge #757575;
  background: #9C9C9C;
  background: linear-gradient(top,  #FFCACA,  #FF0000);
  background: -ms-linear-gradient(top,  #FFCACA,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFCACA), to(#FF0000));
  background: -moz-linear-gradient(top,  #FFCACA,  #FF0000);
  cursor: pointer;
}

.tiny_red_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.tiny_green_button {
  
  color: #001D24 !important;
  font-size: 1.0em;
  margin: 1px 1px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px ridge #757575;
  background: #00CC00;
  background: linear-gradient(top,  #00CC00,  #005300);
  background: -ms-linear-gradient(top,  #00CC00,  #005300);
  background: -webkit-gradient(linear, left top, left bottom, from(#005300), to(#005300));
  background: -moz-linear-gradient(top,  #00CC00,  #005300);
  cursor: pointer;
}

.tiny_green_button:hover {
  color: #0D0D0D !important;
  background: #F0F0F0;
  background: linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -ms-linear-gradient(top,  #2B2B2B,  #7A7A7A);
  background: -webkit-gradient(linear, left top, left bottom, from(#2B2B2B), to(#7A7A7A));
  background: -moz-linear-gradient(top,  #2B2B2B,  #7A7A7A);
}

.tiny_green_div {
  
  color: #001D24 !important;
  font-size: 1.0em;
  margin: 1px 1px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px ridge #757575;
  background: #00CC00;
  background: linear-gradient(top,  #00CC00,  #005300);
  background: -ms-linear-gradient(top,  #00CC00,  #005300);
  background: -webkit-gradient(linear, left top, left bottom, from(#005300), to(#005300));
  background: -moz-linear-gradient(top,  #00CC00,  #005300);
  cursor: pointer;
}

.tiny_red_div {
  
  color: #001D24 !important;
  font-size: 1.0em;
  margin: 1px 1px;
  text-shadow: 1px 1px 0px #E8E9EB;
  padding: 2px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px;
  background: #9C9C9C;
  background: linear-gradient(top,  #FFCACA,  #FF0000);
  background: -ms-linear-gradient(top,  #FFCACA,  #FF0000);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFCACA), to(#FF0000));
  background: -moz-linear-gradient(top,  #FFCACA,  #FF0000);
  cursor: pointer;
}