body  
{ 
color: #000; 
font-size: 12px; 
font-family: Arial, verdana, Tahoma, sans-serif;
font-style: normal;
background-color: #fff;
background-image: url(images/Regal-Bkgrd.gif); 
background-repeat: repeat;
margin: 0; 
padding: 0 
}	 

img
{
border: 0;
}

/* Text Styles -------------------------------------------------------------------- */


h1 
{
margin: 5px 0 0 0;
font-size:2em;
font-weight:normal;
color:#005984;
font-family: Georgia;
text-transform: capitalize; /* force text to proper case */
}

h2 
{
margin: 5px 0 12px 0;
font-size: 1.55em;
font-weight: normal;
color: #41005a;
font-family: Georgia;
text-transform: capitalize; /* force text to proper case */
}

h3 
{
margin:5px 0 12px 0;
font-size:1.4em;
font-weight:normal; 
color:#000;
text-transform: capitalize; /* force text to proper case */
}

h4 
{
margin:0 0 -10px 0;
font-size:1em;
color:#000;
font-family: Georgia;
text-transform: capitalize; /* force text to proper case */
}

p
{
font-size: 1em;
line-height: 1.3em;
}

a
{ 
color:#9c6627; 
font-size: 1em;
}

a:link
{ 
color:#9c6627;
text-decoration: underline;
}

a:visited
{ 
color: #4f6774; 
text-decoration: underline;
}

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

a:active
{ 
color: #4f6774;
text-decoration: underline;
}

/* CLASS --------------------------------------------------------------------*/
/* Top, right, bottom, left */

.sub 
{
font-size:1.4em;
margin: 0px 0px 65px 0px;
color:#9c6627;
}

.slogan
{
color: #e0cfba;
font-size: 1.1em;
font-family: Georgia, times new roman, times, serif;
display: block;
margin: -3px 18px 0px 0px;
text-align: right;
}

.video 
{
margin: 5px 5px 5px 5px;
}

.nomargin 
{
margin: -10px 0px 0px 0px;
}

.smalltxt
{
font-size: .85em;
font-weight: normal;
color: #333;
font-family: arial, verdana;
}

.hltxt
{
font-size: 1em;
font-weight: bold;
color: #a8565c;
font-family: arial, verdana;
text-transform: capitalize;
}

.hltxt2
{
font-size: 1.08em;
font-weight: bold;
color: #3d567c;
font-family: arial, verdana;
}

.hltxt3
{
color: #3d567c;
font-family: arial, verdana;
font-size: .9em;
margin-left: 5px;
}

.details
{
font-size: .7em;
text-decoration: underline;
font-family: arial, verdana;
float: right;
margin-right: 50px;
}
.headingspace
{
margin-top: 25px;
margin-bottom: -5px;
}

input.custom
{
background: #F9F9F9;
border: 1px solid #333;
margin-top: 2px;
margin-right: 2px;
font-size: 1em;
}

textarea.custom
{
background: #F9F9F9;
border: 1px solid #333;
margin-top: 2px;
font-size: .85em;
}

input.postal
{
background: #F9F9F9;
border: 1px solid #a8565c;
margin-top: 2.1px;
font-size: 2em;
margin-bottom: 5px;
}

input.postalbutton
{
background: #F9F9F9;
border: 1px solid #333;
font-size: 1em;
font-weight: bold;
margin-right: 2px;
padding: 3px;
}

input.submit
{
display: block;
width: 129px;
height: 42px;
border: 0;
cursor: pointer;
font-size: 0;
}

/* LAYOUT --------------------------------------------------------------------*/


#container
{
width: 998px;
font-size: 1em;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
background-image: url(images/Regal-ContentBkgrd.png); 
background-repeat: repeat-y;
}

#header
{
width: 990px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 4px;
}

#bottom
{
width: 990px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 4px;
}

#end
{
width: 990px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 4px;
background-image: url(images/Regal-footerBkgrd.png); 
background-repeat: no-repeat;
background-position: top;
}

/* NAV --------------------------------------------------------------------*/
/* Top, right, bottom, left*/


#topnav 
{
margin: 10px 1px 0px 0px;
width: 659px;
float: right;
}


#sidenav 
{
margin: 20px 0px 0px 10px;
width: 300px;
float: left;
}


/*MENUS --------------------------------------------------------------------*/
/* Top, right, bottom, left */

#topmenu
{
height: 25px;
background-image: url(images/Regal-topmenuBkgrd.png); 
background-repeat: no-repeat;
background-position: bottom;
margin: 10px 0px 0px 0px;
}

#topmenu ul 
{
font-size: .8em;
line-height:normal;
margin:0;
padding:0;
list-style:none;
}

#topmenu li 
{
float: right;
margin:0;
padding:0px 20px 8px 15px;
}

/* #top #topmenu li.navdivide
{
margin-top: 8px;
padding:0;
background-image: url(Images/nav-div.gif); 
background-position: right;
background-repeat: no-repeat;
}*/

#topmenu a 
{
float:left;
display:block;
color:#9c6627;
text-decoration: none;
white-space:nowrap;
font-family: arial, verdana;
}

#topmenu > ul a 
{
width:auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a 
{
float:none;
}
/* End IE5-Mac hack */


#topmenu a:hover 
{
color:#617f9b;
}

#sidenav img 
{
margin: 5px 0px 0px 8px;
padding: 0;
}

#sidenav #menu ul 
{
display:block;
margin: 0;
padding: 10px 0px 0px 0px;
width: 300px;
}

#sidenav #menu li 
{
padding: 0;
display: block;
border-bottom: #f4ede2 dotted 1px;
}

#sidenav #menu li#first 
{
background: none;
}

#sidenav #menu span 
{
color: #005984;
font-size: 1.5em;
font-family: Georgia, times new roman, times, serif;
display: block;
}

#sidenav #menu li a 
{
display: block; 
text-decoration:none;
color:#829726;
padding: 6px 0px 6px 9px;
font-size: .9em;
font-family: Arial,Helvetica,sans-serif;
}

#sidenav #menu li a:hover 
{
background:#f4ede2;
}

#sidenav #menu li#signin 
{
margin: 0;
color: #000;
}

#sidenav #menu li#signin span
{
margin: 0;
padding: 0px 0px 0px 30px;
}

#sidenav #menu li#signin  a 
{
border-bottom: 2px solid #579fc2;
background-image: url(images/key-signin.gif); 
background-repeat: no-repeat;
background-position: left;
height: 25px;
padding-top: 8px;
}


/* SECTION NOTE --------------------------------------------------------------------*/
/* Top, right, bottom, left */

#section-note 
{
margin: 14px 0px 10px 18px;
padding: 4px 0px 14px 0px;
width: 300px;
/*	background-image: url(images/grd-blue.png); 
background-repeat: no-repeat;
background-position: top;*/
background-color: #fafee7;
border-left: 1px solid #579fc2;
float: right;
}

#section-note h3
{
color: #829726;
font-size: 1.3em;
font-family: Georgia, times new roman, times, serif;
padding: 6px 6px 0px 6px;
}

#section-note p
{
color: #000;
font-size: .9em;
font-family: Georgia, times new roman, times, serif;
line-height: 1.2em;
padding: 0px 6px 0px 6px;
}

#section-note a 
{
background:#579fc2;
background-image: url(images/key-signin.jpg); 
background-repeat: no-repeat;
height: 25px;
padding-top: 8px;

}

#section-note  a:hover 
{
background:#579fc2;
color: #000;
}

/* MAIN BODY --------------------------------------------------------------------*/
/* Top, right, bottom, left */

#mainbody
{
text-align: left;
padding: 10px 0px 0px 0px;
margin: -7px 1px 0px 0px;
width: 658px;
float: right;
}

#mainbody-photo
{
font-size:2em;
margin: -10px 0px -120px -13px;
color:#9c6627;
display: block;
width: 671px;
height: 150px;

}

#mainbody table
{
font-size: 1em;
}


#mainbody ul,p,h1,h2,h3
{
padding-right: 10px;
}

#mainbody ul
{
font-size: 1em;
line-height: 1.4em;
list-style: circle;
}

#mainbody ol
{
font-size: 1em;
line-height: 1.4em;
}

.main-colour
{
background-image: url(images/main-colour.png); 
background-repeat: repeat-x;
background-position: top;
}


/* LINKS --------------------------------------------------------------------*/
/* Top, right, bottom, left */

#links 
{
font-size: 1em;
line-height:normal;
margin: 10px 0px 5px 10px;
display:block;
clear: both;
}

#links ul 
{
font-size: .8em;
line-height:normal;
margin:0;
padding:0;
list-style:none;
}

#links li 
{
margin:10px 3px 0px 3px;
padding:0;
width: 236px;
height: 234px;
border: 1px solid #abcfe0;
float:left;
}

#links a 
{
display:block;
color:#e0cfba;
text-decoration: none;
font-family: Arial, verdana;
}

#links > ul a 
{
width:auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#links a 
{
float:none;
}
/* End IE5-Mac hack */


#links a:hover 
{
color:#617f9b;
}

#links h2
{
display: block; 
text-decoration:none;
color:#000;
padding: 10px 0px 0px 10px;
margin: 0;
font-size: 1.7em;
font-weight: normal;
font-family: Georgia, times new roman, times, serif;
z-index: 1;
position: relative;
}

#links p.inset
{
display: block; 
text-decoration:none;
color:#000;
padding: 10px 0px 0px 10px;
margin: 0;
font-size: 1em;
font-family: Arial,Helvetica,sans-serif;
width: 75px;
text-align: left;
z-index: 1;
position: relative;
}


#links img
{
padding: 0;
z-index: 0;
position: absolute;
margin: 0;
}


/* FOOTER --------------------------------------------------------------------*/
/* Top, right, bottom, left */

#footer
{
margin: 0px 0px 0px 0px;
padding: 8px 8px 3px 8px;
clear: both;
}

#footer a
{
color: #ceab7a;
text-decoration: none;
}

#footer ul { padding: 0; }
#footer ul li { display: inline; }

#footer ul
{
margin: 0;
padding: 0;
font-size: .9em;
font-weight: normal;
height: 18px;
width: 750px;
}

#footer ul li a
{
padding: 8px 10px 0px 10px;
color:#3d567c;
text-decoration: none;
float: left;
border: none;
text-align: center;
}

#footer ul li a:hover
{
color: #a8565c;
}

#footer #navlist
{
margin: 0;
padding: 5px 0px 0px 10px;
}

ul.navlist
{
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}


#footer #logos
{
margin: -22px 20px 0px 0px;
padding: 0;
text-align: right;
}

#footer #copyright
{
padding: 0px 10px 10px 15px;
margin-top: 8px;
}


#footer p.footer-copyright
{
color: #ceab7a;
font-size: .8em;
line-height: 12px;
text-align: left;
}


/* POP UP ----------------------------------------------------------------- */
/* Top, right, bottom, left */


caption, th, td 
{
font-weight:normal;
text-align:left;
}

blockquote:before, blockquote:after, q:before, q:after 
{
content:"";
}

blockquote, q 
{
quotes:"" "";
}

a
{
cursor: pointer;
text-decoration:none;
}

br.both
{
clear:both;
}

#backgroundPopup
{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #3d567c;
z-index:1;
}

#popupContact
{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:385px;
width:479px;
background:#FFFFFF;
border:1px solid #3d567c;
z-index:2;
right: 0;
}
#popupCatalogue
{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:600px;
width:795px;
background:#FFFFFF;
z-index:2;
right: 0;
}
#popupContactClose
{
font-size: 1em;
position:absolute;
text-align: center;
height: 5px;
right: 0;
}


#button
{
text-align:center;
margin: 5px 5px 5px 5px;
float: right;
cursor: pointer;
}


/* SLIDE SHOW ----------------------------------------------------------------- */
/* Top, right, bottom, left */


#slideshow {
    position:relative;
    height:410px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    margin: -10px -10px 0px 0px;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* CATALOGUE VIEWING --------------------------------------------------------------------*/
/* Top, right, bottom, left */

#catalogue 
{
line-height:normal;
margin: 15px 0px 15px 0px;
display:block;
clear: both;
}

#catalogue ul 
{
font-size: .8em;
line-height:normal;
margin:0;
padding:0;
list-style:none;
}

#catalogue li 
{
margin:0;
padding:5px 25px 15px 0px;
width: 300px;
height: 218px;
float:left;
}

#catalogue a 
{
display:block;
color:#e0cfba;
text-decoration: none;
font-family: Arial, verdana;
}

#catalogue > ul a 
{
width:auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#catalogue a 
{
float:none;
}
/* End IE5-Mac hack */


#catalogue a:hover 
{
color:#617f9b;
}

#catalogue h2
{
display: block; 
text-decoration:none;
color:#000;
padding: 0;
margin: 1px 0px 0px 6px;
font-size: 1.6em;
font-family: Georgia, times new roman, times, serif;
}

#catalogue p.inset
{
display: block; 
text-decoration:none;
color:#000;
padding: 0;
margin: 10px 0px 0px 6px;
font-size: 1.1em;
font-family: Arial,Helvetica,sans-serif;
text-align: left;
}


#catalogue img
{
padding: 0;
margin: 0px 0px 0px 0px;
display: block;
float: left;
}

/* STARTER KITS --------------------------------------------------------------------*/
/* Top, right, bottom, left */

.container {
	width: 600px;
	margin: 0 auto;
	font-size: 1em;
}

h2.trigger {
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 600px;
	font-size: 1.4em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #000;
	text-decoration: none;
	display: block;
}

h2.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-bottom: 1px solid #d6d6d6;
	overflow: hidden;
	font-size: 1em;
	width: 600px;
	clear: both;
}

.toggle_container .block 
{
	padding: 20px;
}

.toggle_container .block p
{
	padding: 5px 0;
	margin: 5px 0;
	font-size: 1em;
}

.toggle_container h3 
{
	font: 1.4em;
	margin: 0 0 5px;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #f4ede2;
}

.toggle_container img 
{
	float: left;
	margin: 0px 15px 100px 0;
	padding: 0;
}

.toggle_container h4 
{
	margin: 16px 0 0 5px;
	padding: 0 0 2px 0;
	font-weight: normal;
	font-size: 1.3em;
}


/* NEW F.A.R TABLE ----------------------------------------------------------------- */

.farlist
{
font-size: 1em;
padding: 0px;
margin: 0px;
font-family: arial, verdana;
width: 95%;
}

.farlist td
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
border-top: 1px solid #999;
width: auto;
font-size: 1em;
}

.farlist td a
{
font-size: 1em;
}

.farlist th
{
font-size: 1em;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin: 0px;
text-align: left;
background-color : #000;
color: #FFF;
height: 12px;
}


.farlist tr.Odd 
{
background-color : #faf9f5;
}

.farlist tr.Even 
{
background-color : #FFF;
}    


/* NEW EVENT LIST TABLE ----------------------------------------------------------------- */

.eventlist
{
font-size: 1em;
border-top: 1px solid #999;
padding: 0px;
margin: 0px;
font-family: arial, verdana;


}

.eventlist td
{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom: 1px solid #999;
font-size: .9em;
text-transform: capitalize;
}

.eventlist td a
{
font-size: .9em;
}



/* IF WE WERE USING TABS FOR NAV --------------------------------------------------------------------*/

/* change the #current state to use body id's and place id's on each li
body.one #menu li.one
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.two #menu li.two
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.three #menu li.three
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.four #menu li.four
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.five #menu li.five
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.six #menu li.six
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}
body.seven #menu li.seven
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}

body.one #menu li.one a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.two #menu li.two a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.three #menu li.three a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.four #menu li.four a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.five #menu li.five a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.six #menu li.six a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}
body.seven #menu li.seven a
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}


change the #current state to use body id's and place id's on each li 
#menu #current 
{
background-image:url(../tab_left_on.gif);
border-width:0;
font-weight:bold;
}

#menu #current a 
{
background-image:url(../tab_right_on.gif);
padding-bottom:6px;
color:#000000;
text-shadow: #6B7B3F 2px 2px 2px;
}*/