/* Elements */

/* Fonts - change 'sans-serif' to your preferred font */
ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {font-size: 1em;
font-family: sans-serif}

/* Real styles */

A {cursor: auto}

A:link {color: #363;
background: transparent;
text-decoration: underline;
font-weight: normal;
cue-before: url("linkon.wav"); cue-after: url("linkoff.wav");
stress:60;
richness:60 }

A:visited {color: #999;
background: transparent;
text-decoration: underline;
font-weight: normal;
cue-before: url("sounds/linkon.wav"); cue-after: url("sounds/linkoff.wav");
stress:60;
richness:60 }

A:active {color: #c99;
background: transparent;
text-decoration: underline;
font-weight: normal}

A:hover {color: #9c9;
text-decoration: underline;
font-weight: normal}

A.menu:link {color: #fff;
background: transparent;
text-decoration: none;
font-weight: bold;
cue-before: url("linkmenu.wav");
stress:70;
richness:70 }

A.menu:visited {color: #ccc;
background: transparent;
text-decoration: none;
font-weight: bold;
cue-before: url("linkmenu.wav");
stress:70;
richness:70 }

A.menu:active {color: #fcc;
background: transparent;
text-decoration: none;
font-weight: bold}

A.menu:hover {text-decoration: normal;
color: #9c9;
font-weight: bold}


ADDRESS {margin: 0em 0% 0em 0%;
font: italic 1em/1 sans-serif}

BIG {font-size: 1em}

BLOCKQUOTE {margin: 0em 0% 0em 0%;
line-height: 1}

BODY {margin: 0em 0% 0em 0%;
font: 1em/1 arial,helevetica,sans-serif;
background-color: #996;
background-image: url(cuttingimages/backgrad.jpg);
background-repeat: repeat-x;
cursor: default;
line-height:1.2}

BUTTON {cursor: auto}

CAPTION {margin: 0em 0% 0em 0%;
line-height: 1;;
stress:40;
richness:40}

CODE {font-size: 1em;
font-family: monospace} /* To avoid overriding boldness/italicity by using font */

DIV {margin: 0em 0% 0em 0%;
line-height: 1}

DD {margin: 0em 0% 0em 0%;
line-height: 1}

DL {	margin: 0px 4% 0px 15%;
	padding: 1em; 2% .5em 4%;
background:#fff;}

DT {margin: 0em 0% 0em 0%;
line-height: 1}

H1 {margin: 1.4em 4% 0em 5%;
font: 1.2em/1 arial,helevetica,sans-serif;
color: #363;
font-weight: bold;
voice-family: female;
pause-before: 200%;
pause-after:150%;
cue-before: url("headerone.wav");
stress:95;
richness:95}

H2 {margin: 1.2em 4% 0em 10%;
font: 1.1em/1 arial,helevetica,sans-serif;
color: #363;
font-weight: bold;
voice-family: female;
pause-before: 150%;
pause-after:125%;;
cue-before: url("headertwo.wav");
stress:85;
richness:85}

H3 {margin: 1.2em 4% 0em 12%;
font: 1em/1 arial,helevetica,sans-serif;
color: #363;
font-weight: bold;
voice-family: female;
pause-before: 150%;
pause-after:125%;
stress:70;
richness:70}

H4 {margin: 1em 4% 0em 0%;
font: 1em/1 arial,helevetica,sans-serif;
color: #363;
font-weight: bold;
voice-family: female;
pause-before: 150%;
pause-after:125%;;
stress:60;
richness:60}

H5 {margin: 1em 4% 0em 0%;
font: 1em/1 arial,helevetica,sans-serif;
color: #363;
font-weight: bold;
voice-family: female;
pause-before: 150%;
pause-after:125%;
stress:60;
richness:60}

H6 {margin: 1em 4% 0em 0%;
font: 1em/1 arial,helevetica,sans-serif;
color: #363;
font-weight: bold;
voice-family: female;
pause-before: 150%;
pause-after:125%;
stress:60;
richness:60}

HR {margin: 0em 0% 0em 0%;pause-before: 150%;
pause-after:125%;}

HTML {margin: 0;
/*background: white*/}

IMG.ILLUSTRATION {border: 1px solid #666;float:right;}

INPUT {cursor: auto}

KBD {font: 1em monospace}

LI {margin: 0em 0% 0em 0%;
line-height: 1;
stress:45;
richness:45;
 }

OL {
	margin: 0px 4% 0px 15%;
	padding: 1em; 2% .5em 4%;
list-style: decimal;
pause-before: 125%;
pause-after:115%;}

UL {
	margin: 0px 4% 0px 15%;
	padding: 1em; 2% .5em 4%;
list-style: disc;
pause-before: 125%;
pause-after:115%;}


UL UL OL OL, UL OL UL OL, OL UL OL OL, OL OL UL OL, OL UL OL, OL OL {list-style: lower-alpha;
pause-before: 125%;
pause-after:115%;
}

OL UL OL OL, OL OL UL OL, UL OL OL OL, OL OL OL {list-style: lower-roman;
pause-before: 125%;
pause-after:115%;
}

OL OL OL OL {list-style: decimal;
pause-before: 125%;
pause-after:115%;
}

P {
	margin: 0px 4% 0px 12%;
	padding: 1em; 2% .5em 4%
	line-height: 1.2;
	pause-before: 115%;
	pause-after:115%;
	voice-family: female;
}

P.secondtier {
	margin: 0px 4% 0px 4%;
	padding: 1em; 0% .5em 0%
	line-height: 1.2;
	pause-before: 115%;
	pause-after:115%;
	voice-family: male;
	}

P.navitem {	background-color: #cc9;
	text-decoration: none;
    margin: 5px 5px 5px 5px;
    background: #333;
	background-image: url(images/buttonback.gif);
	background-repeat: repeat-all; 
    border: 2px solid black;
	padding:2px;
	text-align: center;
	width:100%}
	
P.ahem {
	display:	none;
	speak:none;
	}

PRE {margin: 0em 0% 0em 0%;
	font: 1em/1 monospace}

SAMP {font: 1em monospace}

SMALL {font-size: .8em;
stress:30;
richness:30 }

SPAN.spell {speak:spell-out;}

SUB {font-size: .8em;
stress:30;
richness:30 }

STRONG {
font-size: 1em;
font-weight: bold;
stress:60;
richness:60 }

SUP {font-size: 1em;
stress:30;
richness:30 }

TD {line-height: 1;
pause-before: 125%;
pause-after:115%;}

TEXTAREA {cursor: text}

TH {font: bold 1em/1 sans-serif;
pause-before: 125%;
pause-after:115%;}

TT {font: 1em monospace}





#menu {z-index: 50;
	position: absolute;
	width:150px;
	background-image: url(cuttingimages/greygrill.gif);
	border: 2px solid black;
	top: 110px; 
		margin: 5px 5px 5px 5px;
	}

div.main {z-index:20;
position: absolute;
width:66%;
 /*  width:  75%; bogus value for WinIE5 */
    padding: 8% 8% 8% 8%; /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    margin: 5px 5px 5px 5px;
/* background: #fff;*/
	background-image: url(cuttingimages/grill.gif);
	border: 2px solid black;
	font: 1em/1 arial,helevetica,sans-serif;
	cursor: default;
	top: 100px;left: 27%;
}

div.maininner {z-index:21;
width:100%;
 /*  width:  75%; bogus value for WinIE5 */
    padding: 5px 5 px 5px 5px; /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    margin: 5px 5px 5px 5px;
	background: #fff;
	font: 1em/1 arial,helevetica,sans-serif;
	cursor: default;
		border: 1px solid black;
}

div.mainhome {z-index:20;
position: absolute;
width:45%;
 /*  width:  75%; bogus value for WinIE5 */
    padding: 8% 8% 8% 8%; /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    margin: 5px 5px 5px 5px;
/* background: #fff;*/
	background-image: url(cuttingimages/grill.gif);
	border: 2px solid black;
	font: 1em/1 arial,helevetica,sans-serif;
	cursor: default;
	top: 120px;left: 27%;
}

div.maininnerhome {z-index:21;
width:100%;
 /*  width:  75%; bogus value for WinIE5 */
    padding: 5px 5 px 5px 5px; /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    margin: 5px 5px 5px 5px;
	background: #fff;
	font: 1em/1 arial,helevetica,sans-serif;
	cursor: default;
		border: 1px solid black;
}
	
div.secondtier {z-index: 50;
	position: absolute;
	width:150px;
	background-image: url(cuttingimages/blackgrill.gif);
	border: 2px solid black;
	top: 500px; 
	margin: 5px 5px 5px 5px;
	}
	
div.stierinner {z-index: 51;
	width:100%;
	color:#fff;
	background: #666;
	border: 1px solid white;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	}
	
	div.secondtierhome {z-index: 50;
	position: absolute;
	width:25%;
	background-image: url(cuttingimages/blackgrill.gif);
	border: 2px solid black;
	top: 120px;
	left: 75%; 
	margin: 5px 5px 5px 5px;
	}
	
div.stierinnerhome {z-index: 51;
	width:100%;
	color:#fff;
	background: #666;
	border: 1px solid white;
	margin: 5px 5px 5px 5px;
	padding: 3px 3px 3px 3px;
	}
	
#bgimage {		z-index:1;
	position: absolute;
	top: 220px;
	left: 20%;
	width:500px;
	height:375px;
	background-image: url(cuttingimages/test3still.gif);
	background-repeat: no-repeat;
}

#bgimageani {		z-index:1;
	position: absolute;
	top: 220px;
	left: 20%;
	width:500px;
	height:375px;
	background-image: url(cuttingimages/test3.gif);
	background-repeat: no-repeat;
}

div.test {	z-index:10;
	position: absolute;
	top: 20px;
	left: 0px;
	width:120%;
	height:60px;
	background-image: url(cuttingimages/glowbarstill.gif);
	border: 2px solid black;
	cursor: default;
}	

div.testani {	z-index:10;
	position: absolute;
	top: 20px;
	left: 0px;
	width:120%;
	height:60px;
	background-image: url(cuttingimages/glowbarani.gif);
	border: 2px solid black;
	cursor: default;
}	
		
#logo {	z-index:40;
	position: absolute;
	top: 0px;
	left: 0%;
	width:229px;
	height:113px;
	background-image: url(cuttingimages/backcircle.gif);
	background-repeat: no-repeat; 
/*    border: 2 px solid #000;*/
}	

div.banner {	z-index:11;
	position: absolute;
	top: 40px;
	left: 250px;
	width:100%;
	height:60px;
	cursor: default;
	color:#fff;
	font-style: italic;
	font-size: 30px;
	font-weight: bold;
}