BODY
{
text-align:center;
scrollbar-face-color: #728CA4;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color: #728CA4;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-base-color: #fff;
}

a
{
text-decoration:none;
color:#fff;
}

.link
{
color:#728CA4;
text-decoration:underline;
}

.bgimage
{
height:122px;
}

.contents
{
background-color:#fff; 
width: 760px; 
height: auto;
font: 10 verdana;
color:#ffcc00;
border: 1px solid #728CA4;
text-align:center;
background-image:url(images/hometown-header.gif);
background-position:top left;
background-repeat:no-repeat;
padding-top:82px;
}

.divsearch
{
height: auto;
font: 10 verdana;
color:#ffcc00;
border:0px dashed magenta;
width:760px;
background-color:#728CA4;
margin:0px;
padding:0px;
text-align:right;
}

h1
{
font:bold 11px verdana;
color:#002D59;
}

h2
{
font:bold 12px verdana;
color:#ffffff;
margin:0px;
margin-top:4px;
}

h3
{
font:bold 9px verdana;
color:#ffffff;
margin:0px;
}

font
{
font:bold 10px verdana;
color:#728CA4;
margin:0px;
padding:0px;
}

.adddetails
{
background-color:#728CA4;
border:0px solid #000000;
font:12px verdana;
color:#ffffff;
padding:3 5 5 5;
width:500px;
margin-left:50px;
}

h6
{
background-color: #728CA4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height:auto;
width: auto;
}

.heading
{
font:bolder 14px verdana;
color:#728CA4;
}

select
{
font: 10 verdana;
color:#7287B6;
}

.textheader
{
font:bolder 14px verdana;
}

.disclaimer
{
background-color:#728CA4;
font:9px verdana;
color:#ffffff;
width:760px;
}

.disclaimer a
{
color:#fff
}

.intro
{
font:11px verdana;
color:#000;
text-align:left;
background-color:#E6E7E8;
border:0px solid #ffcc00;
width:600px;
margin-left:4px;
margin-top:4px;
padding:5px;
float:left
}

.adddetails table
{
font:bold 10px verdana;
color:#ffffff;
}

.intro img
{
float:right;
border:1px solid #000;
margin:5px;
}

.navbar
{
float:left;
width:150px;
background-color:#002D59;
margin-top:4px;
height:800px;
}

.divHeader
{
width:600px;
text-align:center;
border:3px solid #ffcc00;
background-color: #B0BCD7;
}

.textbox
{
background-color:#fff;
border:1px solid #000000;
font:11px verdana;
color:#000;
}

.datebox
{
background-color:#fff;
border:1px solid #728CA4;
font:bold 14px verdana;
color:#000;
margin:0px;
padding:0px;
}

.tblSearchFields
{
border: 0px dashed #fff;
padding:0px;
margin:0px;
background-color: #728CA4;
color:#fff;
height:17px;
}

.list
{
font:10px;
height:17px;
}

.topmenu
{
border: 2px dashed #fff;
width: 650px;
margin:10px 10px 10px 50px;
background-color: #E6E7E8;
color:#fff;
text-align:center;
padding:10px;
}

.divDataFields
{  
padding-left:20px;
border: 0px dashed #fff;
background-color: #728CA4;
text-align:center;
color:#fff;
}

.CustomerList
{
OVERFLOW: scroll; 
HEIGHT: 500px; 
text-align:center;
border:0px solid red;
width:580px;
}

.field
{
font:9px verdana;
height:15px;
padding:0px;
}

input
{
font:9pt verdana;
color: #000;
height:20px;
}

FORM
{
FONT-SIZE: 10pt;
color: #330066;
FONT-FAMILY: verdana;
}

TD
{
FONT-SIZE: 9pt;
FONT-FAMILY: verdana;
}

.SortingGridUp
{
BORDER-RIGHT: #999999 2px outset;
BORDER-top: #e4ecf5 1px outset;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
BORDER-left: #e4ecf5 1px outset;
CURSOR: hand;
color: #2d1663;
BORDER-BOTTOM: #adc3e4 1px outset;
FONT-FAMILY: verdana;
height: 1px
}

.SortingAscending
{
BORDER-RIGHT: #e4ecf5 2px inset;
BACKGROUND-position: right center;
BORDER-top: #adc3e4 1px inset;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
BACKGROUND-IMAGE: url(images/UpArrow.gif);
BORDER-left: #adc3e4 1px inset;
CURSOR: hand;
color: #FFF;
BORDER-BOTTOM: #e4ecf5 1px inset;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana;
height: 1px
}

.SortingDescending
{
BORDER-RIGHT: #e4ecf5 2px inset;
BACKGROUND-position: right center;
BORDER-top: #adc3e4 1px inset;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
BACKGROUND-IMAGE: url(images/DownArrow.gif);
BORDER-left: #adc3e4 1px inset;
CURSOR: hand;
color: #FFF;
BORDER-BOTTOM: #e4ecf5 1px inset;
BACKGROUND-REPEAT: no-repeat;
FONT-FAMILY: verdana;
height: 1px
}

tr
{
CURSOR: hand;
TEXT-ALIGN: left;
PADDING-left : 4px;
}

.DataTable
{
BORDER-RIGHT: 0px solid;
BORDER-top: thin solid;
FONT-WEIGHT: normal;
font: 20px verdana;
BORDER-left: 0px solid;
BORDER-BOTTOM: 1px solid;
FONT-FAMILY: verdana;
height: 1px
Behavior: url(TableSortAndHighlight.htc);
}


.SortingGridUp
{
BORDER-RIGHT: highlight inset 1px;
FONT-WEIGHT: normal;
FONT-SIZE: 8pt;
CURSOR: hand;
color: highlight;
BACKGROUND: menu;
FONT-FAMILY: verdana;
height: 1px
}

.DataCol
{
font: 8pt verdana;
}

.button
{
background:#E6E7E8;
font:bold 10px Verdana, sans-serif;
color: #667;
border:0px solid #002D59;
border-left:6px solid #002D59;
height:15px;
}

#navcontainer
{
margin-top:10px;
}

#navlist
{
padding: 0 1px 1px;
margin-left: 0;
font: bold 10px Verdana, sans-serif;
background: #002D59;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid #002D59;
text-align: left;
width:100%;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #728CA4;
background: #E6E7E8;
text-decoration: none;
}

#navlist li a:link { color: #667; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FFFFFF;
color: #000;
background: #cccccc;
}