body {
	background-image: url('../directory_images/cnvbkgnd.jpg'); background-repeat: repeat;
	margin: 0px 0px 0px;
	padding: 0px;
}

.alternating
{
	background-color:#eeeeee;
	color:darkslategray;
}

.alternating_old
{
	background-color:#eeeeee;
}

.alternating {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: right;
	background-color: #DCDCDC;
	color:navy;
	border-bottom:solid 1px darkslategray;
	text-align:left;
}

.alternating td
{
	border-bottom:solid 1px darkslategray;
	text-align:left;
	color:darkslategray;
}

.alternating td
{
	border-bottom:solid 1px navy;
}

.block {
display: block;
}

.body_navy{
background-image: url('../images/All_Pages/pgBackground_navy.jpg');
margin: 0px 0px 0px;
padding: 0px;
}

.body_white{
background-color: white;
}

.body_gray{
background-image: url('../images/postcards/gray_bkgrd.jpg');
margin: 0px 0px 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color:navy;
}

.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.confirm_center {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
color:navy;
}

.confirm_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
color:navy;
}

.card_error_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: left;
color:red;
}

.card_error_center_white {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: white;
color:red;
}

.card_error_center_yellow {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: palegoldenrod;
color:red;
}

.cursor_hand {
cursor: pointer;
}

.dragHandle {
	position:relative;
	width:10px;
	height:15px;
	background-color:Blue;
	cursor:move;
	border:outset thin white;
}

.error_msg {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Bold;
text-align: left;
color:red;
}

.feedback {
	color:#00cc00;
	font-weight: 700;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
color:navy;
}

.footer_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left;
color:navy;
}

.footer_link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

.footer_right {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
color:navy;
}

.grid
{
	font:12px Arial, Sans-Serif;
}
.grid th
{
	padding:10px;
}

.grid td
{
	padding:10px;
}

.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #DCDCDC;
color:navy;
}

.header_center {
text-align:center;
}

.header-gray
{
	text-align:left;
	color:darkslategray;
	font-weight:bold;
	background-color:gainsboro;
}

.header_grid {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
background-color: #DCDCDC;
color:navy;
}

.header_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: white;
}

.header_white_bkgrd {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #FFFFFF;
color:navy;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: right;
color:navy;
}

.label_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color:white;
}

.text_center_12 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: center;
color: navy;
}

.link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: center;
color:navy;
}

.menu_vert_style {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: center;
	width: 142px; 
	border: 2px #808080 outset ;
}
.modalBackground {
	background-color:#slategray;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.modalPopup img {
	border: solid 5px #fff;
}

.modalPopup-text {
	display: block;
	color: #000;
	background-color: #fff;
	text-align: center;
	border: solid 2px #000;
	padding: 10px;
}

.modalPopup-text input {
	width: 75px;
}

.normal_text_10 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: black;
}

.order_smry {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color:navy;
}

.pet-border {
	border: 1px dimgray solid;
}

.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#efefef;
}

.popupHover {
	background-color:#efefef;
}

.reorderListDemo li {
	list-style:none;
	margin:2px;
}

.reorderListDemo li a {color:#000000 !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.row {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: right;
	background-color: #FFFFFF;
	color:navy;
	border-bottom:solid 1px darkslategray;
	text-align:left;
}

.row_left {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left;
color:navy;
}

.row_right {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: right;
color:navy;
}

.row td
{
	border-bottom:solid 1px darkslategray;
	text-align:left;
	color:darkslategray;
}

.row td
{
	border-bottom:solid 1px navy;
}
.style5-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 5px; 
	margin-right: 5px;
	text-align: center;
}

.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	text-align: left;
}

.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: left;
}
.style8 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.style8-small {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.style8-xsmall {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.style9 {
	font-size: small;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

.style9-xsmall {
	font-size: x-small;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.style10 {
	font-size: small;
	font-weight: bold;
}

.style10-xsmall {
	font-size: x-small;
}

.style10-xsmall-center {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.style11 {
	text-align: right;
}

.style11-xsmall-center {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.style12 {
	border-style: solid;
	border-width: 0px;
	padding: 1px 4px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.style12 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.style12-border {
	border-style: solid;
	border-width: 1px;
	padding: 1px 4px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.style12-xsmall {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.style13 {
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.style13-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	text-decoration: underline;
	background-color: gainsboro;
	border-top: 0px lightgrey solid;
	border-left: 1px lightgrey solid;
	border-bottom: 1px dimgray solid;
	border-right: 1px dimgray solid;
}

.style13-center-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
	background-color: gainsboro;
	border-top: 0px lightgrey solid;
	border-left: 1px lightgrey solid;
	border-bottom: 1px dimgray solid;
	border-right: 1px dimgray solid;
}

.style13-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	text-align: left;
	vertical-align: bottom;
	text-decoration: none;
	background-color: gainsboro;
	border-top: 0px lightgrey solid;
	border-left: 1px lightgrey solid;
	border-bottom: 1px dimgray solid;
	border-right: 1px dimgray solid;
}
.style13-small-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	text-decoration: none;
	background-color: gainsboro;
	border-top: 1px lightgrey solid;
	border-left: 1px lightgrey solid;
	border-bottom: 0px dimgray solid;
	border-right: 1px dimgray solid;
}

.style14 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-left: 40px;
}

.style15 {
	text-align: right;
	font-size: small;
}
.style16 {
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.style17 {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin-bottom: 0px;
}

.subject {
width: 39%;
border-left: 1px solid navy;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 120%;
padding-left: 10px;
vertical-align: middle;
}

.tab_link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

.text_entry {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-align: left;
color:black;
}


.text_entry
{
	text-align: left;
	font-size: x-small;
	font-weight: normal;
	height: 15px;
	vertical-align: text-top;
}

.text_entry
{
	text-align: left;
	font-size: 0.90em;
	font-weight: normal;
	height: 15px;
	vertical-align: text-top;
}

.title {
width: 39%;
border-left: 1px solid navy;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 120%;
padding-left: 10px;
vertical-align: middle;
}

ul {
	padding: 0px;
	margin: 0px;
}

ul li {
	float: left;
	width: 140px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-transform: uppercase;
	height: 30px;
	background-image: url("/directory/images/button_bkgrd_808080.png");
	text-decoration: none;
}

ul li a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 40px;
	width: 142px;
	padding-left: 8px;
}

ul li:hover {
	background-image: url("../directory/images/button_bkgrd_666666.png");}

ul li ul li {
	background-color: #666666;
}
ul li ul li:hover {
	background-color: #333333;
}
ul li ul {
	visibility: hidden;
}
ul li:hover ul {
	visibility: visible;
}

.validate
{
	text-align: left;
	color: red;
	font-size: x-small;
	font-weight: bold;
}