<style type="text/css">

#SiteContainer{
margin:10px;
width: 650px;
height: 20px;
border: 0px solid black;
-moz-border-radius:0px;
-webkit-border-radius:0px;
behavior:url(border-radius.htc);
z-index:400;
}

#NavContainer{
position:absolute;
margin-top: 10px;
padding: 10px;
width: 200px;
height: 80%;
left:15px;
border: 2px solid #f60;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
z-index:500;
background: #ccc;
}

/* Transparent leftPanel */ 
div.transbox{
position:absolute;
width: 250px;
height: 100%;
margin: 0px 0px;
 /* These three lines are for transparency in all browsers. */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter:alpha(opacity=60);
opacity:0.6;
overflow: auto;   
/* default background colour, for all layout engines that don't implement gradients */
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
background: #fff;
}

/* SitePanel */ 
div.transbox2{
position:absolute;
width: 96%;
height: 96%;
Top: 1%;
Right: 3%;
Bottom: 3%;
Left: 1%;
padding:0px;
z-index:400;
background: #bbb;
background-image:url('diamondplatetilelight.gif');
border: 2px solid #000;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

body{
margin:0;
padding:0;
background:#bbb;
background-image:url('images/Index/Orangepattern.gif');
}

div.Logo {
position:absolute;
width: 250px;
height: 100%;
Top: 6px;
Right: 0;
Bottom: 0;
Left: 0;
z-index:5;
}

#HTMLpageElement{
position:absolute;
top:10px;
left:280px;
width:640px;
margin: 0px 0px 0px 0%;
height:660px; 
z-index:3;
background:#fff;
border: 10px solid #f60;
-moz-border-radius:10px;
-webkit-border-radius:10px;
 behavior: url(border-radius.htc);
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
 }

/* Orange Buttons */ 
#LeftNav2 a:link {
float: left;
Top: 10px;
Right: 10px;
Bottom: 10px;
Left: 10px;
padding: 4px;
width: 190px;
border-top: 2px solid #bbb;
border-bottom: 2px solid black;
border-left: 2px solid #bbb;
border-right: 2px solid black;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:900;
text-decoration: none;
line-height: 22px; font-size:16px;
color: #fff;
background: #333;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
}

#LeftNav2 a:visited{
float: left;
Top: 10px;
Right: 0;
Bottom: 10px;
Left: 0;
padding: 4px;
width: 190px;
border-top: 2px solid #bbb;
border-bottom: 2px solid black;
border-left: 2px solid #bbb;
border-right: 2px solid black;
background: #f60;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:900;
text-decoration: none;
color: #fff;
background: #333;
line-height: 22px; font-size:16px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
}

#LeftNav2 a:hover{
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:900;
text-decoration: none;
line-height: 22px; font-size:16px;
color:#fff; 
background: #f60;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
}

#LeftNav2 a:active{
border-bottom: 2px solid #eeeeee;
border-top: 2px solid black;
border-right: 2px solid #eeeeee;
border-left: 2px solid black;
color:black; 
background: #fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;
behavior:url(border-radius.htc);
position:relative; top:1px; left:1px;
}

/* Gray Buttons */ 
#LeftNav3 a:link {
  float: left;
Top: 10px;
Right: 0;
Bottom: 10px;
Left: 0;
padding: 4px;
width: 190px;
  border-top: 2px solid #bbb;
  border-bottom: 2px solid black;
  border-left: 2px solid #bbb;
  border-right: 2px solid black;
  background: #f60;
  text-align: center;
  text-decoration: none;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight:900;
	color:black; line-height: 22px; font-size:17px;
	color: #fff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);
}

#LeftNav3 a:visited
{
  float: left;
Top: 10px;
Right: 0;
Bottom: 10px;
Left: 0;
padding: 4px;
width: 190px;
  border-top: 2px solid #bbb;
  border-bottom: 2px solid black;
  border-left: 2px solid #bbb;
  border-right: 2px solid black;
  background: #f60;
  text-align: center;
  text-decoration: none;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight:900;
	text-decoration: none;
	color:black; line-height: 22px; font-size:17px;
	color: #fff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);
}
#LeftNav3 a:hover
{
   text-decoration: none;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight:900;
	text-decoration: none;
	color:black; line-height: 22px; font-size:17px;
	color: #000;
	background: #fff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);
}

#LeftNav3 a:active{
border-bottom: 2px solid #eeeeee;
  border-top: 2px solid black;
  border-right: 2px solid #eeeeee;
  border-left: 2px solid black;
  -moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior:url(border-radius.htc);
	position:relative; top:1px; left:1px;
}