﻿/*
CSS Coding by Kathy Wehunt
Contact: kwehunt@hotmail.com
*/
/* standard html tag defaults >>>> */
body 
{
    padding: 0;
    margin: 0;
    background-color: #000000;
    font-family: Arial, Sans-Serif;
    font-size: 14px;
}

h1 
{
    font-size: 1em;
}

h2 
{
    font-size: 1.2em;
}

h3
{
    font-size: 1em;
    color: #660000;
}

a
{
    color: Maroon;
    text-decoration: none;
    border-bottom: solid 1px Maroon;      
}

a:hover
{
    color: #CCCCCC;
    border-bottom: solid 1px #CCCCCC;      
}
img
{
    border-width: 0px;
    border-style: none;
}
/* <<<< end of standard tags styles */

/* custom class styles >>>> */
a.more 
{
    color: #993333;
    font-family: Arial, San-Serif;
    font-size: .8em;
    text-decoration: none;
    border-bottom: 1px solid #993333;
    text-transform: uppercase;
}

a.more:hover 
{
    border-bottom: 1px solid #CCCCCC;
    color: #CCCCCC;
}
/* <<<< end of custom class styles */

/* styles for master pages >>>> */
#bodywrapper
{
    margin: 0px;
    padding: 0px;
}

#footer
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    clear:both;
    padding-top: 10px;
    color: #999999;
    text-align: center;
}

#footer a
{
    color: #999999;
    font-size: .8em;
}

/* encloses top banner*/
#h_header_div
{
    width: 1024px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
    background-image: url('../images/banners/iSearchBusiness.jpg');
    background-repeat: no-repeat;
    background-position: left;
}

/* encloses asp content tag in master */
#div_contentplaceholder
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
/* <<<< end home page styles */

/* home page custom styles >>>> */
#pagewrapper
{
    width: 1024px;
    min-height: 440px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
#pagewrapper2
{
    width: 964px;
    min-height: 440px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
/* encloses search box */

/* full width table with two columns */
.i_table_01
{
    width: 100%;
}

.i_table_02
{
    width: 500px;
    border: solid 1px #CCCCCC;
    margin-left: auto;
    margin-right: auto;
}

.i_td_01
{
    border: solid 1px #CCCCCC;
}

.i_tr_01
{
    background-color: #660000; color: #FFFFFF;
}

.i_tr_01 td
{
    width: 25%
}

.h1_big
{
    font-size: 1.4em;
}

.i_p_med
{
    font-size: 1.2em;
}    
/* <<<< home page custom styles */

/* >>>> styles for center table */
table#centertable
{
    width: 999px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
}

#centertable th, #centertable thead
{
    width: 333px;
    height: 25px;
    background-image: url('../images/buttons/tab1.gif');
    background-repeat: no-repeat;    
}

#centertable td
{
    width: 30%;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    vertical-align: top;
}
/* <<<< end styles for center table */
/* <<<< end styles for home default page */

/* >>>> oval container styles */

#ovalDiv_left
{
    width: 450px;
    float: left;
    clear: left;
    margin-top: 0px;
    margin-left: 0;
    height: auto;
}

#ovalDiv_right
{
    width: 450px; float: right; clear: right; margin-top: 10px; margin-right: 20px;
}
.ovalDiv 
{
    width: 250px;
    margin-bottom: 10px;
    float: right;
}

/* >>>> oval top and bottom border */
.ovalDiv .top
{
    display:block; 
    background:transparent; 
}

/* oval bottom colors */
.ovalDiv .b1, 
.ovalDiv .b2, 
.ovalDiv .b3, 
.ovalDiv .b4, 
.ovalDiv .b1b, 
.ovalDiv .b2b, 
.ovalDiv .b3b, 
.ovalDiv .b4b 
{
    display:block; 
    overflow:hidden; 
    background:#FFFFFF; 
    border-left:1px solid #CCCCCC; 
    border-right:1px solid #CCCCCC;
}

.ovalDiv .b1, 
.ovalDiv .b2, 
.ovalDiv .b3, 
.ovalDiv .b1b, 
.ovalDiv .b2b, 
.ovalDiv .b3b 
{
    height:1px;
}

.ovalDiv .b1 
{
    margin:0 5px; 
    background: #CCCCCC;
}

.ovalDiv .b2, 
.ovalDiv .b2b 
{
    margin:0 3px; 
    border-width:0 2px;
}

.ovalDiv .b3, 
.ovalDiv .b3b 
{
    margin:0 2px;
}

.ovalDiv .b4, 
.ovalDiv .b4b 
{
    height:2px; 
    margin:0 1px;
}

.ovalDiv .b1b 
{
    margin:0 5px; 
    background:#CCCCCC;
}
/* <<<< oval top and bottom border */

/* set top oval's background color */
.top .b2,
.top .b3,
.top .b4,
.oval_title
{
    background-color: #660000;
}

/* oval container's content */
.ovalDiv .boxcontent 
{
    display:block;  
    background:#ffffff; 
    border-left:1px solid #CCCCCC; 
    border-right:1px solid #CCCCCC;
}

/* oval container's title bar */
.oval_title 
{
    color:#FFFFFF; 
    font-family: Arial, Sans-Serif;
    padding-left:7px; 
    margin-top:0;
}

.oval_title .tbl 
{
    width:100%;
    padding-bottom:4px;
}

.oval_title .tbl .td1 
{
    width:26px;
}

.oval_title .tbl .td1 img 
{
    margin-top:0px; 
    width:16px; 
    height:16px;
}

.oval_title .tbl .td2 a:visited, 
.oval_title .tbl .td2 a:active,  
.oval_title .tbl .td2 a:link  
{
    color:#FFFFFF; 
    font-size:9px;
    text-decoration:none;
}

.oval_title .tbl .td2 a:hover 
{
    color:#FFFFFF; 
    font-size:9px;
    text-decoration:underline;
}

.td2
{
    text-align: left;
}

.oval_list
{
    margin-left: 20px;
    font-family:  Arial, San-Serif;
    font-size: small;
    line-height: 25pt;
}

.hot_links, .h_links
{
}
/* <<<< oval container styles */
/* >>>> obsolete styles */
table#bottomtable
{
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}
    
#bottomtable th
{
    height: 25px;
    background-image: url('../images/buttons/horzBar.gif');
    background-repeat: repeat-x;
}
    
#bottomtable td
{
    text-align: center;
    vertical-align: middle;
    border: solid 1px #999999;
    width: 25%;
}
/* <<<< obsolete styles */

.phone
{
    font-size: small;
}

.website
{
    font-size: small;
}

.desc
{
    font-size: x-small;
    font-style: italic;
}
/* end styles for all pages */

/* style for site master */
#s_header
{
    width: 1024px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding: 0;
    background-image: url('../images/banners/SNBanner1024x120.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #666666;
}

#s_menu
{
    width: 1024px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0;
    background-color: Maroon;
}

#s_box
{
    width: 994px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 20px;
}
/* end style for site master */

/* generic style for other pages */
#div_01
{
    width: 250px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 10px;
    float: right;
    text-align: center;
}    

#div_01 img
{
    border: 0;   
}

#div_02
{
    width: 700px;
    min-height: 250px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: solid 1px #999999;
    text-align: left;
}

#div_02 h1
{
    font-size: 1.3em;
}

#div_02.sp1
{
    min-height: 707px;
}

#div_03
{
    width: 500px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
    border: solid 1px #999999;
    text-align: left;
}

#div_04
{
    float: left;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.div_04
{
    width: 438px; 
    height: 200px; 
    background-image: url('../images/stockphotos/nv-ut-map.jpg');
    background-repeat: no-repeat; 
    margin-bottom: 10px;
    padding: 5px;
    clear: both; 
    border: solid 1px #CCCCCC; 
}

#div_05
{
    float: right;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
}

.div_05
{
    width: 438px; 
    height: 200px; 
    background-image: url('../images/backgrounds/stripedbackgroundimage.gif');
    background-position: bottom right;
    background-repeat: no-repeat; 
    margin-bottom: 10px;
    padding: 5px;
    clear: both; 
    border: solid 1px #CCCCCC; 
}


.extradiv_01
{
    border: solid 1px #999999;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.extradiv_02
{
    margin-top: 10px;
    margin-bottom: 0px;
}

.extradiv_02x
{
    margin-top: 10px;
    margin-bottom: 0px;
    padding: 10px;
}

.extradiv_02x a
{
    border: none;
}

.extradiv_02x
{
    margin-top: 10px;
    margin-bottom: 0px;
    
}

.floatrightimg
{
    float: right;
    padding: 5px;
}

.par1
{
    border-bottom: solid 1px #CCCCCC;
}

.quicklinks
{
    padding-left: 10px;
    padding-bottom: 10px;
    border: solid 1px #CCCCCC;
}
/* end generic style for other pages */

/* special styles for faq.aspx page */
.question
{
    font-weight: bold;
}

.answer
{
    font-style: italic;
    margin-bottom: 20px;
}
/* end special styles for faq.aspx page */


/* style for members directory */
table.directory 
{
    width: 1000px;
    border: solid 1px #CCCCCC;
    text-align: left;
}
td.dirhead
{
    background-color: #660000;
    color: #FFFFFF;
}

.dirhead h1 
{
    margin: 5px;
}

td.dirloc
{
    background-color: #660000;
    color: #FFFFFF;
    font-size: 8pt;
    text-align: right;
}

td.dirleftcol
{
    width: 250px;
    border: solid 1px #CCCCCC;
    text-align: center;
}

td.dirtips
{
    width: 250px;
    border: solid 1px #CCCCCC;
    vertical-align: top;
}

td.dirrightcol
{
    text-align: center;
    vertical-align: top;
    border: solid 1px #CCCCCC;
}

td.dirfoot
{
    text-align: center;
    border: solid 1px #CCCCCC;
}

#dirPanel
{
    width: 1000px;
    min-height: 500px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

#category
{
    float: left;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#members
{
}

#directory
{
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

em.textsmall
{
    font-size: 8pt;
}

div.dirhead
{
    text-align: center;
    height: 30px;
    margin-top: 5px;
}
/* end style for members directory */

/* Styles for forms */
table.register 
{
    width:900px;
    margin-left: auto;
    margin-right: auto;
}

.special 
{
    text-align: center;
}

.special h1
{
    font-size: xx-large;
    color: Teal;
}

.special h2
{
    font-size: x-large;
    color: #66CCCC;
}

table.chapters
{
    width: 980px;
}

table.chapters td
{
    width: 33%;
    border: solid 1px #CCCCCC;
    vertical-align: top;
}

#formwrapper
{
    width: 1024px; 
    min-height: 600px;
    background-color: #FFFFFF; 
    margin-left: auto; 
    margin-right: auto;
}

#form_01
{
    padding-left: 10px;
    padding-right: 10px;
}

.required
{
    color: Red;
    width: 5px;
    font-size: 20px;
    font-family: Arial Sans-Serif;
}

.pricelist
{
    width: 700px;
}

.pricelist thead td
{
    background-color: #660000;
    color: #FFFFFF;
    text-align: center;
    border: solid 1px #660000;
}

.pricelist td
{
    width: 25%;
    border: solid 1px #CCCCCC;
    vertical-align: top;
    padding: 5px;
}

.pricelist ul
{
    margin-left: 20px;
}

.div_06
{
    border-top: solid 1px #CCCCCC;
    margin-bottom: 20px;
}

.testimonial
{
    width: 190px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    border-left: solid 5px #660000;
    border-top: solid 2px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    font-size: small;
    font-style: italic;
}

.form_table
{
    width: 1000px;
    border: solid 1px #CCCCCC;
}

.form_label
{
    width: 25%;
    background-color: #cccccc;
}

.form_label_hide
{
    display: none;
}

.form_labelx
{
    margin-left: 40px;
}

.form_field
{
    width: 25%;
    border: solid 1px #CCCCCC;
}

.calendar
{
    padding: 10px;
    text-align: center;
}

.form_01
{
    padding: 10px;
}

#imagemap
{
    width: 400px;
    float: right;
    margin-right: 0px;
    margin-top: 5px;
    vertical-align: top;
    font-size: 1.1em;
}

.business_links a
{
}
#page {
	background-color: #ffffff;
	width:1024px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#quicksearch {
	border: 1px solid #CCCCCC;
	width:990px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
}
#leftpanel {
	width:220px;
	padding-top:0px;
	min-height:600px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
	float:left;
	display:inline;

}
#rightpanel {
	width:760px;
	padding-top:0px;
	min-height:600px;
	margin-right: 10px;
	margin-top:5px;
	margin-bottom:10px;
	float:right;
}

    
/* define styles for table for dynamic horizontal menu */
/* encloses top dynamic menu */
#h_menu_div
{
    width: 1024px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    background-color: #660000;
    text-align: center;
}
.b-right
{
    border-right: solid 1px #CCCCCC;
}    
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
}
#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}
#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 5px 5px;
	width: 133px;
	background: #660000;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}
#sddm li a:hover
{	background: #990000;}
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2;
}
#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 123px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #CCCCCC;
	color: #000000;
	font: 11px arial;
}
#sddm div a:hover
{	background: #999999;
	color: #FFFFFF;
}

/* >>>> */
.td_h1
{
    background-color: #666666;
    font-weight: bold;
    color: #FFFFFF;
}
.td_link01
{
    text-transform: uppercase;
    font-size: .9em;
    border-bottom: solid 1px #CCCCCC;
}
.td_link01 a
{
    border: solid 0px #CCCCCC;
}
.list01 li
{
    padding-bottom: 10px;
}

/* new styles for home page */
#homepagewrapper
{
    /*box*/
    width: 1024px;
    height: 950px;
    background-color: #FFFFFF;
    padding: 0px;
    /*position*/
    margin-left: auto;
    margin-right: auto;
}
#div_left
{
    /*box*/
    width: 684px;
    padding: 10px;
    /*position*/
    float: left;
    margin: 0px;
}
#div_right
{
    /*box*/
    width: 300px;
    padding: 10px;
    /*position*/
    float: left;
    margin: 0px;
}
#search_business, #news, #have_business, #blog, #ads, #google_news
{
    /*box*/
    padding: 10px;
    border: 1px solid #CCCCCC;
}
#search_div 
{
    /*position*/
    margin-left: 170px;
}
#google_calendar
{
    /*box*/
    height: 410px;
    border: 1px solid #CCCCCC;
    /*position*/
    margin-left: auto;
    margin-right: auto;
    /*font*/
    text-align: center;
}
#news
{
    /*box*/
    width: 250px;
    height: 198px;
    /*position*/
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}
#news ul
{
    list-style-image: url('../images/bullets_etc/i.gif');
}
#newsletter
{
    /*position*/
    float:left;
    margin-top: 10px;
}
.clear
{
    clear:both;
}
#have_business, #blog, #ads, #google_news
{
    margin-top: 10px;
}    
#ads
{
    text-align:center;
}