body {
	margin: 0px;
	padding: 0px;
	/* background-color: #DEDEDE; */
	font-family: "arial", sans-serif;
}

a img {
	border-style: none;
}

h1 {
	font-size: 1.7em;
	color: red;
	margin: 0 0;
	padding: 0 0;
	letter-spacing: .1em;
}

h2 {
	font-size: .96em;
	color: black;
	font-family: "arial", sans-serif;
	margin: 0 0;
	padding: 0 0;
	letter-spacing: .05em;
}

h3 {
	font-size: .96em;
	color: red;
	font-family: "arial", sans-serif;
	margin: 0 0;
	padding: 0 0;
	letter-spacing: .05em;
}

.smallbox {
/*	margin: 0 20px;
*/
font-size: .75em;
}

.bigbox a {
	color: black;
	text-decoration: underline;
}
.bigbox a:hover {
	color: red;
	text-decoration: underline;
}

#footer a {
	color: black;
	text-decoration: underline;
}

#footer a:hover{
	color: red;
	text-decoration: underline;
}

#submenu a{
	color: black;
}

#submenu a:hover{
	color: red;
}

.bigbox {
	margin: 0 20px;
	font-size: .85em;
}

/*	font-size: small; 
}


 ######### IE SBMH hack ########

* html body {
	margin: 50px 0px;
	padding: 0px;
	text-align: center;
	
font-size: x-small; /* for IE5/Win 
f\ont-size: small; /* for other versions of IE */


/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#wholepage {
	width: 800px;
	margin: 20px auto;
	text-align: left;
	min-height: 600px;
	min-width: 800px;
}

#headliner {
	background-color: white;
	width: 100%;
	height: 143px;
	min-width: 800px;
}

#logo {
	margin: 0 0 0 5px;
	float: left;
	height: 110px;
	width: 26%;
	min-width: 175px;
}

#content {
	background: url(images/hr_bar.gif) repeat-x top left;
	padding-top: 3%;
	padding-bottom: 5%;
	width: 100%;
	height: 325px;
}

#nbtext {
	float: left;
	margin: auto auto;
	padding: 40px 0 0 0;
	height: 50px;
	width: 48%;
	min-width: 378px;
}

#contact {
	background: url(images/brackets.gif) no-repeat top left;
	margin: 0 0;
	float: left;
	font-size:  .75em;
	font-family: "Arial";
	padding-top: 50px;
	padding-left: 2px;
	height: 75px;
	width: 200px;
}

#contact a {
	color: blue;
}

#footer {
	float: left;
	width:100%;
	background: url(images/thickbar.png) no-repeat top left;
	position: fixed;
	margin: 0 auto;
	bottom: -20px;
}

#nav {
	float: left;
	position: relative;
	left: 175px;
	/*margin: 0 0 0 175px;*/
	/*padding: 0 0 0 175px;*/
	width:625px;
	/* to align in firefox, image must be at bottom of div, not ul */
	background: url(images/hr_bar.gif) repeat-x top;
}

#nav ul{
	/* -5px margin brings the div up to the border of headliner and content*/
	margin: 5px 0 0 0;
	/*padding: 0 0 0 25%;*/
	list-style: none;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 0 0 0px;
	font-family: "Lucida Grande", sans-serif;
	font-size: .75em;
	/*letter-spacing: .05em;*/
	/*background: url("images/button_dark_right.gif") no-repeat right top;*/
	background: url("images/vbar_red2.gif") no-repeat left top;
}

#nav a {
	float: left;
	display: block;
	margin: 0 1px 0px 0;
	/* the bottom padding here should be the bottom padding of the active button minus the 
	height of the hr_red image that separates the header and content*/
	padding: 3px 20px 6px 20px;
	font-weight:bold;
    color:#3f3f3f;
	text-decoration: none;
	/*background: url("images/button_dark_left.gif") no-repeat left top;*/
}

#nav li.firstlink {
	background: none;
}

#nav #nav-current a {
color: red;
padding-bottom: 7px;
/*background: url("images/button_fore_left.gif") no-repeat left top;*/
}

#nav #nav-current {
	/*background: url("images/button_fore_right.gif") no-repeat right top;*/
}

#nav a:hover {
	font-weight:bold;
    color: red;
}

#submenu {
	float: left;
	/*margin: 10px 0;*/
}
#submenu ul{
	margin: -10px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
#submenu li {
	margin: 0;
	padding: 0 0 0 0px;
	font-family: "Lucida Grande", sans-serif;
	font-size: 75%;
}
#submenu img {
	position: relative;
	top: 7px;
}
#submenu a {
	display: block;
	margin: 0 1px 6px 20px;
	/* the bottom padding here should be the bottom padding of the active button minus the 
	height of the hr_red image that separates the header and content*/
	/*padding: 3px 2px 6px 20px;*/
	cursor: pointer;
}

#submenu a:hover {
	cursor: default ;
}

#divDetails {
	float: left;
	min-width: 500px;
	min-height: 350px;
	font-family: "arial", sans-serif; 
	font-size: .75em;
}
#divLabel h3 {
	font-family: "arial", sans-serif; 
	font-size: .75em;
}


.divServices {
	margin: 1px;
	float: left;
	width: 160px;
	min-width: 150px;
}
.rotator {
	z-index: 100;
}

/*XXXXXXXXXXXX white info box XXXXXXXXXXXXXXXXX*/

/* set the image to use and establish the lower-right position */ 
.cssbox_white, .cssbox_body_white, .cssbox_head_white, .cssbox_head_white h2 {
    background: transparent url(images/gridpanel_7.gif) no-repeat bottom right; 
} 

/*
    width: 335px !important;  intended total box width - padding-right(next)
    width: 320px; IE Win = width - padding 
*/

.cssbox_white { 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px; /* use to position the box */ 
	color:#3F3F3F;
}

.cssbox_white_wide { 
    width: 635px !important; /* intended total box width - padding-right(next) */
    width: 620px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px; /* use to position the box */ 
	color: #707070;
}

/* set the top-right image */ 
.cssbox_head_white { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
}

/* set the top-left image */ 
.cssbox_head_white h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 5px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: red;
} 

/* set the lower-left corner image */ 
.cssbox_body_white { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
	padding: 5px 0 5px 20px; /* mirror .cssbox_head right/left */ 
} 

/*******************************************/

/*XXXXXXXXXXXXXX brackets XXXXXXXXXXXXXXXXXX*/
a {
color: blue;
}

/* set the image to use and establish the lower-right position */ 
.cssbox_brackets, .cssbox_body_brackets, .cssbox_head_brackets, .cssbox_head_brackets h2 {
    background: transparent url(images/brackets8by8.gif) no-repeat bottom right; 
}


.cssbox_brackets { 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 5px; /* use to position the box */ 
	color: #3f3f3f;
} 

/* set the top-right image */ 
.cssbox_head_brackets { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head_brackets h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 5px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: black;
} 

/* set the lower-left corner image */ 
.cssbox_body_brackets { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 5px 0 15px 20px; /* mirror .cssbox_head right/left */ 
}

/* __________________________________________________*/


/*XXXXXXXXXXXX red/gray info box XXXXXXXXXXXXXXXXX*/
a {
color: blue;
}

/* set the image to use and establish the lower-right position */ 
.cssbox_gray, .cssbox_body_gray, .cssbox_head_gray, .cssbox_head_gray h2 {
    background: transparent url(images/box_highlight.gif) no-repeat bottom right; 
}

.cssbox_gray { 
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	margin: 5px; /* use to position the box */ 
	color: #3f3f3f;
} 

/* set the top-right image */ 
.cssbox_head_gray { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head_gray h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 5px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: red;
	font-size: 1.5em;
} 

/* set the lower-left corner image */ 
.cssbox_body_gray { 
    background-position: bottom left; 
    margin-right: 25px; /* interior-padding right */ 
    padding: 5px 0 15px 20px; /* mirror .cssbox_head right/left */ 
}

/*******************************************/

/* tablecells */
#services a {
	display: block;
}

td.cat {
	background-color: #f1f1f1; 
	border-style: none solid solid none; 
	border-width: 1px; 
	padding-right: 2px; 
	padding-left: 2px;
}

td.tit { 
	background-color: lightsteelblue;
	border-style: outset;
	border-width: 2px;
	font-family: Arial;
	font-variant: small-caps;
}