/* style.css
$Id: style.css,v 1.7 2005-08-31 12:14:03-07 rick Exp rick $
*/

/*The styles below are for the pull down menu */

#cssdropdown, #cssdropdown ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#cssdropdown li {
    float: left;
    position: relative;
}

.mainitems{
    border: 1px solid black;
    background-color: #3D64D9;
}

.mainitems a{
    margin-left: 14px;
    margin-right: 14px;
    color: white;
    font-family: Arial;
    font-size: 14;
    text-decoration: none;
}

.subitems a{
    margin-left: 20px;
    margin-right: 20px;
    color: black;
    font-family: Arial;
    font-size: 12;
    text-decoration: none;
}

li.subitems {
    margin-left: 0px;
    margin-right: 0px;
    color: black;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 10;
    text-decoration: none;
}

.subuls{
    display: none;
    width: 10em;
    position: absolute;
    top: 1.2em;
    left: 0;
    background-color: #CCCCFF ;
    border: 1px solid #3D64D9;
}

.subuls li{
    width: 100%;
}

.subuls li a{
    text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

/* End styles for the pull down menu */

/* Main and Global Styles  */

body {
    /*background-color: #CC8C73;*/
    /*background-image: url(images/greenvines.jpg);*/
    background-image: url(images/body-bg3.jpg);
    
}

table.main {
    width: 800px;
    background-color: #CCCCFF;
    text-align: center;
    padding : 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}



/* Header Styles  */

td.header {
    width: 800px;
    height: 120px;
    background-image: url(images/header.jpg);
    background-color: #000066;
}

h1.head {
    color: white;
    font-family: Georgia, Times, serif;
    font-size: 38pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
}

h1.head2 {
    color: white;
    font-family: Georgia, Times, serif;
    font-size: 20pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
}

p.header {
    font-family: Arial, sans-serif;
    font-size: 18pt;
    color: #ffffff;
    font-weight: bold;
}

td.h-menu-bar {
    width: 800px;
    background-color: #3D64D9;
}


/* End Header Styles  */

/* Left Side Panel Styles  */

td.left-side-panel {
    background-color: #CCCCFF;
    /*background-color: #FFFFCC;*/
    width: 200px;
    text-align: center;
}

table.find-comm-pg {
    text-align: center;
    width: 200px;
    background-color: #CCCCFF;
    /*background-color: #FFFFCC;*/
    padding : 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

td.find-comm-pg {
    text-align: center;
    padding-top: 5px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

p.label {
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}

p.field {
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/* Special Classes for Login Box */

table.login-box {
    text-align: center;
    width: 200px;
    padding-top: 5px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

td.login-label {
    width: 80px
    text-align: right;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

td.login-field {
    width: 100px
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
    padding-bottom: 3px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

td.login-submit {
    width: 190px
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

.input-box {
    color: #000000;
    height: 15px;
    font-size: 9pt;
    background: #FFFFFF;
    border: #26a solid 1px;
}

.submit-button {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background: #4289D7;
    border: 2px #9cf outset;
}

fieldset {
    border: #26a solid 1px;
    width: 170px;
}

legend {
    background: #030B71;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 9pt;
    color: #FFFFFF;
    border: #26a solid 1px;
    padding: 1px 10px;
}

a.legend {
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 9pt;
}

/* End Special Classes for Login Box */

/* Navigation Tree Style */

h3.nav {
    font-family: Arial, sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

ul.nav {
    list-style-image: url("images/icon-webpage.gif");
    padding-left: 45px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

li.nav {
    text-decoration: underline;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    color: #000000;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

a.nav-dt {
    font-family: Arial, sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

a.nav-dd {
    font-family: Arial, sans-serif;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
}

/* these last three styles might be deleted  */
dd.nav {
font-family: Arial, sans-serif;
font-size: 9pt;
color: #000000;
padding: 0px;
margin-top: 0px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 0px;
}

dt.nav {
font-family: Arial, sans-serif;
font-size: 11pt;
color: #000000;
font-weight: bold;
padding-top: 5px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

dt.nav-lg {
font-family: Arial, sans-serif;
font-size: 10pt;
color: #000000;
font-weight: bold;
padding-top: 5px;
margin-top: 20px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

dd.nav-lg {
font-family: Arial, sans-serif;
font-size: 10pt;
color: #000000;
padding: 0px;
margin-top: 0px;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 0px;
}

/* End Navigation Tree Style */

/* End Left Side Panel Styles  */

/* Styles for Center Content Area  */

td.content-area {
    width: 600px;
    background-color: #FFFFFF;
}

table.content {
    width: 600px;
    /*background-image: url(images/world-soft-index.jpg);*/
    background-color: #F9EFCE;
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

table.content-community {
    width: 600px;
    background-image: url(images/world-community.jpg);
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

table.content-business-listings {
    width: 600px;
    background-image: url(images/world-soft.jpg);
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

table.content-business-coop {
    width: 600px;
    background-image: url(images/world-smbus.jpg);
    text-align: center;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

table.inner-content {
    width: 575px;
    text-align: left;
    padding: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}

table.content-right  {
    width: 575px;
    text-align: right;
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

td.content-right  {
    text-align: right;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

td.content-right  {
    text-align: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

h1.content {
    color: #000000;
    text-align: center;
    font-family: Arial, sans serif;
    font-size: 16pt;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}

h2.content {
    color: #000000;
    text-align: left;
    font-family: Arial, sans serif;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}

a.h2-content {
    color: #000000;
    font-family: Arial, sans serif;
    text-align: left;
    text-decoration: underline;
    font-family: Arial, sans serif;
    font-size: 11pt;
    font-weight: bold;
}

h2.content-right {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 11pt;
    font-weight: bold;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
}

p.normal {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 10pt;
    text-align: left;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

/* Feature styles */

table.feature-box1 {
    width: 300px;
    border: 1px;
}

td.feature-box1  {
    width: 300px;
}

h2.feature-box1 {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}

table.feature-box2 {
    width: 250px;
    border: 1px;
}

td.feature-box2  {
    width: 250px;
}

a.features-read-more {
    font-family: Arial, sans serif;
    font-size: 9pt;
    font-style: italic;
    text-decoration: underline;
}

/* END Feature styles */

/*  Footer Styles */

td.footer {
    width: 800px;
    height: 49px;
    background-image: url("images/footer.jpg");
    text-align: center;
}

a.footer {
color: white;
font-size: 8pt;
}

/*  End Footer Styles */

/* Older styles */

h2.sub-content {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3.head {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 14pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}

h3.head-a {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 14pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

h1.head-lower {
    color: white;
    font-family: Georgia, Times, serif;
    font-size: 9pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}

p.byline {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.h1 {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 15pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.h2 {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 22pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.h3 {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.center {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.bold {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.italic {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.italicSm {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 5px;
}

p.list {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 12pt;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
}

a.#000000 {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 14pt;
}

a.content {
    color: #000000;
    font-family: Arial, sans-serif;
    text-decoration: none;
    font-size: 14pt;
}

a.edit_link {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 14pt;
}




/*  List Styles */
/*
ul.normal {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-style: italic;
    padding-bottom : 0px;
    padding-top : 0px;
    margin-bottom : 0px;
    margin-top : 0px;
    list-style-type: disc;
}
*/

ul.normal {
    color: #000000;
    font-family: Arial, sans serif;
    font-size: 11pt;
    text-align: left;
    margin-top: 10px;
    margin-left: 50px;
    padding: 0px;
}


ul.indented {
    color: #000000;
    text-align: left;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-style: italic;
    padding-bottom : 0px;
    padding-top : 0px;
    margin-bottom : 0px;
    margin-left: 20px;
    margin-top: 0px;
    list-style-type: disc;
}

ul.nav {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    padding-bottom : 0px;
    padding-top : 0px;
    margin-bottom : 0px;
    margin-top : 0px;
    margin-left : 0px;
    margin-right : 0px;
    list-style-type: none;
}

ul.bold {
    color: #000000;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-style: italic;
    padding-bottom : 0px;
    padding-top : 0px;
    margin-bottom : 0px;
    margin-top : 0px;
    list-style-type: disc;
}

li.bold {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    list-style-type: disc;
    margin-top: 0px;
}

li.italic {
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    list-style-type: disc;
    margin-top: 0px;
}

li.normal {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    color: #000000;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

li.indent2 {
    text-decoration: underline;
    font-family: Arial, sans-serif;
    font-size: 9pt;
    color: #000000;
    padding-left: 0px;
    margin-top: 0px;
    margin-left: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
}

li.top {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    list-style-type: none;
    color: #000000;
    padding-left: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

/*  List Styles */

/* Image Styles */

img.center {
    position: normal;
    float: center;
    clear: center;
    margin-left: auto;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

img.left {
    position: normal;
    float: left;
    clear: left;
    margin-left: auto;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

img.right {
    position: normal;
    float: right;
    clear: right;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
}