* {	padding: 0px; margin: 0px; font-size: 13px; font-family: arial;}
html {height: 101%;}
table {	color: #4C4C4C;}
#pagebox input[type="text"] {width: 450px;}
#pagebox textarea {width: 450px;}
body {background: #F3F6E4 url(bkg.png) repeat-x;text-align: center;	color: black;}

#template {	border: solid 0px red;	margin: 0 auto;	text-align: left;width: 980px;}
#top-logo { height: 163px; width: 139px;position: absolute;	z-index: 2001;margin-left: 15px;}
ul {list-style-type: none;}
li{	list-style-type: none;}

/*----------------------------------- TOP LINK BAR (above menu)  -------------------------------------------*/

#top-header {background: #9DB735; height: 30px;	border-bottom: solid 1px #8A8A8A;width: 969px;	margin: 0 auto;} 
#top-links {float: right;padding-right: 10px;padding-top: 8px;height: 16px;width: 500px;margin-left: 160px;
    font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-align: right;color: #666666;}

#top-search {float: right;height: 25px;width: 250px;padding-top: 2px;padding-right: 2px;padding-left: 2px;text-align: center;
	background-color: #CBC56F;border-top: 1px dotted #CBC56F;border-right: 1px dotted #CBC56F;border-bottom: 1px dotted #CBC56F;border-left: 1px solid #666666;}

/*--------------------- TOP LINKS MENU ----------------------------------*/
#link-menu-nav { text-decoration:none; border:solid 0px blue; }
#link-menu-nav li  {list-style: none;display: inline;padding-right: 4px;padding-left: 4px;}
#link-menu-nav a:link,#link-menu-nav a:visited,#link-menu-nav a:active,#link-menu-nav a:hover 
  {font-size: 10px; display: inline-block;color: white;text-align: center;text-decoration: none;text-transform: capitalize;border: solid 0px red;}

#link-menu-nav a:hover, #link-menu-nav a:link[selected="true"],#link-menu-nav a:visited[selected="true"],#link-menu-nav a:active[selected="true"] 
  {color: #993300;}
#link-menu-nav a:hover{	text-decoration: underline;}

/*----------------------------------- TOP BANNER AD BAR (above menu)  -------------------------------------------*/
#top-bannerad {	height: 88px;margin: 18px;margin-right: 24px;margin-left: 220px;}

/*----------------------------------- TOP MENU -------------------------------------------*/
#top-menu{ border: solid 0px black; background: url(bkg-nav.png) no-repeat;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 38px; margin-bottom: 8px; margin-right: auto; margin-left: auto; text-align: left; }

/*--------------------- TOP MENU DROP DOWN (droppy config)-------------------------*/
/* Basic code - don't modify */ 
 #top-menu-nav { display: block; margin: 0; padding: 0; position: relative; }
  #top-menu-nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #top-menu-nav a { display: block; }
  #top-menu-nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #top-menu-nav ul { line-height: 0;} /* IE6 "fix" */
  	#top-menu-nav ul a { zoom: 1; } /* IE6/7 fix */
    #top-menu-nav ul li { float: none; }
    #top-menu-nav ul ul { top: 0;}
    
/* Essentials - configure this */

#top-menu-nav ul { width: 130px; }
#top-menu-nav ul ul { left: 131px; }

/* Everything else is theming */
 
#top-menu-nav { background-color: #cc9900; height: 24px; margin-left: 30px; }
#top-menu-nav ul *:hover { background-color: #cc6600; }
#top-menu-nav li.ispadding { color: White; padding: 6px 5px 0px 5px;}
#top-menu-nav li.ispadding:hover { background-color: #cc9900;}
#top-menu-nav a { color: white; font-size: 12px; padding: 6px; line-height: 18px; text-transform: uppercase;}
  #top-menu-nav ul { top: 30px; border: solid 1px white; border-top: none;background-color: #cc9900; line-height: 1;}
    #top-menu-nav ul li a { background-color: #cc9900; text-transform: none; line-height: 1;}
      #top-menu-nav ul > a.hover { background-color: #cc6600; }
   #top-menu-nav ul a { border-bottom: 1px solid white; border-right: none;}
 #top-menu-nav ul a { border-bottom: none; } /*- I also needed this for IE6/7 */

#top-menu-nav a,#top-menu-nav a:link,#top-menu-nav a:active,#top-menu-nav a:hover,#top-menu-nav a:visited 
{ color: white; text-decoration: none; outline: none; }
#top-menu-nav a.isfirst { border-left: solid 1px #cc9900;}
#top-menu-nav a.selected {color: white;}
#top-menu-nav > li > a:hover {color: yellow;}
#top-menu-nav > li > a {font-size: 14px;}

/*--------------------------------- SIDE BARS -------------------------------------*/

#sidebar { float: right; width: 310px; height: auto; padding-top: 0px; padding-bottom: 15px; }
.side-box { float: right; width: 305px; height: auto; margin-right: 6px; margin-bottom: 6px; color: #666666; overflow: hidden; }
.side-box a { text-decoration: none; color: #001F4E; }
.side-box a:visited { text-decoration: none; color: #001F4E;}
.side-box a:hover {	text-decoration: underline;	color: #001F4E;/*#CC6600;*/}
.side-box a:active { text-decoration: none; color: #001F4E; }
.side-box p { padding-top: 0; padding-bottom: 0; margin-top: 0;	margin-bottom: 0; margin-left: 0; color: #4C4C4C;}
	
.side-box h1 {	font-size: 18px; background-color: #9DB735;	padding: 6px 5px 4px 10px; margin-top: 0px; margin-right: -10px;
	margin-bottom: 0px;	margin-left: 0px; font-weight: normal; text-transform: uppercase; color: #FFFFFF;}
.side-box img {	margin-bottom: 7px;}

/*---------------------------------- FOOTER ADS ---------------------------------------*/

#footer-ads {
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 12px;
} 
#footer-ads-left {
	width: 479px;
	float: left;
	overflow: hidden;
} 
#footer-ads-right {
	width: 479px;
	float: right;
	overflow: hidden;
} 


/*----------------------------------- FOOTER -------------------------------------------*/

#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#CBDCA8;*/
	background: white;
	border-top: solid 1px #CCCCCC;
	text-align: center;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/*--------------------- footer menu ----------------------------------*/
#foot-menu-nav { text-decoration:none; border:solid 0px blue; }
#foot-menu-nav li  {
	list-style: none;
	display: inline;
	padding-right: 4px;
	padding-left: 4px;
}

#foot-menu-nav a:link,#foot-menu-nav a:visited,#foot-menu-nav a:active,#foot-menu-nav a:hover 
{
	display: inline-block;	/* to allow for sizing */
	color: #555;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	border: solid 0px red;
}

#foot-menu-nav a:hover, #foot-menu-nav a:link[selected="true"],#foot-menu-nav a:visited[selected="true"],#foot-menu-nav a:active[selected="true"] 
{
	color: black;
}


/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/



/*-------------------------------------- CONTENT --------------------------------*/
/* this the styling that applies to all layouts injected in the div __layout__   */

#content {
	margin: 0 310px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the .side-box space when the content in .side-box ends. */
	padding: 0 0px 0 6px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #F3F6E4;
	width: 647px;
	height: auto;
} 
#content p {
	color: #4C4C4C;
	line-height: 16px;
	letter-spacing: .025em;
	margin-bottom: 12px;
} 
#content a {
	text-decoration: none;
	color: #001F4E;
}
#content a:visited {
	text-decoration: none;
	color: #001F4E;
}
#content a:hover {
	text-decoration: underline;
	color: #001F4E;
}
#content a:active {
	text-decoration: none;
	color: #001F4E;
}
#content li {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #4B4B4B;
}
#content li a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #001F4E;
}
#content li a:visited {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #001F4E;
}
#content li a:hover {
	text-decoration: underline;
	color: #001F4E;
}
#content li a:active {
	text-decoration: none;
	color: #001F4E;
}
#content a.headline {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #001F4E;
	padding-bottom: 6px;
}
#content li a.headline:visited {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #001F4E;
}
#content li a.headline:hover {
	text-decoration: underline;
	color: #001F4E;
}
#content li a.headline:active {
	text-decoration: none;
	color: #001F4E;
}

#picbox {
	width: 646px;
	height: 270px;
	text-align: center;
	border: 1px solid #9DB735;
	overflow: hidden;
	margin-right: 6px;
	margin-bottom: 6px;
}
#picbox img 
{
	margin: 5px;
	padding: 0px;
}

#picbox-cat {
	width: 965px;
	border: 1px solid #9DB735;
	margin-right: auto;
	background-color: #FFFFFF;
	margin-bottom: 6px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-left: auto;
}
#picbox-stor {
	width: 646px;
	border: 1px solid #9DB735;
	margin-right: 6px;
	background-color: #FFFFFF;
	margin-bottom: 6px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
#pagebox {
	width: 626px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-right: 6px;
	background-color: #FFFFFF;
	margin-bottom: 12px;
	border: 1px solid #00204E;
	border-top: none;
	height: auto;
}

#cats {
	margin-bottom: 8px;
	width: 625px;
	margin-right: auto;
	margin-left: auto;
	clear: inherit;
	float: left;
	margin-top: 6px;
}
img.boxRgt  {
	margin-left: 7px;
	margin-bottom: 7px;
}
img.boxLft  {
	margin-right: 7px;
	margin-bottom: 7px;
}
h1, h2.title {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 6px 5px 4px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(h1-bkg.png);
}
#pagebox h1 
{
	margin-right: -10px;
	margin-left: -10px;
}
#twoCol   {
	width: 647px;
	margin-right: 6px;
	height: auto;
}
#twoCol h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding: 6px 5px 4px 10px;
	margin-top: 0px;
	margin-right: -10px;
	margin-bottom: 10px;
	margin-left: -10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(h1-bkg.png);
}
#twoCol #splitContentright
  {
	float: right; /* since this element is floated, a width must be given */
	margin-top: 3;
	margin-bottom: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 298px;
	border: solid 0px #001F4E;
	border-top: none;
	height: inherit;
}
#twoCol #splitContent   

  {
	width: 298px;
	margin-top: 3;
	margin-bottom: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: solid 0px #001F4E;
	border-top: none;
	height: inherit;
}  

.highlight {
	background-color: yellow;
}
/* directory submission form */
.ui-member-business tr {height: 30px; margin-bottom: 5px;}
.ui-member-social tr {height: 30px; margin-bottom: 5px;}
.ui-member-shipping tr {height: 30px; margin-bottom: 5px;}
td.ui-label {padding-right: 10px;}


/* directory search box */
#directory-search { padding: 5px 10px; background-color: White; border: solid 1px #9DB735;}
.ui-directory-search-item { padding-left: 18px; }
.ui-directory-search-all-region, .ui-directory-search-all-category { padding-left: 0px; }
.ui-directory-search-item label { padding-left: 5px; }

/* gallery */
.gallery { margin-bottom: 10px; }
.gallery ul { list-style-type: none; }
.gallery a { text-decoration: none; }
.gallery a:hover { color: white; }
.gallery .controls { height: 30px; text-transform: uppercase; font-weight: bold; padding: 0 10px;}
.gallery .controls a { color: white;}
.gallery .ss-controls {float: left; font-size: 1em; padding: 5px 0;}
.gallery .nav-controls {float: right; margin-left: 10px; font-size: 1em; padding: 5px;}
.gallery .nav-controls > a { padding: 5px;}
.gallery .navigation li { float: left; margin-right: 2px; margin-bottom: 2px;}
.gallery .navigation a { padding: 2px; }
.gallery .navigation span { padding: 2px; }
.gallery .download { display: none; }