* { padding: 0; margin: 0; }

body{
font: 79%/1.5 arial, helvetica, serif;
text-align: center;
padding: 0;
margin: 2em;
background-image: url(stripe%20background.gif);
}

#wrapper{
margin: 0 auto;
width: 922px;
}

#header{
width: 900px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
border-bottom: 0px solid;
height: 105px;
margin: 10px 0px 0px 0px;
background: #edfaf0;
}

#navigation{
width: 900px;
color: #333;
height: 25px;
padding: 10px;
border: 0px solid #00718f;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #edfaf0;
background-image: url(topgradient.gif);
background-repeat: repeat;
background-position:bottom;
}

#content{
width: 900px;
color: #333;
border: 0px solid #00718f;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
}

#footer{
width: 900px;
color: #333;
border: 0px solid #00718f;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #edfaf0;
margin: 0px 0px 0px 0px;
padding: 10px;
background-image: url(gradient.gif);
background-repeat: repeat;
}

#nav{
width: 100%;
height: 2em;
background-color: #00718f;
margin: 0; 
padding: 0;
position: relative;
z-index: 50;
text-align: center;
border-bottom: solid #000000;
border-top: solid #000000;
border-width: 1px;
}

#nav li{
display: inline; 
float: left;
width: 7em;
line-height: 2em;
height: 100%;
margin: 0; padding: 0;
}

#nav li ul{
display: none;
}

#nav li:hover ul{
margin: 0; padding: 0;
display: inline;
background-color: red;
}

#nav li ul li{
background-color: #00718f;
width: 15em;
overflow: hidden;
text-align: left;
border-bottom: 1px solid #a7a9ac;
}

#nav li ul li a, #nav li ul li a:hover{
padding-left: .4em;
}

#nav a{
text-decoration: none;
color: white;
font-weight: bold;
}

#nav a:hover{
background-color: #5ccd73;
width: 100%;
display: block;
margin: 0; padding: 0;
}

#textsize{
text-align: left;
font-size: 85%;
}

.table{
color: #000000;
text-align: left;
left: 0;
width:95%;
}

.image{
border-style:solid;
border-color: black;
border-width:2px;
}

.imagemain{
border-style:solid;
border-color: black;
border-width:2px;
float:right;
}
 
.center{
display: block;
margin-left: auto;
margin-right: auto;
border-style:solid;
border-color: black;
border-width:2px;
}

.sub{
font-size:14px;
font-style:italic;
}

.sub1{
font-size:14px;
font-style:italic;
text-align:right;
}

h1{
font-size: 24px;
color: #5ccd73;
font-weight: bolder;
text-align:left;
}

ul{
list-style:disc;
padding-left: 2em;
}

p{
text-align:left;
}

.table{
border-width: 0px 0px 0px 0px;
border-spacing: 0px;
border-style: outset outset outset outset;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
margin-left: auto;
margin-right: auto;
}

.tableth{
border-width: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
border-style: none none none none;
border-color: gray gray gray gray;
background-color: white;
}

.tabletd{
border-width: 0px 0px 0px 0px;
padding: 1px 1px 1px 1px;
border-style: none none none none;
border-color: gray gray gray gray;
background-color: white;
margin-left: auto;
margin-right: auto;
text-align:center;
}

.tableabout{
padding: 1px 1px 1px 1px;
border-style: none none none none;
border-color: gray gray gray gray;
background-color: white;
margin-left: auto;
margin-right: auto;
text-align:center;
}

div.figure{
  float: right;
  width: 25%;
  border: thin #ccc solid;
  margin: .5em;
  padding: .5em;
}

div.figure p{
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figure1{
  float: left;
  width: 12%;
  border: thin #ccc solid;
  margin: .5em;
  padding: .5em;
}

div.figure p1{
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.figure2{
  float: right;
  width: 40%;
  border: thin #ffffff solid;
}

div.figure p1{
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.comptable{
text-align: left;
float:left;
left: 0;
width:57%;
background-color: #ccc;
}

.column1{
text-align:center;
width: 98%;
border-width: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-style: inset inset inset inset;
border-color: #ccc #ccc #ccc #ccc;
background-color: #fafafa;
} 

.columnhead{
width:3%;
text-align:center;
border-width: 1px 1px 1px 1px;
border-spacing: 2px;
border-style: outset outset outset outset;
border-color: #ccc #ccc #ccc #ccc;
border-collapse: collapse;
background-color: #fafafa;
} 

.compimage{
display: block;
vertical-align:middle;
margin-left: auto;
margin-right: auto;
float:none;
}

/* golf form */

input, textarea, select{
border: solid 1px #00718f;
margin:3px;
padding:1px 3px;
color:#000000;
}

.activeField{
background-image: none;
background-color: #ffffff;
border: solid 1px #3CA3FF;
}

.idle{
border: solid 1px #00718f;
background-image: url(images/form.jpg);
}
 
 /* golf form */

a:link {color: #00718f}     /* unvisited link */
a:visited {color: #00718f}  /* visited link */
a:hover {color: #3CA3FF}   /* mouse over link */
a:active {color: #00718f}   /* selected link */