 /* sStyle sheet for South Africa Sun.*/
 /* created by Rowland Forbes 2008*/
 
/*a		{text-decoration: UNDERLINED;
text-shadow:#33FF33}
a:link		{color: navy; }  /* for unvisited links
a:visited	{color: maroon;} /* for visited links 
a:active	{color: red; } /* when link is clicked */


/*button class */
#search .buttons { 
 font-family:  Century, Book Antiqua, Goudy Old Style, Arial; 
 font-size: 14px;
 font-weight: normal;
 background-color: #b1d96a; 
 color: #14077f; 

}


a:link {
	text-decoration: underline;
	color: #0000CC;
	/*font-size:14px;*/
}
a:visited {
	text-decoration: underline;
	color: #000066;
	/*font-size:14px;*/
}
a:hover {
	color:  #990000;
	text-decoration:none;
}
a:active {
	text-decoration: none;
	color: red;
}

ul {list-style-type: circle;
border-collapse:separate;

}

.thumbnail {
  float: left;
  padding: 4px;
  margin: 10px 0px 0px 10px;
}

body {
	font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-size:11pt;
	color:#673e15;
	text-align: left;
	background-color:#fefecb;
	margin:0px;
}

p{
	margin:5px 10px 10px 10px;
	padding:0px;
	font-size:inherit;
	text-align:left;
}

h1 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#14077f;
	text-align: left;	
	margin:10px;
	
	
}

h2 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#14077f;
	text-align:left;
	margin:5px 10px 0px 10px;

	
}

h3 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#14077f;
	text-align:left;
	margin:5px 10px 0px 10px;

	
}

h4 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#14077f;
	text-align:left;
	margin:5px 10px 0px 10px;

	
}

h5 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#14077f;
	text-align:left;
	margin:5px 10px 0px 10px;

	
}

h6 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#14077f;
	text-align: right;
	margin-top:0.25em;
	margin-bottom: 0;
	padding:0px;
	
}

h7 {/*font-family: Century, Book Antiqua, Goudy Old Style, Arial;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13pt;
	color:#14077f;
	text-align: center;
	margin-top:1;
	margin-bottom: 0;
	
}



#container{
	position:relative;
	width:1024px;
	margin:auto;
	background-color:#FFF;
	background-image:url(/library/template/page_bg.gif);
	background-repeat:repeat-y;
	border:10 px #00F solid;
	
}

#south_africa_sun_holidays_logo{
	position:relative;
	width:280px;
	float:left;
	height:100px;
	margin-left:24px;
}

#top_image_south_africa_sun{
	position:relative;
	width:698px;
	float:left;
	height:100px;
	overflow:hidden;
	
}

#main_nav a{
	font-size:1em;
	color:#673e15;
	font-family:Arial, Helvetica, sans-serif;	
	font-weight:bold;
	text-decoration:none;
}

#main_nav a:hover{
	color: #C60;
	text-decoration:underline;
	
	
}

#main_nav{
	font-family: Arial,Century, Book Antiqua, Goudy Old Style;
	position:relative;
	width:980px;
	font-size:1em;
	float:left;
	padding-left:0px;
	background-image: url(/library/menu/menu_grad.jpg);
	background-repeat:repeat-x;
	margin-left:22px;
	z-index:10;
	height:auto;
	
}
#main_nav ul{
	list-style:none;
	margin:0px;
	padding:5px 5px 0px 5px;
}
#main_nav li{
	float:left;
	display:block;
	min-width:100px;
	padding-left:2px;
	padding-right:2px;
	min-height:2.3em;
	text-align:center;
	border-right:solid #673e15 1px;
	border-bottom:solid #673e15 1px;
	
}



/*CSS for hover menu*/
.location:hover {
	border:0
}

#main_nav .location a {
	
}

#main_nav .location a img{
	padding-right:3px;
	
}
#main_nav .location li{
	width:auto;
	height:auto;
	text-align:left;
	border:0px;
	float: none;
	
}

.location .hover_menu {
	/*display:none;*/
	visibility:hidden;/*needs to be visibility for javascript to work*/
	text-align:left;
}
#main_nav li .hover_menu a {
	background-color:#FFF;
	font-weight:normal;
	color:#000;
}

#main_nav li .hover_menu a:hover {
	background-color:#FFF;
	font-weight:normal;
	color:#673e15 ;
}

/*stops hover_menu links picking up the id #current bold style*/
#main_nav li#current .hover_menu a { 
	background-color:#FFF;
	font-weight:normal;
	color:#000;
} 

	
.location:hover .hover_menu {
	/*display:block;*/
	visibility: visible;/*needs to be visibility for javascript to work*/
	z-index:10;
	
}

.breadcrumbs {
	margin-top:5px;
	padding:5px 5px 5px 5px;
	width:970px;
	border-bottom:solid 1px #8d6e43;
	clear:both;
	background-color:#fcfc8c;
}

.breadcrumbs a{
	font-size:2pt;
	font-weight:normal;
}

#sub_nav_south_africa_sun{
	position:relative;
	width:130px;
	min-height:700px;
	padding-right:3px;
	text-align:right;
	float:left;
}

#main_content{
	position:relative;
	width:970px;
	/*text-align:justify;*/
	float:left;
	background-image:url(south_africa_sun_index/mainframe.png);
	background-repeat:no-repeat;
	z-index:5;
	margin-left:20px;
	padding:0 5px 0 5px;
}

#right_content{
	position:relative;
	width:280px;
	text-align: center;
	float:left;
	z-index:2;
}

#footer{
	position:relative;
	width:980px;
	text-align:center;
	float:left;
	/*background-image:url(south_africa_sun_index/mainframe.png);*/
	background-repeat:no-repeat;
	z-index:5;
	margin-left:20px;	
}

#footer a:link {
	text-decoration: underline;
	color: #CC0000;
	font-size:10px;
}

#footer a:visited {
	text-decoration: underline;
	color: #CC6600;
	font-size:10px;
}

#footer a:hover {
	text-decoration: none;
	color: #CC6600;
	font-size:10px;
}



#backgroundright{
	position:absolute;
	top:0px;
	right:-200px;
	}

#backgroundleft{
	position:absolute;
	top:0px;
	left:-200px;
	}	
	
	/*shadow css*/
.top{ position:absolute; top:-20px; left:10px; height:20px; background-image:url(/library/menu/blk_shadow_t.png); background-repeat:repeat-x
}

.side_l{position:absolute; left:-20px; top:10px; width:20px;  background-image:url(/library/menu/blk_shadow_l.png); background-repeat:repeat-y
}
.side_r{position:absolute; right:-10px; top:10px; width:20px; background-image:url(/library/menu/blk_shadow_r.png); background-repeat:repeat-y
}

.bottom{position:absolute; bottom:-10px; left:10px; height:20px; background-image:url(/library/menu/blk_shadow_b.png); background-repeat:repeat-x;
}

.tl{ position:absolute; top:-20px; left:-20px; width:30px; height:30px; background-image:url(/library/menu/blk_shadow_tl.png); background-repeat:repeat-x; z-index:3
}

.tr{position:absolute; top:-20px; right:-20px; width:30px; height:30px; background-image:url(/library/menu/blk_shadow_tr.png); background-repeat:repeat-x
}

.bl{ position:absolute; bottom:-20px; left:-20px; width:30px; height:30px; background-image:url(/library/menu/blk_shadow_bl.png); background-repeat:repeat-x
}

.br{ position:absolute; bottom:-20px; right:-20px; width:30px; height:30px; background-image:url(/library/menu/blk_shadow_br.png); background-repeat:repeat-x
}
/*shadow css*/

#menu1{left:125px; background-color:#FFF; position:absolute; top:50px; z-index:2;
	height:auto;}
#menu2{left:620px; background-color:#FFF; position:absolute; top:50px; z-index:2;
	height:auto;}
#menu3{left:830px; background-color:#FFF; position:absolute; top:50px; z-index:2;
	height:auto;}
#menu4{left:440px; background-color:#FFF; position:absolute; top:50px; z-index:2;
	height:auto;}
#menu5{left:625px; background-color:#FFF; position:absolute; top:50px; z-index:2;
	height:auto;}
#menu6{left:950px; background-color:#FFF; position:absolute; top:50px; z-index:2;
	height:auto;}

/*Hover MENU shadow WIDTHS*/
#menu1_t, #menu1_b, #menu2_t, #menu2_b{
}

/*Hover MENU shadow HEIGHT*/
#menu1_r, #menu1_l, #menu2_r, #menu2_l{
	
	}

#promo_col{float:right; width:250px; min-height:300px; border:1px solid #933; margin:5px 0px 5px 10px; padding-top:10px}
#promo_col .promo {width:230px; margin:auto; background-color:#fcfc8c; margin-bottom:10px}
#promo_col .promo .title{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF; font-weight:bold; background-color:#6c5a47; padding:5px; margin:0px;}
