/* ********************************* */
/* *****  HTML  ******************** */
/* ********************************* */

html
{
	overflow: -moz-scrollbars-vertical;
	overflow-x: auto;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	margin: 0px;
	line-height: 1.4em;
	color: #3d9b35;
}

pre, td, th, a, p, div
{
	font-family: Arial, Helvetica, sans-serif;
	color: #3d9b35;
}

p
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* HYPERLINKS */

a
{
	color: #e37c00;
	text-decoration: underline;   
}

a:hover
{
	color: #e37c00;
}

a img, img
{
	border: 0px;
}

/* HEADINGS */

h1, .contentheading, .componentheading
{
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.3em;
	color: #417630;
	font-weight: bold;
	margin-bottom: 10px;
}

h2
{
	font-size: 1.2em;
	color: #417630;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

h3, h4, h5, h6
{
	font-size: 1.3em;
	margin-bottom: 0px;
	color: #417630;
}
	
.image_left
{
	margin-right: 8px;
	float: left;
}

.image_middle
{
	margin-left: 8px;
	margin-right: 8px;
}

.image_right
{
	margin-left: 8px;
	float: right;
}

li a
{
	text-decoration: none;
}

br.clearBoth
{
	clear: both;
}

hr
{
	background: #ffffff;
	border: 0px;
	height: 1px;
	width: 100%;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

.article_seperator
{
	display: none;
}

.blog .article_separator
{
	clear: both;
	width: 100%;
	display: block;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 10px;
}

#enquiry_form
{
}

#enquiry_form .inputbox
{
	width: 250px;
}

#enquiry_form td
{
	vertical-align: top;
	padding-bottom: 3px;
}

/* LAYOUT HTML ELEMENTS */

#footer a
{
	color: #f3efec;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

.header_phone
{	
	font-size: 1.5em;
	line-height: 1.2em;
	color: #12466d;
}

/* RIGHT MODULE TABLES */
	
#right a
{
	color: #ffffff;
}

#right .moduletable
{
    margin-bottom: 10px;
}

#right .moduletable.boxed
{
    background: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
    background: url(../images/mod_bg.jpg) repeat-x;
}

	#right .moduletable.boxed h2, #right .moduletable.boxed h3
	{
		color: #ffffff;
        font-size: 1.2em;
		margin: 0px;
		margin-bottom: 10px;
		padding: 0px;
	}

	#right .moduletable.boxed a
	{
		color: #3d9b35;
	}

    	#right .moduletable.boxed a:hover
    	{
    		text-decoration: underline;
            color: #e37c00;
    	}
           
	#right hr
	{
		background: #ffffff;
		border: 0px;
		height: 1px;
		width: 100%;
		clear: both;
		margin-top: 10px;
		margin-bottom: 10px;
	}
    
    #right .moduletable.reservations form
    {
        text-align: center;
        padding: 10px 0px 0px 0px;
    }

        #right .moduletable.reservations form .res_details
        {
            float: left;
            padding: 3px;
            font-size: 0.9em;
            width: 65px;
        }
        
        #right .moduletable.reservations .res_button
        {
            text-align: center;
            margin: 10px 0px 0px 0px;
            clear: both;
        }	 
    
/* CUSTOM HTML AND OVERRIDES*/



/* ********************************* */
/* *****  LAYOUT  ****************** */
/* ********************************* */

#outer_div
{
	text-align: center;
	height: 100%;
	width: 100%;
	margin: auto;
}

	#toptext, #bottomtext
	{
        clear: both;
		width: 970px;
		margin: auto;
		text-align: center;
		font-size:0.85em;
        padding: 8px;
}
        
	#topbar
	{
        clear: both;
		width: 970px;
        height: 10px;
        line-height: 10px;
		margin: auto;
		text-align: right;
		font-size:0.85em;
        /*background: url(../images/header_bg.jpg) repeat-x;*/
        background-color: #77b900;
        padding: 5px 0px 5px 0px;
        color: #ffffff;
	}
 
    	#topmenu a
    	{
            text-decoration: underline;   
            color: #ffffff;
    	}   
        
	#inner_div
	{
		width: 940px;
		height: auto;
		margin: auto auto 10px auto;
        padding: 0px 15px 0px 15px;
		text-align: left;
		background: #ffffff;
        border: 1px solid #d1d4d3;
        overflow: hidden;
	}
	
		#logo
		{
			float: left;
			height: 75px;
			width: 105px;
            padding: 15px 15px 15px 0px;
		}
	
		#headertext
		{
			float: left;
			height: 75px;
			width: 720px;
            padding: 15px 0px 0px 0px;
		}

		#languages
		{
			float: left;
			height: 75px;
			width: 100px;
            padding: 0px 0px 0px 0px;
		}
					
		#nav
		{
			clear: both;
			display: block;
			color: #ffffff;
			width: 100%;
            background: url(../images/header_bg_hover.jpg) repeat-x; 
            height: 35px;
            border-bottom: 2px solid #e37c00;
            margin-bottom: 3px;
		}
	        		
		#header
		{
            clear: both;
			float: left;
            width: 940px;
			height: 255px;
            padding-bottom: 5px;
            border-bottom: 2px solid #e37c00;
            margin-bottom: 3px;
		}
        
    		#mainimage_rotator
    		{
    			clear: both;
    			float:left;
    			width: 470px;
                height: 255px;
    		}
            
    		#mainimage
    		{
    			float:left;
    			width: 470px;
                height: 255px;
    		}

		#mainbody
		{
			clear: both;
			float: left;
			width: 100%;
            background-color: #ffffff;
            padding: 20px 0px 20px 0px;
		}
            
			#content
			{
				float: left;
				width: 680px;
                padding: 0px 20px 0px 0px;
			}

			#right
			{
				float: left;
				width: 240px;
                padding: 0px;
                background-color: #ffffff;
			}
            
		#footermenu
		{
            clear: both;
    		width: 924px;
            height: 10px;
            line-height: 10px;
    		margin: auto;
    		text-align: left;
    		font-size:0.85em;
	        /*background: url(../images/header_bg.jpg) repeat-x;*/
	        background-color: #77b900;
            padding: 8px;
            color: #ffffff;
		}
        
			#footermenu a
			{
				color: #ffffff;
				font-weight: bold;
                text-decoration: underline;                
			}
            
        #footertext
		{
            clear: both;
    		width: 940px;
    		margin: auto;
			text-align: center;
			font-size:0.85em;
            padding: 10px 0px 10px 0px;
		}
        		
			#footertext a
			{
				font-weight: bold;
                text-decoration: underline;                
			}
            
        #logos
		{
            clear: both;
    		margin: auto;
			text-align: center;
			font-size:0.85em;
            padding: 20px 0px 10px 0px;
		}			

/* ********************************* */
/* *****  MENU  ******************** */
/* ********************************* */


#nav ul
{
	padding:0;
	margin:0;
	list-style-type: none;
	float:left;
    z-index: 50;
}
	#nav ul li
	{
		display: block;
		float: left;
		text-decoration: none;
		background: none;
		padding: 0px;
		margin: 0px;
		border-right: 1px solid #ffffff;
		height: 35px;
		line-height: 35px;
	}
		
		#nav ul li.item42
		{
			border-right: 0px;
		}
	
		#nav ul li a, #nav ul li a:visited, #nav ul li .separator
		{
			display: block;
			float: left;
            height: 35px;
            line-height: 35px;
			padding: 0px 12px 0px 12px;
			color: #ffffff; 
            font-weight: bold;  
		}
		
		#nav ul li a:hover, #nav ul li.active a
		{
			text-decoration: underline;
            color: #3d9b35;
            background: url(../images/header_bg_white.jpg) repeat-x;    
		}
			
			/* This rule tells our submenu to appear on hover over parent */
			#nav ul li ul
			{
				display: none;
			}
            
			#nav ul li:hover ul, #nav ul li.iehover ul
			{
				display:block;
				position:absolute;
				clear: both;
				margin: 0px;
				margin-top: 35px;
				border: 0px;
                border-top: 2px solid #e37e00;
            	z-index: 50;
			}
			
				#nav ul li:hover ul li ul, #nav ul li.iehover ul li ul
				{
					display: none;
				}
					#nav ul li:hover ul li, #nav ul li.iehover ul li
					{
                        clear: both;
						float: left;
                        padding: 0px;
                        margin: 0px;
                        width: 100%;
				        border: 0px;
                        height: 25px;
                        line-height: 25px;
                        width: 150px;
					}
					
					#nav ul li:hover ul li a, #nav ul li.iehover ul li a
					{
						display: block;
						text-decoration:none;
						color: #ffffff;
                        font-size: 0.9em;
                        margin: 0px;
                        width: 100%;
                        height: 25px;
                        line-height: 25px; 
                        background: #002596;
                        border-top: 1px solid #ffffff;
                        background: url(../images/header_bg_hover.jpg) repeat-x; 
					}				
					
					#nav ul li:hover ul li a:hover, #nav ul li.iehover ul li.iehover a:hover,
                    #nav ul li:hover ul li.active a
					{
				        background: #77b900;
						color: #ffffff;
					}

						/* This rule tells our sub submenu to appear on hover over parent*/
						#nav ul li:hover ul li:hover ul, #nav ul li.iehover ul li.iehover ul
						{
							display:none; 
						}

#toptext ul,
#footertext ul
{
	padding:0;
    margin: 0px auto; 
    display: inline;
	list-style-type: none;
	text-align: center;
}
	#toptext ul li, 
	#footertext ul li
	{
		background: none;
		text-align: center;
        display: inline;
        padding: 0px 5px 0px 0px;
        margin: 0px 5px 0px 0px;
	}
        
		#toptext ul li.item59,
		#footertext ul li.item59
		{
            border-right: none;
		}	
        
		#toptext ul li a, #toptext ul li a:visited, #toptext ul li .separator,
		#footertext ul li a, #footertext ul li a:visited, #footertext ul li .separator
		{
            display: inline;
			padding: 0px;
            text-decoration: none;
		}

        		
		#toptext ul li a:hover,
		#footertext ul li a:hover
		{
			text-decoration: underline;
		}

			#toptext ul li ul,
			#footertext ul li ul
			{
				display: none;
			}