/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
margin: 0;
padding: 0;
}

body {
	text-align: center; font-size:9pt;
	font-family: Helvetica, Verdana, sans-serif; color: #666666;
	margin: 0px;
	padding: 30px;
	color: #000000;list-style: none; text-decoration:none;background: url(http://www.rannel.co.uk/bg.gif) repeat-x;overflow:scroll}

#content {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: justify; 
	list-style: none;
	top: 150px;
	width: 800px;
	height: 400px;line-height:13pt }
	
#contenttours {
	text-align: left; 
	list-style: none;
	width: 430px;
	height: 450px;line-height:13pt; overflow: auto; }

div#content h1 {font-size:14px; line-height: 14pt;font-family: Helvetica, Verdana, sans-serif; color: #000000; text-align: left}
div#content h2 {font-size:12px; line-height: 12pt;font-family: Helvetica, Verdana, sans-serif; color: #333333; text-align:left}

a:link { text-decoration:none; color: #666666}
a:active { text-decoration: none; color: #666666}
a:visited { text-decoration: none; color: #000000}
a:hover { text-decoration:none; background-color: #FFFF00; color: #000000  }

.floatimgleft {
    float:left;
    margin-top:0px;
    margin-right:10px;
	margin-left:0px;
    margin-bottom:60px;}
	
.floatimgright {
    float:right;
    margin-top:10px;
    margin-right:0px;
	margin-left:10px;
    margin-bottom:60px;}
	
#nav-menu{
	text-align: left;
	margin-left:auto;
	margin-right: auto;
	margin-top: 0px;
	color: #666666; 
	width: 800px; 
	}
	
#logo{
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	color: #666666; 
	width: 800px; }

#nav-menu{ 
width: 800px;
text-align: center;
margin-left:auto;
margin-right:auto;
background: #555555}

#nav-menu ul
{
text-align: center;
margin-left:auto;
margin-right:auto;
list-style: none;
padding-left: 5;
margin: 2;
background: #555555}

#nav-menu li
{
float: left;

}

#nav-menu li a
{
background: url(MenuBG.png) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 100px;
display: block;
color: #EEEEEE;
text-decoration: none;
text-align: center;
}

#nav-menu li a:hover
{background: #555555;
height: 2em;
line-height: 2em;
float: left;
width: 100px;
display: block;
color: #EEEEEE;
text-decoration: none;
text-align: center;}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#flash{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #666666; 
	width: 800px; 
	}

#content li.section-title { 
	font-weight: bold;
	list-style: none; 
	text-decoration:none; 
	color: #666666}

#image{
	width: 400; 
	height: 500; 
	float: none; 
	margin: 30px 10px 0; 
	font-weight:200; 
	text-align:center; 
	color:#999999; 
	line-height: 14pt}

#footer {
	text-align:left; 
	background: url(http://www.rannel.co.uk/footer-bg.gif) repeat-x top left;
	border-top: 1px solid #555555;
	color: #4c4c4c;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
	clear: both;
	overflow: hidden;
}

#imggallery{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding:200px;
	color: #666666; 
	width: 40px; 
	}
	
	#myGallery
{
text-align: center;
margin-top: 200px;
margin-left:auto;
margin-right:auto;
width: 450px !important;
height: 350px !important;
} 

#imageElement{
float: left}

$("div.content p.firstparagraph:hidden").slideDown("slow");
$("div.content p.firstparagraph:visible").slideUp("slow");