/*@import url(reset.css);*/
@import url(WebView.css);

body 
{
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  background-color:#e7e7e7;
  text-align: center;
}

/*-------( @Links )--------------------------------*/
a:link, a:visited, a:active
{ 
  text-decoration: none;
  color:#990000;
}

a:hover 
{ 
  text-decoration: none;
  color: #330099;
}

a.mslink:link, a.mslink:visited, a.mslink:active
{ 
  text-decoration: none;
  color:#990000;
	font-size: 11px;
}

a.mslink:hover 
{ 
  text-decoration: underline; 
  color: #330099;
	font-size: 11px;
}

a.sitemap:link, a.sitemap:visited, a.sitemap:active
{
	font-family: arial, helvetica, sans-serif;
	color: #000066;
	font-size: 12px;  
	text-decoration: none; 
}

a.sitemap:hover 
{
	font-family: arial, helvetica, sans-serif;
	color: #666666;
	font-size: 12px; 
	text-decoration: none;
}

a.small
{
	font-size: .7em;
}

table.menu  a:link, table.menu  a:visited, table.menu  a:active
{
  text-decoration: none;
	color: #fff;
	font-size: .7em;
}

div#box a:link, div#box a:visited, div#box a:active
{
	text-decoration: none;
  color:#900;
}

div#box a:hover
{
	text-decoration: underline;
  color:#900;
}
/*-----( END )-----------------------------------------------*/

td { text-decoration: none;}

/*-----( @Headings )-----------------------------------------*/
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
/*-----( END )-----------------------------------------------*/


form { margin: 0 auto; }

#box
{
  background-color: #efefef;
  height: 300px;
  width: 120px;
  font-size: 11px;
}

#box ul
{
	list-style-image: url('../images/bullet2.gif');
	margin: 1em .5em 1em 3em;
	padding: 0 0 0 0;
	text-align: left;
}

#box li { padding: 0 0 .5em 0; }

/* fixes a problem where IE puts a space after every image */
img { vertical-align: bottom; }

#copyright
{
	border: solid 1px #903;
	width: 748px; 
	height: 24px; 
	background-color: #903; 
	color: #FFF;
	font-size: .7em;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

#copyright p
{
	margin: 4px;
	padding: 0;
	display: block;
}

/*-------( @Store Locator )--------------------------------*/
form#storelocator { font-size: .9em; }

form#storelocator h3
{
	margin: 5px;
	color: #5A865A;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
}

form#storelocator p
{
	margin: 5px;
	text-align: left;
	font-size: .9em;
}

form#storelocator input { font-size: .9em; }
/*-----( END )-----------------------------------------------*/

/*-------( @Main Container )--------------------------------*/
div#container
{
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	text-align: center; /*IE hack*/
	background-color: #fff;
	width: 750px;
}
/*-----( END )-----------------------------------------------*/

div#map
{
	width: 650px; 
	height: 400px;
	margin-left: auto;
	margin-right: auto;
}

div#map a:link, div#map a:visited, div#map a:active
{ 
  font-size: 11px;
  text-decoration: underline;
  color:#990000;
}

div#map a:hover
{ 
  font-size: 11px;
  text-decoration: underline;
  color: #330099;
}

div#one-column
{
	width: 325px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  padding: 0px 0px 0px 7px;
}

div#two-columns
{
	width: 550px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0px 0px 0px 7px;
}

div#left-col
{
	float: left;
	width: 325px;
}

div.right-col
{
	float: left;
	/*width: 175px;*/
	margin-right: 10px;
	font-size: 11px;
}

div.vertical-bar
{
	background-color: Black;
	width: 2px; 
	height: 170px;
	float: left;
	margin-top: 8px;
}

/*-------( @Divider )---------------------------------------*/
div.litegrey-border
{
	height: 4px;
	width: 750px;
	background-color: #d4d0c8;
	margin-left: auto;
  margin-right: auto;
	border: none;
	text-align: center; /*IE hack*/
}

div.grey-border
{
	height: 4px;
	width: 750px;
	background-color: #999;
	margin-left: auto;
  margin-right: auto;
	border: none;
	text-align: center; /*IE hack*/
}

div.darkgrey-border
{
	height: 4px;
	width: 750px;
	background-color: #636563;
  margin-left: auto;
  margin-right: auto;
  border: none;
	text-align: center; /*IE hack*/
}

div.litegrey-border  hr
{
	display: none;
	margin: 0px;
	padding: 0px;
}
/*-----( END )-----------------------------------------------*/

#missionStmt
{
	color:#666; 
	font-size: .7em;
	margin-top: .5em;
}

.address { float:left; }

fieldset
{
  padding: 5px;
  margin-bottom: 5px;
}

fieldset legend
{
	font-weight: bold;
	padding: 5px;
}

table#servicesCBList
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}

table.servicesCBList td
{
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.message
{
	list-style-image: url('../images/bullet.gif');
	margin: 1em .5em 1em 2em;
	padding: 0;
}

/*-------( @Zebra-grid )-----------------------------------*/
.zebragrid
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 700px;
	font-size: 11px;
}

/*.zebragrid tr, th, td { padding: 3px 8px; }*/

.zebragrid a:link, .zebragrid a:visited, .zebragrid a:active
{ 
  font-size: 11px;
  text-decoration: underline;
  color:#990000;
}

.zebragrid a:hover
{ 
  font-size: 11px;
  text-decoration: underline;
  color: #330099;
}

.zebragrid-contents { 	font-size: 11px; }

table#searchResults img
{
  float: left;
  margin: 5px;
}

.zebragrid-right { float: right; }
/*-------( END )-------------------------------------------*/


/*-----( END )-----------------------------------------------*/

 .floatleft 
      { 
        float:left; 
        text-align: left;
        margin-bottom: 5px;
      }
      
      .sButton
      {
        background-color: #999;
	      border: #999 1px solid;
	      color: #ffffff;
        font-size: 11px;
        font-weight: bold;
	      padding: 0px;
      }