/* CSS Screen = for layout purposes only */

* {
font-size: inherit;
margin: 0;
padding: 0;
}

body {
background: #513F2C;
font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
font-size: 96%;
margin: 10px;
}

/* ABC */

#banner img {
border: none;
}

.black {
color: black;
}

#frame {
background: transparent;
float: left;
left: 50%;
margin-left: -362.5px;
position: absolute;
top: 30px;
width: 725px;
}

#images {
float: left;
height: inherit;
left: 180px;
position: absolute;
width: 285px;
}

#images.shrink {
width: 245px;
}

#wrapper {
background: #028482 url(../images/wrapper-bg.jpg) bottom left no-repeat;
border: 1px solid white;
float: left;
height: 475px;
margin: 10px 0 0 0;
overflow: hidden;
width: 724px;
}

.li-arrow {
margin-left: 0px;
list-style: none;
}

.li-arrow li {
background: url(../images/li-arrow.gif) 0 2px no-repeat;
font-weight: bold;
height: 25px;
}

.li-arrow li a {
color: white;
padding-left: 20px;
text-decoration: none;
}

.li-arrow li a:hover {
color: black;
}

.normal {
color: white;
font-weight: bold;
font-size: 90%;
margin: 10px 0 10px 10px;
}

#logos {
background: transparent;
clear: both;
float: left;
height: 20px;
padding-top: 4px;
width: 700px;
}

#logos a {
color: #FFFFCC;
}

#logos a:hover {
color: #FFCC00;
}

#logos p {
color: white;
font-size: .75em;
}

#nav {
bottom: 30px;
float: left;
height: 170px;
margin: 250px 0 0 5px;
width: 180px;
}

#nav img {
border: none;
border-bottom: 1px solid white;
clear: both;
display: inline;
float: left;
}

sup {
font-size: .8em;
}

#text {
color: #FFFFCC;
float: left;
font-size: .8em;
height: inherit;
left: 475px;
position: absolute;
overflow: hidden;
width: 235px;
height:450px;
}

#stafftext {
background:#038583;
color: #FFFFCC;
float: left;
font-size: .8em;
height: inherit;
left: 475px;
overflow: hidden;
width: 520px;
height:475px;
padding-left:5px;
}


				#stafftext.scroll {
				height: 475px;
				overflow: scroll;
				width: 250px;
				}
				
				#stafftext.scroll ul.normal {
				width: 215px;
				}
				
				#stafftext.scroll p {
				width: 225px;
				}
				
			
				
				#stafftext a.gold {
				color: gold;
				font-weight: bold;
				}
				
				#stafftext h1 {
				color: black;
				font-size: 1.2em;
				font-weight: light;
				margin-bottom: 1.2em;
				}
				
				#stafftext.shrink {
				left: 425px;
				width: 295px;
				}
				
				#stafftext p {
				margin-bottom: 1.2em;
				text-align: justify;
				}
				
				

#image {
float:left;
height: inherit;
position: absolute;
left: 423px;
width: 245px;
height:236px;
bottom:30px;
}

#text.scroll {
height: 475px;
overflow: scroll;
width: 250px;
}

#text.scroll ul.normal {
width: 215px;
}

#text.scroll p {
width: 225px;
}

#text a {
color: black;
}

#text a.gold {
color: gold;
font-weight: bold;
}

#text h1 {
color: black;
font-size: 1.2em;
font-weight: light;
margin-bottom: 1.2em;
}

#text.shrink {
left: 425px;
width: 295px;
}

#text p {
margin-bottom: 1.2em;
text-align: justify;
}



.textsnippet {
color: white;
font-size: 90%;
margin-bottom: 20px;
}

.textsnippet dt {
color: black;
font-weight: bold;
}

#textfeatures {
color: #FFFFCC;
float: left;
font-size: .8em;
height: inherit;
left: 475px;
position: absolute;
overflow: hidden;
width: 245px;
}

#textfeatures img {
margin-top:22px;
}


/* Classes */

.handyes {
display: none;
}

.back li {
background: url(../images/li-arrowback.gif) 0 2px no-repeat;
padding-left:20px;
}

.title {
margin-bottom: 10px;
margin-left: -3px;
}

.toptitle {
margin-top: 10px;
}