/*
September 23, 2007
*/

body, table, tr, td, a, div, form, h1, h2, h3, h4, h5, h6, img, li, p 
                     { margin: 0; 
                          padding: 0;
                          border: 0; }
                          
body, table          { color: white; 
                          background-color: #000066; /*background-color: rgb(231,231,255);*/
                          font-size: 1.1em; 
                          font-family: Verdana, Arial, sans-serif;
                          text-align: center; }
                           
body                 { padding: 0px 1px 100px 1px;
                            min-width:37em;    }

table                { margin-left:auto; margin-right:auto; } /*center all tables*/
                          
p                    {
                          text-indent: 3em;
                          text-align:left;
                          margin: 2em 0 0 0; }                          

form                 { font-size: 80%; }

h1                   { font-size: 180%; color:white; font-family:Dauphin; }
h2                   { font-size: 100%; color: white; margin:10px 0 0 0;}
h3                   { font-size: 70%; color: black; font-weight:bold; }
h4                   { font-size: 100%; color: #333399; }
h5                   { font-size: 80%; margin:5px; }
h6                   { font-size: 65%; }

hr                   { border:solid 1px #330099; width:85%;
                          margin-left:auto; margin-right:auto;
                          margin-top:0; margin-bottom:.1; }

li                   { margin-top:1em; margin-left:1em; }
ul                   { margin-bottom:1em; width:90%; margin-left:auto; margin-right:auto; 
                         }   
                    
a                    { color: white; text-decoration: none; font-size:1em;}
                          
a:link                {color: white;}
a:visited             {}
a:active              {}
a:hover               { color:red;}

a.emailover      {  }
a.emailover:link     {}
a.emailover:visited {}
a.emailover:active   {}
a.emailover:hover   { }

a.red                  { color:orange; font-size:60%; }
a.red:link              { }
a.red:visited           { }
a.red:active            { }
a.red:hover             { color:red; }

a.orange                  { color:black; font-weight:bold; font-size:90%; text-decoration:underline;}
a.orange:link              { }
a.orange:visited           { }
a.orange:active            { }
a.orange:hover             { color:red; }

a.inactive                  { }
a.inactive:link              { }
a.inactive:visited           { }
a.inactive:active            { }
a.inactive:hover             { color:green; }

a.invisible   {color: #000066; }
a.invisible:link   {color: #000066; }
a.invisible:visited   {color: #000066; }
a.invisible:active   {color: #000066; }
a.invisible:hover   {color: #000066; }

.ared                  { color: orange; font-size:55%; }
.blue                  { color: blue; }
.caption                { font-size: 65%; }
.centered               { margin-left:auto; margin-right:auto; }  
.formitem               { color:white; font-weight:bold; text-align:right; } 
.inputitem              { text-align:left }
.left                   { text-align: left; }
.leftal                 { text-align:left }
.margintop              { margin-top:15px; }
.margins                { margin: 0 3em 0 3em; }
.nowrap                 {white-space:nowrap;}
.invisible              { color: #6666CC;  /*match body background color */ }
.offleft                {position:relative; left:-10px;}
.offright                {position:relative; left:10px;}
.super                  { vertical-align:super; font-size:10px; }
.under                  { text-decoration: underline; }

.width75                { width: 75%; }
.rightal                { text-align:right; }
.sizeup                 { font-size: 110%; }
.sizedown               { font-size: 90%; }
.small                  { font-size:.7em; }
.smallred               { font-size:.7em; color:red; }
.special                { font-size:14pt; color:#6666CC; }
.submitbutton            { background-color:#C2C2C2; color:black; font-weight:bold; margin-top:.5em;}
.tiny                   { font-size:60%; }
.white                  { color: white; }
.yellow                 { color: white; }
.floatleft               { float:left; }
.greenback                { background-color:#009900; }
.blueback                { background-color:#000066; } 

.pinkback               { background-color:pink; }
#dropmenudiv         {line-height: 1.2em; }

#thewidth               {}

#theframe             { 
                          margin-right:auto; margin-left:auto; 
                          margin-bottom:50px; width:38em; }  /*display:block; */
                          
#thebackground         { background-color:#000066;  width:98%;
                            margin-right:auto; margin-left:auto;
                            }
                            
.centerback             { background-color:#111166; }

#indextable             {margin: 0; width:96%; background-color: #000066; /*#FFFF7E*/
                            margin-right:auto; margin-left:auto; } /*background-color:#111166; border: solid 2px #00005A; */
                            }
.blackborder         { /*border: solid 2px #000033;*/}

#thebanner            { 
                          width: 100%; height:140px; 
                          background-color:#333399;background-image: url("images/back5.gif"); background-repeat:repeat;
                            }
                            
.banner1x                {background-color:#6666CC; }
.banner2x                {background-color:#000066;  }

#thefooter            { color:black; font-weight:bold;
                          font-size:90%;    
                          width:100%;  
                          background-color:#6666CC;
                          height: 100px;
                          margin-right:auto; margin-left:auto; background-image: url("images/back4.gif"); background-repeat:repeat;
                        }
                        

.footerfoot             { color:black; 
                          background-color:#4444aa;}
                          
                          
.bordtop            { border-top: solid 2px black; } 
.bordbottom            { border-bottom: solid 2px black; } 
.bordsides            { border-left: solid 2px black; border-right: solid 2px black; } 
.bordleft           { border-left: solid 2px black;  } 
.bordright           {  border-right: solid 2px black; } 

.padtop             {padding-top:3px; }
.padleft            {padding-left:5px; }
.padright            {padding-right:5px; }
.padbot              { padding-bottom:8px; }
.padsides               { padding-left:5px; padding-right:5px; }
 
.width5             {width:5em;}
.width10            {width:10em;}
.theoctagon           { background-color:#DDDDFF; color:#333399;  }

a.copy                  { color:#333399; } /* same color as authorize table  */
a.copy:link              {  color:#333399;}
a.copy:visited           {  color:#333399;}
a.copy:active            {  color:#333399;}
a.copy:hover             {  color:#333399;}

.amenu                 { font-size: 75%; margin-top:3px; width:100%; background-color:#333399;}
#themenu              { background-color:#333399; font-weight:bold; width: 90%; padding: 5px;  
                           margin-bottom:15px; font-size: 85%;}

#menulf               { background-color: #333399; background-image: url("images/lfmenu.gif");
                            background-repeat:repeat-y;background-position: left; width:3%}
                            
#menurt               { background-color: #333399; background-image: url("images/rtmenu.gif");
                          background-repeat:repeat-y;background-position: right; width:3%}
                        
#thelogo              { width:20%; padding-right:0px;}
#thelogo2             { width:20%; }

#messageform          { margin-top: 100px;  width:90%;}

#weather                { margin-top: 100px; }

#copyright              { margin-top: 25px; font-size:60%}


#sitemap                { margin-top: 200px; 
                            font-size:70%; color:orange; 
                            margin-left:auto; margin-right:auto; width:100%; }
                        
#sitemap a                  { color:orange; font-size:70%; }
#sitemap a:link              { }
#sitemap a:visited           { }
#sitemap a:active            { }
#sitemap a:hover             { color:red; }
                        
#floatpic img          {float:left; margin-left:10px; margin-right:10px; border: solid #000066 5px; }

#test               { width: 750px; display:block; }
/*pop up image or paragraph for links*************/
/*
<span id="pop"><a href='contact.shtml'> Contact <h3>Phone:<br />408.954.1463</h3></a>| </span>
*/


#pop a {
    position: relative;
}

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

#pop a h3 {
    display: none;
    position: absolute;
    left: 0; top: 0;
}

#pop a:hover h3 {
    color: black;
    display: block;
    background-color:yellow;
    width: auto;
    position: absolute;
    left: -2em; top: -5.5em;
    text-decoration: none;
    text-indent: 0;
    padding: 2px 3px 2px 3px;
}

#pop a img {
	border: 0;
}

#pop a .large {
	border: 0px;
	display: block;
	width: 1px; height: 1px;
	position: absolute;
	top: -1px; left: -1px;
}

#pop a:hover .large {
	display: block;
	width: 200px; height: auto;
    position: absolute;
	top: 300px; left: 175px;
    border: 1px solid #000000;
}

    
/**

                        /*background-image:url('header.jpg');
                        background-repeat:no-repeat;background-position: center;
                        padding:.1em; */
                        
#thepicture img     { border-style:solid; border: 1px 1px 1px 1px; border-color:#000000; }
#thepicture         { border-right: 5px; }

#theaddress         { border: solid #333366 5px; width: 25em; }
#theaddress         { margin-top:50px; margin-bottom:25px; margin-left:auto; margin-right:auto;}


.ared               { color:orange; }
.ared               { font-size:70%; }

input               { font-size:.8em; color:black; font-weight:bold; }

.underln            {text-decoration:underline}


}

#cornerrt             { background: #6666CC url(images/roundcornera.gif) left top no-repeat; width:3% }
#cornerlf             { background: #6666CC url(images/roundcornerb.gif) right top no-repeat; width:3% }



/* clock */
.clockcol1 {
color:yellow;
text-align:right;
font-size:1.2em;
line-height:170%;
}

#pendule a {
color: #6666CC;
text-align:right;
font-size:.7em;
line-height:170%;
font-weight:normal;
}

#pendule a:hover {
text-decoration:underline;
}

.clockcol2 {
color:#f8f8ff;
text-align:left;
font-size:1.2em;
line-height:170%;
}

.day {
font-size: .6em;
color: #6666CC;
line-height:170%;}

#calendar {
background-color: #DDDDFF;
color: #000066;
font-weight:bold;
border: solid 4px black;
font-size: 90%;
}

#calendar a {color: red;}
#calendar a:link {color: red;}
#calendar a:visited {color: red;}
#calendar a:active {color: red;}
#calendar a:hover {color: red;}
/* clock */







*/

/*

list-style-image: url(images/ccmc.gif);

#thebanner
{
      --- to make round corners in non-IE browsers ---
    border-radius: 10px; 
    -o-border-radius: 10px; 
    -icab-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;  

}

http://colormatch5k.com/
http://www.accessibility101.org.uk/tips/43.htm
#0000DD #000091 #8585DE #575791 #212121 #DEDEDE 
#000066 #0000B3 #3D3D66 #6B6BB3 #999999 #666666 
window: #000066
authtext: #330099
authback: #CCCCFF
menuback: #330099

                    min-height: .9 em;
                    max-height: 2.2em;
                     overflow:auto;
*/