body	{ font-family:Verdana, Geneva, Arial, Helvetica, serif; font-size:100%; }
body	{ color:black; background-color:#ffffff; margin: 0 }
table 	{ font-family:Verdana, Geneva, Arial, Helvetica, serif; font-size:100%; }
tr 		{ font-family:Verdana, Geneva, Arial, Helvetica, serif; font-size:100%; }
td 		{ font-family:Verdana, Geneva, Arial, Helvetica, serif; font-size:100%; }
p		{ font-family:Verdana, Geneva, Arial, Helvetica, serif; font-size:70%; }
p		{ text-align:left; margin-left:10px; margin-right:10px; margin-top:10px }

.footer {text-align: center;}
.footer	a:link		{color:#1A5DCB; text-decoration: none }
.footer a:visited	{color:#1A5DCB; text-decoration: none }
.footer a:hover		{color:#ff9933; font-weight: normal; text-decoration: underline }
.footer a:active	{color:#c00000; text-decoration: underline }

.footergall {text-align: center;}
.footergall	a:link		{color:#999999; text-decoration: none }
.footergall a:visited	{color:#999999; text-decoration: none }
.footergall a:hover		{color:#ff9933; font-weight: normal; text-decoration: underline }
.footergall a:active	{color:#c00000; text-decoration: underline }

.header {text-align:right; padding:10px; padding-top:0px; padding-left:0px; font-size:100%; background-color:#000000; }
.header	a:link		{color:#ffffff; text-decoration: none }
.header a:visited	{color:#ffffff; text-decoration: none }
.header a:hover		{color:#ff9933; font-weight:normal; text-decoration:underline; }
.header a:active	{color:#cccccc; text-decoration: underline }

div		{width: 100% }
input	{font-size: 70%}
label	{font-size: 70%}
h1		{font-size: 160%}
h2		{font-size: 120%} 
h3		{font-size: 110%}
h4		{font-size: 100%}
h5		{font-size: 80%}
h6		{font-size: 70%}

.thinborder {
	border: 1px;
	border-style: solid;
	border-top-color: #800000;
	border-bottom-color: #800000;
	border-left-color: #800000;
	border-right-color: #800000 }

.thinborder1 {
	border: 1px;
	border-style: solid;
	border-top-color: #fefefe;
	border-bottom-color: #fefefe;
	border-left-color: #fefefe;
	border-right-color: #fefefe}
	
.gallbordernolb { 
	border: 1px;
	border-style: solid;
	border-top-color: #800000;
	border-bottom: none;
	border-left: none;
	border-right-color: #800000 }

.gallbordernolb1 { 
	border: 1px;
	border-style: solid;
	border-top-color: #fefefe;
	border-bottom: none;
	border-left: none;
	border-right-color: #fefefe}
	
.gallbordernolrb {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top-color: #800000;
	border-bottom: none;
	border-left: none;
	border-right: none }

.gallbordernolrb1 {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top-color: #fefefe;
	border-bottom: none;
	border-left: none;
	border-right: none }	

.gallbordernolt {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top: none;
	border-bottom-color: #800000;
	border-left: none;
	border-right-color: #800000 }
	
.gallbordernolt1 {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top: none;
	border-bottom-color: #fefefe;
	border-left: none;
	border-right-color: #fefefe}

.gallbordernoltb {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right-color: #800000 }

.gallbordernoltb1 {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right-color: #fefefe }

.gallbordernolrt {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top: none;
	border-bottom-color: #800000;
	border-left: none;
	border-right: none }

.gallbordernolrt1 {
	border: 1px;
	width: 25%;
	border-style: solid;
	border-top: none;
	border-bottom-color: #fefefe;
	border-left: none;
	border-right: none }

.gallbordertop {
	border: 1px;
	border-style: solid;
	border-top-color: #800000;
	border-bottom: none;
	border-left: none;
	border-right: none }

.gallbordertop1 {
	border: 1px;
	border-style: solid;
	border-top-color: #fefefe;
	border-bottom: none;
	border-left: none;
	border-right: none }

.gallimg {
	padding: 5% }
	
.alpha {
	font-size:60%;
	font-weight: bold;
	color: #c00000;
	background-color: #F0F8E0;
	border: thin solid;
	text-align: center }
	
.alpha a:link		{color:#1A5DCB; text-decoration: none }
.alpha a:visited	{color:#1A5DCB; text-decoration: none }
.alpha a:hover		{color:#ffffff; font-weight: bold; text-decoration: underline; background-color: #000000 }
.alpha a:active		{color:#c00000; text-decoration: underline }


.refertblone {
	font-size:70%;
	width: 32px;
	border: 1px;
	margin-left: 1px;
	padding-bottom: 5px;
	text-align: right; }

.refertbltwo {
	font-size:70%;
	width: 320px;
	border: 1px;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left; }
	
.refertblthree {
	font-size:70%;
	width: 180px;
	border: 1px;
	padding-left: 10px;
	text-align: left; }

div.cotreksmimg {
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #b1b1b1;
	background-color: #e0e2cb;
	height: 100px;
	width: 100px;
	float: left;
	text-align: center; }

div.cotreksmimg img {
	display: inline;
	margin: 5px;
	border: 1px;
	border-style: solid; 
	border-color: #000000 }

div.cotreksmimg a:hover img {border: 4px solid #ffffff;}

p.cotreksmdesc {
	color: #686b3d;
	text-align: center;
	font-weight: normal;
	width: 100px;
	margin: 5px; }
	
div.cotrekimg {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 5px;
	border: 1px solid #000000;
	color: #cccec8;
	background-color: #000000; /* background-color: #575450; */
	width: 420px;
	height: 279px;
	float: left;
	text-align: left }
	
div.cotrekimg img {
	display: inline;
	margin: 9px;
	border: 1.5px;
	border-style: solid; 
	border-color: #b2baa2 }

div.cotrekimg a:hover img {border: 4px solid #000000;}

.uhere {
	border-width: 0px;
	text-align: center;
	padding:15px;
	font-size:70%; }
	
.uhere a:link		{ color:#1A5DCB; text-decoration: underline;}
.uhere a:visited	{ color:#1A5DCB; text-decoration: underline;}
.uhere a:hover		{ color:#c00000; font-weight:bold; text-decoration:underline; }
.uhere a:active		{ color:#DAA520; text-decoration: none;}

.route {
	border-width: 0px;
	text-align: left;
	padding-left:10px;
	padding-right:10px;
	font-size:70%;
	width: 489px;
	background-color: #98A7BA; }
	
.routelocate {
	border-width: 0px;
	text-align: left;
	vertical-align: top;
	padding-left:10px;
	font-size:70%;
	background-color: #DADFE6; }

.cotrekdesc {
	text-align: left;
	font-weight: normal;
	width: 420px;
	margin-bottom: 20px; }	

.cream {
	border-width: 1px;
	text-align: left;
	background-color: #F3F2E0;}

.items {
	font-family:Verdana, Geneva, Arial, Helvetica, serif; 
	font-size:70%;
	text-align: left; }

.listhead {
	color: #003399;
	font-weight: bold;
	font-size: 70%;
	background-color: #F3F2E0;
	border: none;
	padding-top: 0.8%;
	padding-bottom: 0.8%;
	padding-left: 0.8%; }

.centerhead {
	text-align: center;
	color: #cccccc;
	margin-top: 12px; }

.listzero {
	font-family:Calibri, Arial, Verdana, Geneva;
	text-align: left;
	font-weight: bold;
	margin-left: 0px;
	font-size: 120%; }
	
.listone {
	font-family:Calibri, Arial, Verdana, Geneva; font-weight:normal;
	text-align: left;
	margin-left: 15px;
	font-size: 110%; }
	
.listtwo {
	font-family:Calibri, Arial, Verdana, Geneva;
	text-align: left;
	margin-left: 50px;
	font-size: 100%; }

.bgltgrey {
	background-color: #DADFE6}

.bgltgreen {
	background-color: #eae1b1}

.bgoffgrey {
	background-color: #F8F9FA}

.bgltwhite {
	background-color: #F7F9FC}

.bggreen {
	background-color: #607A05}

.bgltcream {
	background-color: #FAFAF1}

.bgdkcream {
	background-color: #F3F2E0}

table.borders {
	border-style: solid;
	border-width: thin;
	border-top-color: #800000;
	border-bottom-color: #800000;
	border-left-color: #800000;
	border-right-color: #800000 }

div.travelimg {
	margin-top: 20px;
	margin-left: 5px;
	border: 1px solid #000000;
	color: #cccec8;
	background-color: #575450;
	height: 150px;
	width: 600px;
	float: left;
	text-align: left }
	
div.travelimg img {
	display: inline;
	margin: 9px;
	border: 1.5px;
	border-style: solid; 
	border-color: #b2baa2 }
	
div.travelimg a:hover img {border: 4px solid #000000;}		

td.traveldesc {
	text-align: left;
	font-weight: normal;
	width: 380px;
	margin: 10px; }

.trektitle {
	background: url('../images/TrekPics/trekkingtitle.jpg') no-repeat fixed center bottom;}
	
.holycitiestitle {
	background: url('../images/CommonPics/holycities.jpg') no-repeat fixed center bottom;}

.makkahtitle {
	background: url('../images/MakkahPics/makkahtitle.jpg') no-repeat fixed center bottom;}

.yoursaytitle {
	background: url('../images/YoursayPics/yoursay.jpg') no-repeat fixed center bottom;}

.beigestripe {
	background: url('../images/CommonPics/beigeback.gif') repeat fixed center bottom;
	width: 143px; height: 95px}

.traveltitle {
	background: url('../images/TravelPics/traveloguetitle.jpg') no-repeat fixed left bottom;
	width: 304px; }

.laylatitle {
	background: url('../../../images/LaylaPics/travelogues-title.jpg') no-repeat fixed center bottom;}

.whitetitle {
	background: url('../images/CommonPics/satitlewhite.gif') no-repeat fixed left center;
	height: 150px; }
	
.blacktitle {
	background: url('../images/CommonPics/satitleblack.gif') no-repeat fixed left center;
	height: 150px; }
	
.dottedline {
	background: url('../images/CommonPics/dot.gif') repeat center center;}
	
.dottedlinecolor {
	background: url('../images/CommonPics/dot_color.gif') repeat center center;}

.dottedlineblk {
	background: url('../images/CommonPics/dot_blk.gif') repeat center center;}
	
.stripered {
	background: url('../images/CommonPics/line_black.gif') repeat center right;}
	
.stripeblue {
	background: url('../images/CommonPics/line_dark.gif') repeat center right;}

p.widetext {
	letter-spacing:1pt;
	text-align:left;
	line-height:12pt }

.menuborder {
	border-bottom:thin solid #B2BAA2;
	/*border-top: thin solid #B2BAA2;*/
	border-left-style:none;  
	border-right-style:none;
	background-color: #ffffff;
	height:26px; }
	
.menuborder a:link     { color:#6A694D; text-decoration: none}
.menuborder a:visited  { color:#6A694D; text-decoration: none}
.menuborder a:hover    { color:#000001; text-decoration: underline}
.menuborder a:active   { color:#DAA520; text-decoration: none}

.maplink a:link		{color:#2f5c0b; text-decoration: none }
.maplink a:visited	{color:#2f5c0b; text-decoration: none }
.maplink a:hover	{color:#FF0000; text-decoration: underline;}
.maplink a:active	{color:#FF0000; text-decoration: none }

div.background {
	width: 500px;
	height: 250px;
	background: url(IMAGES/HomePics/unripe.jpg) repeat;
	border: 2px solid black; }
  
div.transbox {
	width: 400px;
	height: 180px;
	margin: 30px 50px;
	background-color: #ffffff;
	border: 1px solid black;
	/* for IE
	filter:alpha(opacity=40);
		CSS3 standard
	opacity:0.6;
	 	for Mozilla
	-moz-opacity:0.6; */}
  
div.transbox p {
	margin: 30px 40px;
	font-weight: bold;
	font-family: verdana;
	/*color: #000000; the same color is used in table.main below. it can be deleted*/ }

table.main {
	padding: 0;
	width: 779px; 
	background-color: #000000;
	border-style: none; 
	height: 220px }
		
.saimg {
	padding-left: 2%;
	padding-top: 2%;
	border-style: none }
	
.menufont {
	color: #005300;
	font-family: Verdana;
	font-size: 70%;
	font-weight: 700 }

.smimgtop {
	padding-top: 5%;
	border-style: none }

.smimgbtm {
	padding-bottom: 5%;
	border-style: none }

.mdimg {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-style: none }

.right_titleimg {
	margin-right: 5px;
	margin-top: 0.1px;
	margin-bottom: 0.1px;
	border-style: none }

.left_titleimg {
	margin-right: 5px;
	margin-top: 0.1px;
	margin-bottom: 0.1px;
	border-style: none }

.more {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	font-size: 70%;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 10px }
		
.refer {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	font-size: 70%;
	text-align: right;
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #0066FF; }

.styledata {
	font-size: 85%;
	color: #1A5DCB;
	font-weight: normal;
	margin-left: 10px; }

.pageno {
	font-family: Verdana, Geneva, Arial, Helvetica, serif;
	padding-bottom: 4px;
	text-align: center;
	font-size: 65%;
	font-weight: bold;
	color: #3F517F; }

.nextlive {
	font-family: Verdana, Geneva, Arial, Helvetica, serif;
	padding-bottom: 4px;
	text-align: center;
	font-size: 65%;
	font-weight: bold;
	color: #3F517F; }
	
.nextdead {
	font-family: Verdana, Geneva, Arial, Helvetica, serif;
	padding-bottom: 4px;
	text-align: center;
	font-size: 65%;
	font-weight: bold;
	color: #C0C0C0; }

.prevlive {
	font-family: Verdana, Geneva, Arial, Helvetica, serif;
	padding-bottom: 4px;
	text-align: center;
	font-size: 65%;
	font-weight: bold;
	color: #3F517F; }

.prevdead {
	font-family: Verdana, Geneva, Arial, Helvetica, serif;
	padding-bottom: 4px;
	text-align: center;
	font-size: 65%;
	font-weight: bold;
	color: #C0C0C0; }

.smpara {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: left;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }

.smparagallery {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: center;
	margin-left: 10px;
	color: #DAA520;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }
	
.smparaterms {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: left;
	font-size: 70%; 
	margin-left: 20px;
	margin-right: 10px; 
	margin-top: 2px;
	margin-bottom: 15px;
	border-bottom: thin dotted #EAE1B1 }

.smpara_right {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: right;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }

.dkblue_right {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: right;
	font-weight: bold;
	color: #000080;
	margin-left: 10px;
	margin-right: 5px; 
	margin-top: 5px;
	margin-bottom: 5px }

.smpara_center {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: center;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }

.smpara_ceterblue {
	color: #1A5DCB;
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: center;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 20px }
	
.mdpara {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: left;
	font-size: 80%;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }

.mdpara_center {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: center;
	font-size: 80%;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }

.mdpara_right {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: right;
	font-size: 80%;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }

.mdparagall {
	font-family: Verdana, Geneva, Arial, Helvetica, serif; 
	text-align: left;
	color: #DADFE6;
	font-size: 80%;
	margin-left: 10px;
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px }
.mdparagall a:link	    {color:#DAA520; text-decoration: none }
.mdparagall a:visited	{color:#DAA520; text-decoration: none }
.mdparagall a:hover	    {color:#DADFE6; text-decoration: underline }
.mdparagall a:active	{color:#DADFE6; text-decoration: none }

.smhead	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 10px;
	margin-top: 20px;
	font-weight: bold;
	color: Black }

.smhead_right	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 10px; 
	margin-bottom: 10px;
	font-weight: bold;
	color: Black }

.nrhead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	color: #FF6666; }
	
.eventhead {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 2px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	color: #3366CC; }
	
/* homepage */
		
.grhead {
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	color: #517700; }

.orhead {
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	color: #CC6600; }
		
.orhead_right {
	font-family: Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
	color: #CC6600; }

.orhead_left {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 2px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	color: #CC6600; }

.orheadgall {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;
	text-align: left;
	margin-left: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	font-weight: normal;
	text-decoration: none;
	color: #CC6600 }
		
.gytext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 2px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
	text-align: left;
	color: #666666; }
	
.leftquote {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 10px;
	text-align: left;
	font-weight: bold;
	color: #A9191F; }

.dkblhead {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	color: #3366CC; }

.blheadnodecor {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-weight: bold;
	color: #3366CC; }

.bluhead {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 1px;
	text-align: left;
	font-weight: bold;
	color: #3366CC; }
	
.rdheadterms {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 1px;
	text-align: left;
	font-weight: bold;
	color: #c00000 }

.titlehead {	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	color: #CC6600; }

.bigtitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-weight: normal;
	color: #CC6600; }
	
.largetitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: normal;
	color: #DAA520; }
	
.largetitlegr {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin-left: 10px;
	margin-top: 30px;
	margin-bottom: 0px;
	text-align: left;
	font-weight: normal;
	color: #808040; }
	
.hugetitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 180%;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
	font-weight: bold;
	color: #DAA520; }
	
.hugetitlegr {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 180%;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
	font-weight: bold;
	color: #808040; }	
	
.text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*color: #000000 - the same color is used in table.main. it can be deleted*/ }
	
.textbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color: #000000 - the same color is used in table.main. it can be deleted*/ }
	
.orbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC6600; }
	
.gybold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666; }
	
.whbold {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*color: #FFFFFF - the same color is used in div.transbox. it can be deleted*/ }
	
.ortext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #CC6600; }
	
.gytext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666; }
	
.whtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; }
	
.greentext {
	color: #669900; }	

.whlink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;}

a:link     { color:#8E8D66}
a:visited  { color:#DAA520}
a:hover    { color:#000001}
a:active   { color:#DAA520}

.thumb a:link	    {color:#c00000; text-decoration: underline }
.thumb a:visited	{color:#DAA520; text-decoration: none }
.thumb a:hover	    {color:#000001; text-decoration: none }
.thumb a:active	    {color:#000000; text-decoration: none }
.thumb {font-weight: bold; text-align:left; margin-left:3px; margin-right:0px; margin-top:5px; margin-bottom:4px }

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

/* below codes are exclusively for the gallery */

div.img {
	margin: 8px;
	border: 1px solid #d2b48c;
	height: 160px;
	width: auto;
	float: left;
	text-align: center; }

div.img img {
	display: inline;
	margin: 9px;
	border: 1.5px;
	border-style: solid; 
	border-color: #b2baa2 }

div.img a:hover img {border: 4px solid #000000;}

p.desc {
	text-align: center;
	font-weight: normal;
	width: 120px;
	margin: 2px; }

td.vrule {
	padding-right:0px; 
	padding-left:0px; 
	padding-bottom:0px; 
	padding-top:0px;
	background-color:#b2baa2;
	width: 1px; }
	
.gallerytitle {
	background: url('../../../images/GalleryPics/gallerytitle.jpg') no-repeat fixed left bottom;
	 }

.sitemaptitle {
	background: url('../../../images/CommonPics/sitemap.jpg') no-repeat fixed left bottom;
	 }

.deserttitle {
	background: url('../../../images/DesertPics/deserttitle.gif') no-repeat fixed left bottom;
	 }
	 
.datestitle {
	background: url('../../../images/Dates/datestitle.gif') no-repeat fixed left bottom;
	 }

.riyadhtitle {
	background: url('../../../images/CommonPics/riyadh_province.jpg') no-repeat fixed right top;
	 }
	 
.najrantitle {
	background: url('../../../images/CommonPics/najran_province.jpg') no-repeat fixed right top;
	 }	 

.madaintitle {
	background: url('../../../images/CommonPics/madinah_province.jpg') no-repeat fixed center top;
	 }

.asirtitle {
	background: url('../../../images/CommonPics/asir_province.jpg') no-repeat fixed center top;
	 }
	 
.easterntitle {
	background: url('../../../images/EasternPics/eastern_province.jpg') no-repeat fixed center top;
	 }
	 	 
.hailtitle {
	background: url('../../../images/HailPics/hail_title.jpg') no-repeat fixed center top;
	 }	 

.jizantitle {
	background: url('../../../images/jizanpics/jizan_title.jpg') no-repeat fixed center top;
	 }
	 
.jouftitle {
	background: url('../../../images/joufpics/jouf_title.jpg') no-repeat fixed center top;
	 }
	 
.albahahtitle {
	background: url('../../../images/albahapics/albahahprovince.jpg') no-repeat fixed center top;
	 }	 
	 
.tabuktitle {
	background: url('../../../images/TabukPics/tabuk_title.jpg') no-repeat fixed center top;
	 }

.ragbahtitle {
	background: url('../../../images/CommonPics/riyadh_province.jpg') no-repeat fixed right top;
	 }

.edgetitle {
	background: url('../../../images/CommonPics/riyadh_province.jpg') no-repeat fixed right top;
	 }
	 
.saudititle {
	height: 150px;
	background: url('../../../images/CommonPics/saudi_images.jpg') no-repeat fixed right top;
	 }

.nowfal {
	background: url('../../../images/AboutPics/nowfal.jpg') no-repeat top right;
	 }

.islamicart {
	background: url('../../../images/CommonPics/islamicart.gif') center;
	 }
	 
.arabicart {
	background: url('../../../images/CommonPics/arabicart.gif') repeat fixed center;
	 }
	 
.floral {
	background: url('../../../images/CommonPics/floral.jpg') repeat fixed center;
	 }

.flowertitle {
	background: url('../../../images/Flowers/flowertitle.jpg') no-repeat fixed left bottom;
	 }
	 
.trekker {
	background: url('../../../images/TrekPics/trekker.jpg') no-repeat bottom;
	}
	
.hotel a:link	{color:#c00000; text-decoration: none; font-size: 80%; font-weight: bold }
.hotel a:visited {color:#c00000; text-decoration: none; font-size: 80%; font-weight: bold }
.hotel a:hover	{color:#000001; text-decoration: underline; font-size: 80%; font-weight: bold }
.hotel a:active	{color:#c00000; text-decoration: none; font-size: 80%; font-weight: bold }
.hotel {text-align: right; line-height:250%; padding-right: 2%;}

.bold a:link	{color:#c00000; text-decoration: none }
.bold a:visited	{color:#c00000; text-decoration: none }
.bold a:hover	{color:#000001; font-weight: bold; text-decoration: underline }
.bold a:active	{color:#000000; text-decoration: none }
.bold {text-align: right; line-height:250%}

.bold2 a:link	{color:#AAAAAA; text-decoration: none }
.bold2 a:visited	{color:#AAAAAA; text-decoration: none }
.bold2 a:hover	{color:#000001; font-weight: bold; text-decoration: underline }
.bold2 a:active	{color:#000000; text-decoration: none }
.bold2 {text-align: right; line-height:250%}

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


.FotomotoToolbarClass a:link	{color:#808080; text-decoration: none; font-family: Verdana, Tahoma, Arial }
.FotomotoToolbarClass a:visited	{color:#1A5DCB; text-decoration: none; font-family: Verdana, Tahoma, Arial }
.FotomotoToolbarClass a:hover	{color:#ff9933; text-decoration: underline; font-family: Verdana, Tahoma, Arial }
.FotomotoToolbarClass a:active	{color:#c00000; text-decoration: underline; font-family: Verdana, Tahoma, Arial }
.FotomotoToolbarClass 			{font-size: 11px; }

.selectedslm {
	color: #000000;
	font-weight: bold;
	font-size: 100%;
	padding-top: 2%;
	padding-bottom: 3%;
	text-decoration: none;
	background: url(../images/CommonPics/flora.jpg); }

.selectedtext {
	color: #000000;
	font-weight: bold;
	font-size: 100%;
	padding-top: 2%;
	padding-bottom: 3%;
	text-decoration: none;
	background-color:#F2F4F7; }

.selectedcontact {
	color: #D6D9CF;
	font-weight: bold;
	font-size: 100%;
	padding-top: 2%;
	padding-bottom: 3%;
	text-decoration: none; }



/* Coding by Mohamamd Nowfal Areekode, www.splendidarabia.com on 01-Nov-07; updated on 22-Oct-09*/