/* ABC Index Stylesheet 1B */

body {
background-color: #FFF;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
color: #545454;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
}
p {
display: inline;
font-size: .7em;
line-height: 1.7em;
}
a:link {
color: #064886;
}
a:visited {
color: #064886;
}
a:hover {
color: #5F76AA;
}
a:active {
color: #5F76AA;
}
#header {
position: relative;
height: 60px;
width: 700px;
top: 0;
left: 75px;
}
#title {
position: absolute;
height: 60px;
width: 225px;
background-image: url(images/abc_logo2.jpg);
background-repeat: no-repeat;
}
#addressbox {
position: absolute;
width: 390px;
height: 60px;
top: 35px;
left: 310px;
color: #064886;
margin-left: 0px;
font-weight: bold;
}
p.address {
display: inline;
font-size: .8em;
}
#colorband {
position: relative;
height: 170px;
width: 100%;
background-color: #5F76AA;
}
#welcome {
position: absolute;
height: 170px;
width: 300px;
background-image: url(images/welcome.jpg);
background-repeat: no-repeat;
top: 0;
left: 75px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #FFF;
}
#photo {
position: absolute;
height: 170px;
width: 400px;
background-image: url(images/wheatpic.jpg);
background-repeat: no-repeat;
top: 0;
left: 375px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #FFF;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #FFF;
}
#menubar {
position: relative;
height: 30px;
width: 100%;
padding: 0;
margin: 0;
background-color: #064886;
}
#line1 {
position: absolute;
width: 300px;
height: 30px;
top: 0;
left: 75px;
background-image: url(images/menubar_grade.jpg);
background-repeat: repeat-x;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #5F76AA;
}
#listwrap {
position: absolute;
width: 400px;
height: 30px;
top: 0;
left: 375px;
background-image: url(images/menubar_grade.jpg);
background-repeat: repeat-x;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #5F76AA;
border-right-style: solid;
border-right-width: 1px;
border-right-color: #5F76AA;
}
ul#list1 {
position: absolute;
top: 0;
left: 15px;
width: 370px;
height: 30px;
margin-top: 0;
margin-left: 0;
padding-top: 7px;
padding-left: 82px;
font-size: .7em;
}
#list1 li {
display: inline;
list-style-type: none;
}
#list1 a { 
padding: 0;
}
#list1 a:link, #list1 a:visited {
color: #fff;
background-color: #064886;
text-decoration: none;
padding: 2px;
border-style: solid;
border-width: 1px;
border-color: #5F76AA;
}
#list1 a:hover {
color: #fff;
background-color: #369;
text-decoration: none;
}
#container {
position: relative;
width: 100%;
height: 400px;
padding: 0;
margin: 0;
}
#navbar {
width: 300px;
height: 400px;
position: absolute;
top: 0;
left: 75px;
background-image: url(images/map_bg.jpg);
background-repeat: no-repeat;
}
ul#navlist {
position: absolute;
top: 25px;
left: 55px;
width: 170px;
\width: 170px;
w\idth: 170px;
padding: 0px;
margin: 0px;
font: bold .8em verdana,helvetica,arial,sans-serif;
letter-spacing: 1px;
background: transparent;
}
ul#navlist li {
list-style: none;
margin: 5px;
}
ul#navlist li a {
display: block;
width: 170px;
\width: 170px;
w\idth: 170px;
padding: 4px 4px 4px 8px;
background-image: url(images/trans-bg.gif);
background-repeat: repeat;
text-decoration: none;
text-align: right;
border-style: solid;
border-width: 1px;
border-color: #968F7D;
}
ul#navlist li a:link { 
color: #545454; 
}
div#navbar li a:visited { 
color: #545454; 
}
ul#navlist li a:hover {
color: #545454;
background-color: #F9F5EA;
}
p.message {
border-style: solid;
border-width: 1px;
border-color: #968F7D;
color: #545454;
font-size: .7em;
text-align: justify;
position: absolute;
top: 200px;
left: 20px;
width: 220px;
height: 135px;
background-image: url(images/trans-bg.gif);
background-repeat: repeat;
padding: 20px;
}
#content {
width: 400px;
height: 400px;
position: absolute;
top: 0;
left: 375px;
background-color: #F9F5EA;
}
#text {
position: absolute;
top: 0;
left: 20px;
width: 360px;
padding-top: 20px;
}
p.intro {
font-size: 1.1em;
letter-spacing: 1px;
}
p.one {
display: block;
text-align: justify;
}
p.two {
display: block;
text-align: justify;
}
p.three {
display: block;
text-align: justify;
}
#globe {
width: 75px;
height: 75px;
position: absolute;
top: 300px;
left: 108px;
background-image: url(images/globe_small.gif);
background-repeat: no-repeat;
}
#aiglink {
width: 100px;
height: 100px;
position: absolute;
top: 290px;
left: 288px;
}
#rightfade {
width: 20px;
height: 400px;
position: absolute;
top: 0;
left: 775px;
background-image: url(images/right_fade.jpg);
background-repeat: repeat-y;
}