/* General layout */

body 
{
behavior: url("./htc/csshover.htc"); 
margin: 10px 10px 0 10px; 
padding: 0; 
color: #555555; /* Default colour of font */
background-color: #EEEEEE; /* Default colour of background */
font: 100% "trebuchet MS", verdana, arial, tahoma, sans-serif; /* % font size set to keep font sizes similar in IE and FF.  Fonts used in listed order, if none installed a sans-serif font will be used */
}

#leftbar 
{
position: absolute; /* Referenced to body, same width as level02 margin */
width: 10.0em; 
top: 10px; 
left: 10px; 
}

.videocreationslogo01 
{
float: left; /* Floated inside LeftBar */
width: 10.0em; 
height: 4.375em; 
margin: 0; 
padding: 0; 
border: 0px solid #555555; 
}

.primarynavigation /* Primary navigation */
{
list-style-type: none; 
float: left; /* Floated inside LeftBar */
width: 10.0em; 
margin: 1.25em 0 0 0; 
padding: 0; 
border-bottom: 1px solid #555555; 
color: #555555; 
background-color: #999999; /* Menu colour, second darkest */
}

.primarynavigation li 
{
border-top: 1px solid #555555; 
border-right: 1px solid #555555; 
border-bottom: 1px solid #999999; /* Not visible */
border-left: 1px solid #555555; 
}

.primarynavigation li:hover /* Open slide */
{
display: block; 
border-top: 1px solid #555555; 
border-right: 1px solid #555555; 
border-bottom: 1px solid #999999; /* Not visible */
border-left: 1px solid #555555;
color: #555555; 
background-color: #BBBBBB;  
}

.primarynavigation li span.submenu01 
{
display: none; 
}

.primarynavigation li:hover span.submenu01 /* Open slide, secondary text */
{
display: block; 
}

#level01 
{
width: 100%; 
color: #555555; 
background-color: #BBBBBB; /* LeftBar colour, second lightest */
}

#level02 
{
margin: 0 0 0 10.0em; /* LeftBar width */
padding: 0 0 0 10px; /* LeftBar line width */
color: #555555; 
background-color: #EEEEEE; /* Border colour, lightest */
}

#topbar /* Secondary navigation */
{
margin: 0; 
padding: 0; 
border: solid 0px #555555; 
color: #555555; 
background-color: #BBBBBB; /* TopBar colour, second lightest */
}

.googlesearchform01 
{
margin: 0; 
padding: 0; 
border: solid 0px #555555; 
}

.googlesearchsubmit01 /* Google search fieldset */
{ 
float: right; /* Floated inside TopBar */
margin: 0.25em 0 0.25em 0; 
padding: 0; 
border: solid 0px #555555; 
}

.googlesearchsubmit01 legend /* Form label */
{
display: none; /* Not visible */
}

.googlesearchsubmit01 label /* Field label */
{
display: none; /* Not visible */
}

.googlesearchbutton01 /* Button */
{
float: left; /* Floated inside TopBar form fieldset */
width: 4.5em; 
height: 1.7em; 
margin: 0; 
padding: 0; 
border-top: 1px solid #fff; 
border-right: 1px solid #000; 
border-bottom: 1px solid #000; 
border-left: 1px solid #fff; 
color: #555555; 
background-color: #BBBBBB; /* Button colour, second lightest */
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; 
text-align: center; 
}

.googlesearchbutton01:active /* Active button */
{
border-top: 1px solid #000; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
border-left: 1px solid #000; 
}

.googlesearchfield01 /* Field */
{
float: left; /* Floated inside TopBar form fieldset */
width: 13.25em; 
height: 1.5em; 
margin: 0 0 0 8px; 
padding: 0; 
border-top: 1px solid #000; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
border-left: 1px solid #000; 
color: #000; 
background-color: #fff; /* Field colour, white */
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; 
text-align: left; 
}

#advertisingbar 
{
margin: 0; 
padding: 0 0 4px 0; 
border: solid 0px #555555; 
color: #555555; 
background-color: #EEEEEE; /* AdvertisingBar colour, lightest */
}

.abnotice01 /* Floated inside AdvertisingBar */
{
float: left; 
width: 80px; 
height: 30px; 
margin: 4px 4px 0 0; 
padding: 0; 
border: 1px solid #EEEEEE; 
}

.ablogos01 
{
float: left; /* Floated inside AdvertisingBar */
width: 80px; 
height: 30px; 
margin: 4px 4px 0 0; 
padding: 0; 
border-top: 1px solid #555555; 
border-right: 1px solid #000; 
border-bottom: 1px solid #000; 
border-left: 1px solid #555555; 
}

.ablogos01:active /* Active button */
{
border-top: 1px solid #000; 
border-right: 1px solid #555555; 
border-bottom: 1px solid #555555; 
border-left: 1px solid #000; 
}

#level03 
{
position: relative; /* Referenced to Level02 */
width: inherit; /* IE will get width from Level01, the rest will get auto width from Level02 */
color: #555555; 
background-color: #EEEEEE; /* RightBar colour, lightest */
}

#rightbar /* Secondary navigation */
{
position: absolute; /* Referenced to body, same width as level04 margin */
width: 10.0em; 
top: 0; 
right: 0; 
}

.ppform01 
{
margin: 0 0 0.75em 0; 
padding: 0; 
border: solid 0px #555555; 
}

.ppsubmit01 /* Paypal payment fieldset */
{ 
float: left; /* Floated inside LeftBar */
margin: 0; 
padding: 0 0 0 3.0em; 
border: solid 0px #555555; 
}

.ppsubmit01 legend /* Form label */
{
display: none; /* Not visible */
}

.ppbutton01 
{
float: left; 
width: 60px; 
height: 30px; 
margin: 0; 
padding: 0; 
border: solid 0px #555555; 
}

#main /* Level_04 */
{
margin: 0 10.0em 0 0; /* RightBar width */
padding: 0 10px 0 0; /* RightBar line width */
color: #555555; 
background-color: #EEEEEE; /* Main area colour, lightest */
}

#tipboxA 
{
position: relative; /* Referenced to Main */
float: right; /* Floated inside Main */
width: 10.0em; 
margin: 0; 
color: #555555; 
background-color: #BBBBBB; /* TipBox, second lightest */
}

#tipboxB 
{
position: relative; /* Referenced to Main */
float: right; /* Floated inside Main */
width: 10.0em; 
margin: 0; 
color: #555555; 
background-color: #BBBBBB; /* TipBox, second lightest */
}

#tipboxC 
{
position: relative; /* Referenced to Main */
float: right; /* Floated inside Main */
width: 10.0em; 
margin: 0; 
color: #555555; 
background-color: #BBBBBB; /* TipBox, second lightest */
}

#bottombar /* Secondary navigation */
{
margin: 0; 
padding: 0; 
border: solid 0px #555555; 
color: #555555; 
background-color: #BBBBBB; /* BottomBar colour, second lightest */
}

.footerlogos01 
{
width: 80px; 
height: 28px; 
border: solid 0px #555555; 
}

/* Heading styles */

h1 
{
margin: 0; 
padding: 0 0 0 0.25em; 
color: #555555; 
background-color: #BBBBBB; /* Title bars colour same as LeftBar colour, second lightest */
font: normal 1.0em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Title bar font */
}

h2 
{
float: left; /* Floated inside LeftBar */
width: 10.0em; 
margin: 0; 
padding: 0; 
color: #555555; 
background-color: #999999; /* Menu colour, second darkest */
font: normal 1.0em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Title bar font */
}

h3 
{
margin: 0; 
padding: 0 0 0 0.25em; 
color: #555555; 
background-color: #BBBBBB; /* Title bars colour same as LeftBar colour, second lightest */
font: normal 0.5em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Title bar font */
}

h4 
{
float: left; /* Floated inside LeftBar */
width: 10.0em; 
margin: 0; 
padding: 0; 
color: #555555; 
background-color: #BBBBBB; /* Title bars colour same as LeftBar colour, second lightest */
font: normal 1.0em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Title bar font */
}

h5 
{
margin: 0; 
padding: 0 0 0 0.25em; 
color: #555555; 
background-color: #BBBBBB; /* Title bars colour same as LeftBar colour, second lightest */
font: normal 0.25em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Title bar font */
}

/* Paragraph styles */

.content01 
{
margin: 0 0 0.75em 0.25em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Main area font */
}

.content02 /* Border */
{
margin: 0 0 0.75em 0.25em; 
padding: 0.25em; 
border-top: 1px solid #555555; 
border-right: 1px solid #555555; 
border-bottom: 1px solid #555555; 
border-left: 1px solid #555555; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Main area font */
}

.title01 /* Underlined */
{
margin: 0 0 0.75em 0.25em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Main area font */
text-decoration: underline; 
}

.title02 /* Bold, Underlined */
{
margin: 0 0 0.75em 0.25em; 
padding: 0; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Main area font */
text-decoration: underline; 
}

.title03 /* Bold */
{
margin: 0 0 0.75em 0.25em; 
padding: 0; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Main area font */
text-decoration: none; 
}

.title04 /* Bold */ 
{
margin: 0 0 0 0.25em; 
padding: 0; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Main area font */
text-decoration: none; 
}

.topbar01 
{
float: left; 
margin: 0; 
padding: 0.25em 0 0.25em 0.25em; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* TopBar font */
}

.rightbar01 
{
margin: 0 0 0.75em 1.5em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* RightBar font */
}

.tipbox01 
{
margin: 0; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* TipBox font */
}

.tipbox02 
{
margin: 0; 
padding: 0; 
background-color: #EEEEEE; /* TipBox, lightest */
font: normal 0.25em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* TipBox font */
}

.list01 
{
margin: 0 0 0.75em 1.5em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* List font */
}

.list02 
{
margin: 0 0 0.75em 2.25em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* List font */
}

.maplist01 
{
margin: 0 0 0.75em 1.5em; 
padding: 0; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* List font */
}

.submaplist01 
{
margin: 0 0 0 0.5em; 
padding: 0; 
font: normal 1.0em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* List font */
}

.bottombar01 
{
margin: 0; 
padding: 0.25em 0 0.25em 0.25em; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* BottomBar font */
}

.footer01 
{
margin: 0.75em 0 0 0; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Footer font */
text-align: center; 
}

/* Span styles */

.menu01 
{
margin: 0; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Menu text */
}

.submenu01 
{
margin: 0 0 0 0.75em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Submenu text */
}

.information01 
{
margin: 0 0 0 0.25em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Form information font */
}

.information02 
{
display: none; 
margin: 0 0 0 0.25em; 
padding: 0; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Form information font, hidden */
}

.information03 
{
margin: 0 0 0 0.25em; 
padding: 0 0 0 0.25em; 
border: solid 0px #555555; 
font: bold 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif;  /* Form information font */
}

.enlarge01 
{
font: normal 1.25em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Horizontal bar span font */
}

.error01 
{
display: none; 
margin: 0 0 0 0.75em; 
padding: 0; 
color: #f00; 
background-color: transparent; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; /* Error information font, hidden */
}

.black01 /* Black */
{
color: #000; 
background-color: transparent; 
text-decoration: none; 
}

.white01 /* White */
{
color: #fff; 
background-color: transparent; 
text-decoration: none; 
}

.bold01 /* Bold */
{
background-color: transparent; 
font-weight: bold; 
}

.normal01 /* Normal */
{
background-color: transparent; 
font-weight: normal; 
}

.superscript01 /* Superscript */
{
background-color: transparent; 
font: normal 0.75em "trebuchet MS", verdana, arial, tahoma, sans-serif; 
vertical-align: top; 
}

.warning01 /* Red */
{
color: #f00; 
background-color: transparent; 
}

/* Clear floats */

.clear01 
{
clear: both; 
height: 0; 
font-size: 0; 
line-height: 0; 
}

.clear02 
{
clear: both; 
font: normal 1.0em "trebuchet MS", verdana, arial, tahoma, sans-serif; 
}

/* Default navigation link font settings, LVFHA */

a:link /* same as left01 with red */
{
color: #f00; 
background-color: transparent; 
text-decoration: none; 
}

a:visited 
{
color: #f00; 
background-color: transparent; 
text-decoration: none; 
}

a:focus 
{
color: #f00; 
background-color: transparent; 
text-decoration: underline; 
}

a:hover 
{
color: #f00; 
background-color: transparent; 
text-decoration: underline; 
}

a:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

/* Primary navigation link font settings, LVFHA */

.left01:link /* left01 */
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.left01:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.left01:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.left01:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.left01:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

/* Secondary navigation link font settings, LVFHA */

.top01:link /* same as left01 */
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.top01:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.top01:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.top01:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.top01:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

.right01:link /* same as left01 */
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.right01:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.right01:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.right01:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.right01:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

/* Breadcrumbs link font settings, LVFHA */

.top02:link /* same as left01 */
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.top02:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.top02:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.top02:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.top02:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

/* Main area link font settings, LVFHA */

.body01:link /* same as left01 with underline */
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.body01:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.body01:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.body01:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.body01:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

.body02:link /* same as left01 */
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.body02:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.body02:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.body02:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.body02:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}

.wvg01:link /* same as left01 */
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.wvg01:visited 
{
color: #555555; 
background-color: transparent; 
text-decoration: none; 
}

.wvg01:focus 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.wvg01:hover 
{
color: #555555; 
background-color: transparent; 
text-decoration: underline; 
}

.wvg01:active 
{
color: #fff; 
background-color: transparent; 
text-decoration: underline; 
}