body {
	margin: 0px 1% 20px 2%;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #777570;
	background-image: url(../images/bg7.gif);
	background-repeat: repeat;
	background-color: #fff;
	}
	
.width {width:99%; min-width:777px;   border-style: solid;  border-width: 1px;
  border-color: #fff;}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:777px solid #fff; position:relative; float:left; z-index:1;}
* html .container   {margin-left:-777px; position:relative; float:left; z-index:2;}

h1  {
	color:#777570;
  	font-weight : normal;
  	font-size: 110%;
	margin-top: -1px;
	margin-bottom: 0px;
	}

a {
	text-decoration: none;
	font-weight: normal;
	color:  #777570;
	outline: none;
	}
a:visited {
	color:  #777570;
	}
a:active {
	color:  #777570;
	text-decoration: underline;
	}
a:hover {
	color: #777570;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
	
img.floatLeft{ background-color: white; float:left; margin: 0 8px 0 -8px; }
    
img.thumbleft{
	height: 87px;
	width: 100px;
	border: 0px;
	padding-right: 8px;
	float:left;
	}
	
img.thumbright{
	height: 87px;
	width: 100px;
	border: 0px;
	padding-left: 8px;
	float:right;
}

#note {
	position: absolute;
	top: 10px;
	text-align: center;
	font-size: 80%; 
	color:#d0cdc3; 
	z-index:-10;
	
}

#note h1 {
	font-size: 80%; 
	color:#d0cdc3; 
}	
 
#top {
	margin: 0 0 0;
	padding: 5px;
	text-align: right;
	background: #d0cdc3;
	background-image: url(../images/bgleft.jpg);
	background-repeat: no-repeat;
	font-size: 70%;
	height: 17px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 17px;
	}

#top a:visited {font-weight: normal;}

	
html>body #top {
	height: 17px; /* ie5win fudge ends */
	}


#toplist li# {
	display: inline;
	list-style-type: none;
	padding-left: 20px;
	}
	
#header {
	margin: 0 0 0;
	padding: 0px;
	border: 0;
	background: #fff;
	background-image: url(../images/cavalier_logo.gif);
	background-repeat: no-repeat;
	height: 56px;
	}

#header h1 {font-size: 80%; color:#d0cdc3; text-align: center;}

.footer {
	display:block; 
	background:#fff; 
	font-weight : normal;
  	font-size: 70%;
	color:#777570; 
	text-align:left; 
	padding:5px;
	
	}
#date {
	text-align: right;
	float: right;
	padding-right:5px;
	}
	
#container {
position:relative; 
display:block; 
background:#fff; 
border-left:194px solid #ece9e0; 
border-right:147px solid #d0cdc3; 
overflow:visible;
}

#border {
position:relative; 
display:block; 
background:#fff; 
padding: 10px;}

* html #container {display: inline-block;}
#left {float:left; position:relative; width:194px; margin-left:-194px; display:inline; }
* html #left {width:194px;}
#right {float:right; position:relative; width:147px; margin-right:-147px; display:inline; z-index:1; }

.clear {clear:both;height:1px;overflow:hidden;}

#midcontainer {position:relative; display:block; background:#ece9e0; border-left:238px solid #ece9e0; overflow:visible;}
* html #midcontainer {display:inline-block;}
#midleft {float:left; position:relative; width:238px; margin-left:-238px; display:inline;}
* html #midleft {width:238px;}


#address {
  display:block;
  padding: 8px 0px 8px 8px;
  font-size: 60%;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #fff;
  }
  
#form {
  display:block;
  background: #d0cdc3;
  padding: 8px 0px 115px 8px;
  font-size: 60%;
  position:relative;  z-index:2;
  }



#heading {
  color:#777570;
  background:#ece9e0;
  font-weight : normal;
  font-size: 110%;
  display:block;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #fff;
  padding: 8px 0 8px 8px;
  }
  
#subheading  {
  background: white url(../images/poly_right.gif);
  min-height:131px;
  font-weight : normal;
  font-size: 80%;
  height:auto;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #fff;
  padding: 0 8px;
  
  }  

/* for Internet Explorer */
/*\*/
* html #subheading  {
height: 131px;
}

#midtext {
  display:block;
  padding: 8px 8px 8px 8px;
  font-size: 80%;
  }


 .textStrong {color: #f42941;}
 .label1 {color: #f42941; font-weight: bold;}
 .label2 a:link {font-weight: bold;}
 .label2 a:hover {text-decoration: underline;}


   
#midtextcenter {
  display:block;
  padding: 8px 8px 8px 8px;
  font-size: 80%;
  text-align: center;
  }

#midtexttop {
  text-align: center;
  padding: 8px 8px 8px 8px;
  font-size: 80%;
  float: left;
  }
   
#enqtop{
  color:#fff;
  background:#7f9db9 url(../images/blueshine.gif);
  background-repeat: no-repeat;
  font-weight : normal;
  font-size: 110%;
  display:block;
  border-style: solid;
  border-width: 1px 0px 1px 0;
  border-color: #fff;
  padding: 8px 0 8px 8px;
  }

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:1em; color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}

#Menu{
  width:194px;
  text-align:left;
  font-weight : normal;
  margin:0px 0px 0px 0px;
  list-style:none;
  padding:0px 0px;
  text-decoration:none;
}

#Menu li.on {  
  color:#fff;
  background:#7f9db9 ;
  display:block;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #fff;
}

#Menu li.subon{  
  color:#fff;
  background:#777570;
  font-weight : normal;
  font-size: 75%;
  display:block;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #fff
}

#Menu li.off {
  color:#fff;
  background:#f42941 url(../images/redshine.gif);
  background-repeat: no-repeat;
  font-weight : normal;
  display:block;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #fff;
}

#Menu li.off a:hover, #Menu li.on a {
  color:#fff;
  background:#7f9db9 url(../images/blueshine.gif);
  background-repeat: no-repeat;
  font-weight : normal;
  position: relative;
  display:block;
  border-style: solid;
  border-width: 1px 0px -1px 0px;
  border-color: #fff;
}

#Menu li.fill {
  background:#f42941;
  height: 14px;
  display:block;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #fff
}

#Menu li.fill a{ 
	width:90%; 
	text-decoration:none; 
  background:#f42941 url(../images/blankpix.gif);
  background-repeat: no-repeat;
	display:block;
	height: 14px;
	padding: 0px 0 0px 8px; 
	border-style: solid; 
	border-width: 0px 1px 0px 0px; 
	border-color: #fff
    }
    
/* mac hide \*/	
* html #Menu li.fill{
width:194px;w\idth:194px;float:right;
} 
* html #Menu li.fill a{float:left}
/* end hide*/


    
#Menu li.suboff{
  color:#fff;
  background:#d0cdc3;
  font-weight : normal;
  font-size: 75%;
  display:block;  
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #fff
}


#Menu li a { 
	width:90%; 
	text-decoration:none; 
	color:#fff; 
  background:#f42941 url(../images/redshine.gif);
  background-repeat: no-repeat;
	font-size: 110%; 
	font-weight: normal; 
	display:block; 
	padding: 8px 0 8px 8px; 
	border-style: solid; 
	border-width: 0 1px 0 0; 
	border-color: #fff
   
 }
 
#Menu li.suboff a{
  width:90%;
  text-decoration:none;
  color:#777570;
  background:#ece9e0;
  font-weight:normal;
  display:block;
  padding: 8px 0 8px 8px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #fff
}

#Menu li.suboff a:hover{
  width:90%;
  text-decoration:none;
  color:#777570;
  background:#d0cdc3;
  font-weight:normal;
  display:block;
  padding: 8px 0px 8px 8px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #fff
}

#Menu li.subon a{
  width:90%;
  text-decoration:none;
  color:#777570;
  background:#d0cdc3;
  font-weight:normal;
  display:block;
  padding: 8px 0px 8px 8px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #fff
}


#MidMenu{

  font-weight : bold;
  min-height: 87px;
  margin:0px 0px 0px 1px;
  list-style:none;
  padding:0px 0px;
  text-decoration:none;
}

#MidMenu li.suboff{
  color:#fff;
  background:#ece9e0;
  font-weight : normal;
  font-size: 70%;
  display:block;  
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #fff;
  min-height: 87px
}

/* for Internet Explorer */
/*\*/
* html #MidMenu  {
height: 87px;
}

#MidMenu li.suboff a{
  width: 95%;
  text-decoration:none;
  color:#777570;
  background:#ece9e0;
  font-weight:normal;
  display:block;
  padding: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #fff;
  min-height: 87px
}

#MidMenu li.suboff a:hover{
  width: 95%;
  text-decoration:none;
  color:#777570;
  background:#d0cdc3;
  font-weight:normal;
  display:block;
  padding: 8px 8px 8px 8px;
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #fff;
  min-height: 87px
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
font-family: verdana, arial, helvetica, sans-serif;
color: #777570;
font-size: 70%;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
background-color: #f42941;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}