body {
font-size:90%;
font-family:arial, helvetica, sans-serif;
background-color:#FFF;
margin:0;
padding:0;
}

h1 {
color:#009;
font-size:170%;
font-weight:bold;
font-family:verdana, arial, helvetica, sans-serif;
font-style:italic;
margin:0;
}

h2 {
margin-top:10px;
padding-top:2px;
color:#009;
font-size:105%;
text-transform:uppercase;
}

h3 {
margin-top:10px;
padding-top:2px;
color:#000;
font-size:95%;
}

h6 {
margin-top:2px;
padding-top:2px;
color:#000;
font-size:75%;
text-align:center;
}

ul.none {
list-style-type:none;
margin-left:1em;
padding:0;
}

table {
font-size:95%;
}

#header {
background-image:url('http://www.ayso88.org/design/maintitlebak.jpg');
background-repeat:repeat-x;
margin-bottom:20px;
}

#title {
position:absolute;
top:101px;
left:10px;
}

#logo {
position:absolute;
top:102px;
right:20px;
}

#titlenavcontainer {
position:absolute;
top:188px;
left:1px;
}

#homenav {
position:absolute;
top:4px;
right:20px;
font-size:11px;
}

#homenav a:hover {
color:#FC0;
text-decoration:none;
font-weight:bold;
}

#gutter {
float:left;
width:1%;
height:1px;
}

#col1 {
float:left;
width:65%;
background-color:#FFF;
border-color:#999;
border-style:solid;
border-width:0 1px;
margin:15px 1% 20px;
padding:0 1% 2px 1.5%;
}

div#col1 h1 {
margin-bottom:18px;
}

div#col1 h2 {
font-size:100%;
margin-bottom:8px;
letter-spacing:1px;
color:#FFF;
background-color:#009;
padding:5px 0 4px 5px;
}

div#col1 h3 {
margin-bottom:6px;
font-size:90%;
}

div#col1 p {
font-size:90%;
line-height:1.35em;
margin-top:0;
}

div#col1 li {
font-size:90%;
margin:0 20px 12px;
padding:2px 50px 5px .8px;
}

div#col1 li.balltoc {
background-image:url(http://www.ayso88.org/design/other/ball_12.gif);
background-repeat:no-repeat;
background-position:0;
list-style-type:none;
margin:0 20px 12px 5px;
padding:2px 0 5px 18px;
}

div#col1 li.faqtoc {
background-image:url(http://www.ayso88.org/design/other/ball_12.gif);
background-repeat:no-repeat;
background-position:0;
list-style-type:none;
margin:0 20px 2px 5px;
padding:2px 0 3px 18px;
}

div#col1 p.note {
background-color:#FFC;
font-size:85%;
border-color:#999;
border-style:solid;
border-width:1px 0;
margin:0 0 12px;
padding:5px;
}

p.a {
line-height:3.3em;
padding-left:20px;
padding-right:20px;
}

table.a {
font-size:90%;
margin:2px 0 2px 20px;
}

div#col1 p.table {
font-size:95%;
margin:0;
}

div#col1 h2.hof {
font-size:90%;
margin-bottom:8px;
letter-spacing:1px;
color:#FFF;
background-color:#000;
text-transform:none;
padding:5px 0 4px 5px;
}

div#col1 h5.hof {
font-size:80%;
margin-bottom:2px;
letter-spacing:1px;
padding:5px 0 2px 5px;
}

#col1 a:hover {
color:#960;
font-weight:bold;
}

#col2 {
font-size:90%;
float:left;
width:15%;
margin:15px 0 10px 1px;
}

.col2 {
font-size:90%;
float:left;
width:15%;
margin:15px 0 10px 1px;
}

h2.col2 {
color:#960;
font-size:85%;
letter-spacing:1px;
border-color:#999;
border-style:solid;
border-width:1px 0;
margin:0 0 0 10px;
padding:5px;
}

li.col2 {
line-height:1.9em;
font-size:85%;
padding:0;
}

#col2 a:hover {
color:#009;
text-decoration:none;
font-weight:bold;
border-color:#FC0;
border-style:solid;
border-width:1px 0;
}

#col3 {
font-size:90%;
text-align:center;
float:left;
width:13%;
margin-top:15px;
margin-left:2px;
margin-bottom:200px;
background-color:#FFC;
border-color:#999;
border-style:solid;
border-width:1px;
padding:1px 1px 5px;
}

h2.col3 {
color:#960;
font-size:85%;
padding-bottom:5px;
letter-spacing:1px;
border-color:#999;
border-style:dotted;
border-width:0 0 1px;
margin:0 10px;
}

p.col3 {
margin-left:3px;
font-size:85%;
}

#footer {
clear:both;
color:#FFF;
background-color:#009;
font-size:90%;
border-color:#000;
border-style:solid;
border-width:5px 0;
margin:0;
padding:10px 0 10px 20px;
}

#homenav a:link,#homenav a:active,#homenav a:visited {
color:#FFF;
text-decoration:none;
}

#col1 a:link,#col1 a:active,#col1 a:visited {
color:#960;
}

#col2 a:link,#col2 a:active,#col2 a:visited {
color:#009;
text-decoration:none;
}

div#col1 h5.hof a:link {
color: #006600;
font-weight:normal;
}