/*
CSS for A+ Credit Union site
*/
@font-face {
    font-family: 'LearningCurveProRegular';
    src: url('font/LearningCurve_OT.eot');
    src: local('font/Learning Curve Pro'), local('font/LearningCurvePro'),
        url('font/LearningCurve_OT.woff') format('woff'), url('font/LearningCurve_OT.ttf')
        format('truetype'), url('font/LearningCurve_OT.svg#LearningCurvePro') format('svg');
}

body {
    margin: auto;
    padding: 5%;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background-color: #FAEBD7;
    color: black;
    background-image: url(images/apple.jpg);
    position: relative;
}
.online {
    color: #008080;
    font-size: large;
}
#wrapper {
    width: 800px;
    margin: auto;
    background-color: #FAEBD7;
    color: black;
    padding: 1%;
}
/*.wrap1 {
	float: right;
	background: url(images/logo-r.jpg) right top no-repeat;
}
.wrap2 {
	background: url(images/logo-l.jpg) left top;
}*/
#sitebranding {
    width: 800px;
    height: 156px;
    background: #FAEBD7 url(images/logo.jpg) no-repeat 50% 0%;
}
#sitebranding h1 {
    display: none;
}
#tagline {
    background-color: #008080;
    color: #FFFFE0;
    text-align: center;
    font-family: LearningCurveProRegular, "Brush Script Std", "Comic Sans",
        "Comic Sans MS", cursive;
    font-size: 36pt;
}
#navigation {
    background-color: #008080;
    color: #FFFFE0;
    font-size: 80%;
    margin: auto;
}
#navigation ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation li{
    float: left;
    display: block;
    background: transparent url(images/tab_left.png) no-repeat;
    margin: 0 1px 0 0;
    padding: 0 0 0 14px;
}
#navigation a:link,  #navigation a:visited{
    float: left;
    display: block;
    background: url(images/tab.png) no-repeat right top;
    padding: 0.2em 10px 0.2em 0;
    text-decoration: none;
    font-weight: bold;
    color: #FFFFE0;
}
#navigation a:hover {
    background: url(images/tab_hover.png) no-repeat right top;
}
#content {
    margin-top: 30px;
}
#content ul{
    list-style-image: url(images/smrapple.png);
}
#inline li{
    display: inline;
}
img.penny {
    float: left;
    margin: 10px;
}
#main1 {
    margin: 0 240px 0 0;
}
#maintext {
    padding: 5px;
    margin: 25px;
    background: #87CEFA;
    font-family: times, "times new roman", serif;
}
.signature {
    text-align: right;
    font-family: LearningCurveProRegular, "Brush Script Std", "Comic Sans", "Comic Sans MS", cursive;
    font-size: 24pt;
}
#scholarship {
    text-align: center;
}
#insurance, #lost {
    border: groove teal 5px;
    background-color: white;
    width: 50%;
    font-size: 75%;
    padding: 1px;
    margin: 0;
}
#banner {
    background-image: url(images/banner.png);
    color: red;
    font-size: 150%;
    padding: 10%;
    width: 445px;
    height: 189px;
    font-family: cursive;
}
.read {
    text-align: right;
    font-size: 75%;
}
#firstad {
    background-color: #87CEFA;
    margin: 25px;
    width: 485px;
    padding: 5px;
    text-align: center;
    border: inset #87CEFA 5px;
}
#firstad p {
    color: black;
    font-weight: bold;
}
#firstad span.large {
}
#firstad span.small {
    font-size: 60%;
}
#firstad.event {
    width: 800px;
    margin-left: 15%;
    text-align: left;
}
#fai {
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: red;
    padding-bottom: 1px;
    margin-bottom: 10px;
}
.center {
    text-align: center;
}
.large{
    font-size: x-large;
}
.small{
    font-size: x-small;
}
#stardust {
    background-image: url(images/stardust.gif);
    /*	height: 100px;*/
}
#firstad h2, #SFE span, #lost p {
    color: red;
}
#SFE {
    border: groove teal 5px;
    width: 500px;
    background-color: teal;
    float: left;
    margin: 5%;
    padding: 1%;
}
#SFE h2 {
    color: blue;
}
#lost {
    margin-top: 20px;
    margin-left: 25px;
    width: 40%;
    text-align: center;
    float: right;
}
#lost h2 {
    color: teal;
}
#anytime {
    margin-top: 7%;
    margin-left: 350px;
    margin-bottom: 5px;
}
#sidebar {
    float: right;
    top: 0;
    right: 0;
    width: 220px;
    margin: 0;
    padding: 0;
}
#sidebar h3{
    text-align: center;
}
#accountbox {
    border: solid 1px black;
    font-size: 70%;
    padding: 1em;
}
#accountbox a {
    display: block;
    text-align: center;
    padding: 1.5% 0;
}
#table {
    margin-top: 20px;
    margin-left: 15px;
}
#table1 {
    width: 49%;
    float: left;
}
#table2 {
    width: 49%;
    float: right;
    top: -20px;
    right: 0;
}
.insur {
    border-collapse: collapse;
    border-style: outset;
    border-color: #008080;
    margin-left: auto;
    margin-right: auto;
}
.insur th {
    color: #008080;
    font-size: 110%;
    text-align: left;
    border-bottom: 1px solid #008080;
    padding: 0 20px;
}
.insur td {
    padding: 0 20px;
}
.insur td.center {
    text-align: center;
}
.insur tr.total {
    font-size: 110%;
}
table.rates {
    border-collapse: collapse;
}
table.rates caption {
    color: #008080;
    font-size: small;
    text-align: left;
    padding-bottom: 5px;
    font-weight: bold;
}
table.rates td {
    padding: 4px;
    vertical-align: top;
    font-size: x-small;
}
table.rates  tr.odd{
    background: #008080;
    color: #FAEBD7;
}
table.rates tr.bold {
    font-weight: bold;
}
table.rates td.large {
    font-size: 80%;
}
#atmbox {
    border: 1px solid #008080;
    margin-top: 20px;
}
#atmbox h2 {
    text-align: center;
    color: #008080;
    font-weight: bold;
}
#atmbox p {
    text-align: left;
}
#widgets {
    margin-top: 20px;
    text-align: center;
}
#clearone {
    clear: both;
    height: 1px;
}
#footer {
    clear: both;
}
#footer p {
    text-align: center;
    font-weight: bold;
    font-size: x-small;
}
h2 {
    text-align: center;
    color: #008080;
}
.teal {
    color: #008080;
    text-align: center;
}
.ital {
    font-style: italic;
    font-size: x-small;
}
#frame {
    width: 750px;
    height: 950px;
}
a.center {
    text-align: center;
}
a.float {
    float: left;
}
#button li{
    display: list-item;
}
#button1 {
    float: left;
    width: 49%;
}
#button2 {
    float: right;
    width: 49%
}
#button3 {
    clear: both;
}
#bank {
    border: groove teal 5px;
    background-color: white;
    width: 70%;
    padding: 1px;
    margin: auto;
}
#bank a, #search a{
    display: block;
    padding: 5px;
}
#search {
    border: groove teal 5px;
    background-color: white;
    width: 40%;
    padding: 1px;
    margin:  10px 0 0 0;
    float: left;
}
#misc {
    border: groove teal 5px;
    background-color: white;
    width: 40%;
    padding: 1px;
    margin:  10px 0 0 0;
    float: right;
}
#calendar {
    width: 80%;
    padding: 1px;
    clear: both;
    margin-top: 5px;
    margin-left: 325px;
}
address {
    text-align: center;
}