body {
	margin: 0px;
	padding: 0px;
	background-color:#fff;
	background-repeat: repeat-x;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#wrap {
	margin: 0px auto;
	text-align: left;
	width: 998px;
}
/********************** Header ***************************/
#toplogo{
	height: 80px;
	width: 998px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background:#FFF;
}
#toplinks{
	left: 450px;
    position: absolute;
    top:30px;
	width: auto; 
	height: auto;
}
#toplinks a {
	color:000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#topslide{
  width:998px;
  margin:auto 0px;
  height:150px;
}
#hm_banner
{
	width:998px;
  margin:auto 0px;
  height:368px;
}
.ddsmoothmenu {
	height :31px;
	width: 998px;
	top:100px;
	overflow: auto;
	color:#FFF;
	font: 11px Verdana;
	background:url(site_images/nv.jpg);
}
/***************************menu*****************************/

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background:url(btnzbg.jpg); /*background of menu items (default state)*/
color: white;
padding: 8px 18px;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #E57C45; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 11px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/********************** Content ***************************/
#content {
	background-color:#fff;
	width: 998px;
	margin:auto 0px;
}
#supportContent
{
	background-color:#0000;
	width: 798px;
	margin:auto 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#wndw
{
	background-color:#666;
	width: 998px;
	margin:auto 0px;
	height:20px;
}

/********************** Content - left ***************************/
#leftlinks {
	background-color: #ffffff;
	border: 1px solid #c2bdaa;
	width:200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	top:20px;
	display:inline;
}
.text{
	float:left;
	width:422px;
}
.photos{float:right;}
.photos img{display:block;}


/********************** Content - left ***************************/
#left {
	background-color: #ddd8c6;
	border: 1px solid #c2bdaa;
	width:440px;
	margin: 0px 0px 10px 28px;
	padding: 0px 0px 15px 0px;
	float:left;
	display:inline;
}
.text{
	float:left;
	width:422px;
}
#left h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #4d4b4a;
	text-decoration: underline;
	margin: 20px 0px 10px 23px;
}
#left p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:lighter;
	color: #4d4b4a;
	margin: 6px 0px 0px 23px;
}
#left a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;color: #4d4b4a;
}
#left a:hover{
	color:#000000;
}
.photos{float:right;}
.photos img{display:block;}

/********************** Content - left1 ***************************/
#left1 {
	background-color: #ddd8c6;
	border: 1px solid #c2bdaa;
	width:822px;
	margin: 0px 0px 10px 28px;
	padding: 0px 0px 15px 0px;
	float:left;
	display:inline;
}
.text1{
	float:left;
	width:822px;
}
#left1 h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #4d4b4a;
	text-decoration: underline;
	margin: 20px 0px 10px 23px;
}
#left1 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px
	font-weight:lighter;
	color: #4d4b4a;
	margin: 6px 0px 0px 23px;
}
#left1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;color: #4d4b4a;
}
#left1 a:hover{
	color:#000000;
}

/********************** Content - left2 ***************************/
#left2 {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	width:160px;
	margin: 0px 0px 10px 28px;
	padding: 0px 0px 15px 0px;
	float:left;
	display:inline;
}
.text1{
	float:left;
	width:722px;
}
#left2 h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#993366;
	width:156px;
	text-align:center;
	padding: 3px 0px 3px 0px;
}
#left2 p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px
	font-weight:lighter;
	color: #4d4b4a;
	margin: 6px 0px 0px 23px;
}
#left1 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;color: #4d4b4a;
}
#left1 a:hover{
	color:#000000;
}

/********************** Content - right ***************************/
#right {
	float:right;
	width:156px;
	background-color:#ffffff;
	margin: 0px 23px 10px 0px;
	padding: 0px 0px 6px 0px;
	display:inline;
	border: 0px solid #993366;
}
#right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#993366;
	width:156px;
	text-align:center;
	padding: 3px 0px 3px 0px;
}
#right p{
	padding: 10px 9px 0px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
}
#right a{
	padding: 15px 9px 5px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4d4b4a;
	font-weight:bolder;
	display:block;
}
#right a:hover{
	color:#000000;
}
#right span a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #605c4c;
	text-decoration: none;
	text-transform: uppercase;
	background-color:#993366;;
	width:138px;
	text-align:right;
	padding: 3px 0px 3px 5px;
	margin: 15px 6px 0px 6px;
}

/********************** footer ***************************/
#footer, #footer a {
	background-color:  #993366;
	width: 880px;
	height:22px;
	text-align:center;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color:#ffffff;
}
#footer a:hover{
	color:#000000;
}
#BottomLinks {
	
	width: 880px;
	height:30px;
	z-index:104;
	background-color: #666666;
}
#reference {
	
	width: 880px;
	height:30px;
	z-index:104;
	background-color: #999999;
	color:#000000;
}
