﻿/*
FIREFOX SUCKS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
CSS SUCKS TOO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Light blue: #0AC
Dark Blue: #037
Pale Purple: #87a
Green: #6b0
*/
body 
{
    background: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
td 
{
    vertical-align: top;
}
img { border: 0px; }
div.page 
{
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;
    width: 780px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    position: relative;
}
table.page 
{
    background-image: url(images/bg.gif);
    background-repeat: repeat-y;
    width: 780px;
    margin: 0px auto 0px auto;
}
td.pageheader 
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    padding: 10px 40px 10px 20px;
}

table.contentbody
{
    background-image: url(images/back.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    margin: 0px 0px 0px 15px;
    width: 745px;
}
div.contentbody2
{
    background: #fff;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    width: 740px;
    margin: 0px 20px 0px 20px;
    position: relative;
}

td.sidebar 
{
    width: 300px;
}
td.content 
{
    color: #333;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    padding: 10px 0px 0px 30px;
    text-align: left;
    width: 397px;
    background-image: url(images/divider.gif);
    background-repeat: repeat-y;
}
td.sidebar2
{
    background-image: url(images/eyeGraphic_lg2.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    width: 200px;
}
div.submenu 
{
    float: left;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    text-align: left;
    width: 200px;
}
div.testimonials 
{
     background-color: #FFF;
     background-image: url(images/testimonialsbg.gif);
     background-position: top left;
     background-repeat: no-repeat;
     border-top: 1px solid #ddd;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     border-left: 1px solid #ddd;
     color: #037;   
     float: left; 
     margin: 10px 0px 5px 10px;
     padding: 10px;
     text-align: left;
     width: 284px; 
}
table.hours {
     background-color: #FFF;
     border: 1px solid #0AC;
     color: #037;   
     float: left; 
     margin: 10px 0px 5px 10px;
     text-align: left;
     width: 306px; 
}
td.content2 
{
    background: #fff;
    color: #333;
    float: right;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    margin: 10px 10px 10px 0px;
    text-align: left;
    width: 500px;
}
td.footer 
{
    color: #666;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 8pt;
    padding: 10px 40px 10px 20px;
}
td.copyright 
{
    background: #fff;
    color: #666;
    font-size: 8pt;
    padding-right: 20px;
    text-align: right;
    width: 780px;
}
a:link { color: #0AC; }
a:visited { color: #0AC; }
a:hover { color: #037; }
a:active { color: #037; }

table.mainmenu 
{
    height: 30px; 
    width: 780px;
}
td.mainmenu 
{
    background-image: url(images/menubg2.gif);
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
}
a.mainmenu:link 
{
    color: #0AC;    
    display: block;
    text-decoration: none;
}
a.mainmenu:visited 
{
    color: #0AC;    
    display: block;
    text-decoration: none;
}
a.mainmenu:hover 
{
    color: #037;    
    display: block;
    text-decoration: none;
}
a.mainmenu:active 
{
    color: #037;    
    display: block;
    text-decoration: none;
}
a.submenu:link
{
    color: #999999;
    display: block;
    margin: 5px 0px 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu:visited 
{
    color: #999999;
    display: block;
    margin: 5px 0px 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu:hover 
{
    color: #0AC;
    display: block;
    margin: 5px 0px 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu:active 
{
    color: #0AC;
    display: block;
    margin: 5px 0px 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu2:link
{
    color: #999999;
    display: block;
    font-size: 0.8em;
    margin: 5px 0px 5px 20px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu2:visited 
{
    color: #999999;
    display: block;
    font-size: 0.8em;
    margin: 5px 0px 5px 20px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu2:hover 
{
    color: #0AC;
    display: block;
    font-size: 0.8em;
    margin: 5px 0px 5px 20px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu2:active 
{
    color: #0AC;
    display: block;
    font-size: 0.8em;
    margin: 5px 0px 5px 20px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu3:link
{
    color: #999999;
    display: block;
    font-size: 0.7em;
    margin: 3px 0px 3px 30px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu3:visited 
{
    color: #999999;
    display: block;
    font-size: 0.7em;
    margin: 3px 0px 3px 30px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu3:hover 
{
    color: #037;
    display: block;
    font-size: 0.7em;
    margin: 3px 0px 3px 30px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
a.submenu3:active 
{
    color: #037;
    display: block;
    font-size: 0.7em;
    margin: 3px 0px 3px 30px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}
h1
{
    color: #037;
    font-size: 14pt;
}
h2 
{
    color: #037;
    font-size: 14pt;
}
h3 
{
    color: #0AC;
    font-size: 12pt;
}
h4 
{
    color: #037;
    font-size: 10pt;
}

a.footer:link
{
    color: #666;
    font-size: 9pt;
    text-decoration: none;
}
a.footer:visited 
{
    color: #666;
    font-size: 9pt;
    text-decoration: none;
}
a.footer:hover 
{
    color: #0AC;
    font-size: 9pt;
}
a.footer:active 
{
    color: #0AC;
    font-size: 9pt;    
}
img.floatright { float: right; margin: 0em 0em .5em 1em; border: solid 3px #000; }
img.border { border: solid 1px #ccc; }

div.client { font-style: italic; text-align: right; color: #0AC; }

#mapContainer 
{
    border: solid 1px #CCC;
    height: 392px;
    width: 392px;
    margin: 5px auto 0px auto;
    text-align:  center;
}

hr { color: #1bc; height: 1px; }

ul li { margin-bottom: 0.2em; color: #333; }

div.subfooter { 
width : 780px; 
margin : 30em auto 10px auto; 
font-size : 8pt; 
padding-bottom : 1em; 
text-align: left;
} 
h2.subfooter { 
font-size : 8pt; 
} 
h3.subfooter { 
font-size : 8pt; 
} 
a.subfooter:link { 
text-decoration : none; 
color : #666; 
text-align: left;
} 
a.subfooter:visited { 
text-decoration : none; 
color : #666; 
text-align: left;
} 
a.subfooter:hover { 
text-decoration : none; 
color : #666; 
text-align: left;
} 
a.subfooter:active { 
text-decoration : none; 
color : #666; 
text-align: left;
} 
p.subfooter { text-align: left; color : #666; }