/*  ************************************************************* */
/*  rutamaya.net style sheet                                      */
/*  Website Design by Sandy McCrory                               */
/*  Sand Tiger Online Marketing                                   */
/*  ************************************************************* */

body {	
  	background-color: #46cfa1;
	margin: 0px;
}

#maintable {
	width: 780px;
	margin-top: 0px;
  	margin-right: auto;
  	margin-bottom: 0px;
  	margin-left: auto;
  	padding: 0px;
	}

#content {
  	width: 510px;	
	vertical-align: top;
	margin-top: 0px;
  	margin-right: 0px;
  	margin-bottom: 0px;
  	margin-left: 0px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-spacing: 0px;
	background-color: #ffffff;
	}
	
#contenteventjourney {
  	width: 630px;	
	vertical-align: top;
	margin-top: 0px;
  	margin-right: 0px;
  	margin-bottom: 0px;
  	margin-left: 0px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-spacing: 0px;
	background-color: #ffffff;
	}	
		
#topnavigation { 
	color: #ffffff;
	font-family: arial, helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold;
	padding: 5px;
	background-color: #125aa1;
	text-decoration: none;
	text-align: center;
	}

#topnavigation a:link  {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	}
	
#topnavigation a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	}
	
#topnavigation a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #ffffff;
	}
	
#topnavigation a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #ffffff;
	}	
		
		
				
#rightsidebar { 
  	width: 120px;
  	vertical-align: top;
	background-color: #4be3e3;
	text-align: center;
	color: #000000; 
	padding-top: 12px;
	}
	
.menubar {  
	font-family: Geneva, Arial, Helvetica, san-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	}

div.menubar a:link {color: #000000; text-decoration: none}
div.menubar a:visited {color: #000000; text-decoration: none}
div.menubar a:hover {color: #0000ff; text-decoration: none}
div.menubar a:active {color: #0000ff; text-decoration: none}	
	
.clearbothsides {
	clear: both;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom:2px;
	padding-left: 0px;		
	}

.clearbothsideszero {
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 0px;		
	}

.clearbothsidespad {
	clear: both;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom:3px;
	padding-left: 0px;		
	}
	
.clearbothsidesbigpad {
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom:20px;
	padding-left: 0px;		
	}	

#scheduletable { 
	color: #000000;
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}



h1 {
	font-size:	20px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #000066;
	text-align: center;	
	}

h2 {
	font-size:	16px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #006600;
	text-align: center;	
	}

h3 {
	font-size:	15px;
	font-family: arial, helvetica, sans-serif; 	
	font-weight: bold;
	color: #cc3333;
	text-align: center;
	}

h4 {
	font-size:	15px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	text-align: center;
	}

.redboldlarge{
	font-size: 16px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #cc3333;
	}
	
.redboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #cc3333;
	}	
	
.blueboldlarge {
	font-size: 16px;
	font-family: arial, helvetica, sans-serif; 	
	font-weight: bold;
	color: #000066;
	}	
	
.blueboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #000066;
	}	
	
.greenboldlarge {
	font-size: 16px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #006600;
	}

.greenboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #006600;
	}

.goldboldlarge {
	font-size: 16px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #996633;
	}

.goldboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #996633;
	}

.blackboldlarge {
	font-size: 16px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	}

.blackboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	}

.grayboldlarge {
	font-size: 16px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #999999;
	}
	
.grayboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #999999;
	}
	
.orangeboldsmall {
	font-size: 14px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #cc6600;
	}
	
a.link:link {
	text-decoration: none;
	}
	
a.link:visited {
	text-decoration: none;
	}
	
a.link:hover {
	text-decoration: underline;
	}
	
a.link:active {
	text-decoration: underline;
	}	
	

a.showlinkonline:active {
	text-decoration: underline;
	font-weight: bold;
	color: #000066;
	}

a.showlinkonline:link {
	text-decoration: none;
	font-weight: bold;
	color: #000066;
	}
	
a.showlinkonline:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000066;
	}
	
a.showlinkonline:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000066;
	}

a.textlink:link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
	
a.textlink:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
	
a.textlink:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
	}
	
a.textlink:active {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
	}	



a.textlinknoshow:link {
	text-decoration: none;
	color: #000000;
	}
	
a.textlinknoshow:visited {
	text-decoration: none;
	color: #000000;
	}
	
a.textlinknoshow:hover {
	text-decoration: underline;
	color: #000000;
	}
	
a.textlinknoshow:active {
	text-decoration: underline;
	color: #000000;
	}	




ol {
	font-size:	14px;
	text-align: left;
	font-family: arial, helvetica, sans-serif; 
	color: #000000;	}

p {
	font-size:	14px;
	text-align: left;
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	}
	
.text {
	font-size:	14px;
	text-align: left;
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	}	
	
ul {
	font-size:	14px;
	text-align: left;
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	}	
	
.menulists {
	font-size:	14px;
	text-align: left;
	font-family: arial, helvetica, sans-serif; 
	color: #000000;
	text-align: left;
	}	
	
.blackboldheader {
	font-size:	15px;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	}	
	
.imagecenter {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: center;
	}	

.justify {
	text-align: justify;
	}
	
.bold {
	font-weight: bold;	
}	
	
.alignleft {
	text-align: left;
	}	
	
.aligncenter {
	text-align: center;
	}	
	
dt {
	font-size:	16px;
	color: #006600;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}	

dd {
	font-size:	14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	}
	
.imageleft {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
.imageright {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

.imagerightniki {
	float: right;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.showlink {
	text-decoration: none;
	font-weight: bold;
	color: #000066;
	font-size:	15px;
	font-family: arial, helvetica, sans-serif; 	

}	

a.showlink:link {
	text-decoration: none;
	font-weight: bold;
	color: #000066;
	}
	
a.showlink:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000066;
	}
	
a.showlink:hover {
	text-decoration: none;
	font-weight: bold;
	color: #006600;
	}
	
a.showlink:active {
	text-decoration: none;
	font-weight: bold;
	color: #006600;
	}	
	
/* beginning of code specific to site home page */	
	
.index {
	font-size:	15px;
	font-family: arial, helvetica, sans-serif; 	
	font-weight: bold;
	color: #000066;
	text-align: center;
	}	

.happyjack {
	font-size:	22px;
	font-family: arial, helvetica, sans-serif; 	
	font-weight: bold;
	color: #cc3300;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
.imageleftindex {
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.imagerightindex {
	float: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	}	
	


.imagerightindexblackbord {
	float: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid black;
}	

.imageleftindexblackbord {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid black;
}
	
.clearbothsidesindex {
	clear: both;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom:6px;
	padding-left: 0px;		
	}
	
a.showlinkindex:active {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}

a.showlinkindex:link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
	
a.showlinkindex:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
	
a.showlinkindex:hover {
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	}
	
	
	
		
	
/* end of code specific to site home page */	
	
/* beginning of rollover code to go against yellow left side bar */	
	

.showlinkleft {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	font-size:	15px;
	font-family: arial, helvetica, sans-serif; 	
}


a.showlinkleft:link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
	
a.showlinkleft:visited {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
	
a.showlinkleft:hover {
	text-decoration: none;
	font-weight: bold;
	color: #996633;
	}
	
a.showlinkleft:active {
	text-decoration: none;
	font-weight: bold;
	color: #996633;
	}

/* end of rollover code to go against yellow left side bar */

/* beginning of list navigation code */

#navcontainer {
 	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;	
	background-color: #ffdd00;
	}

#navlist {
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid gray;
	width: 120px;
	}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid gray;
	}

#navlist li a { 
	text-decoration: none; 
	color: #000000; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold ;
	text-decoration: none;
	}
	
#navlist a:hover {
	color: #996633;
	text-decoration: none;
	}	

/* end of list navigtion code */
	
#bottomrow { 
	color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background-color: #125AA1;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	}

#bottomrow a:link  {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	}
	
#bottomrow a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	}
	
#bottomrow a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #ffffff;
	}
	
#bottomrow a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #ffffff;
	}
	
.showlinkjen {
	text-decoration: none;
	font-weight: bold;
	color: #125AA1;
	font-size: 2px;
	font-family: arial, helvetica, sans-serif; 	
}


a.showlinkjen:link {
	text-decoration: none;
	font-weight: bold;
	color: #125AA1;
	}
	
a.showlinkjen:visited {
	text-decoration: none;
	font-weight: bold;
	color: #125AA1;
	}
	
a.showlinkjen:hover {
	text-decoration: none;
	font-weight: bold;
	color: #125AA1;
	}
	
a.showlinkjen:active {
	text-decoration: none;
	font-weight: bold;
	color: #125AA1;
	}
	