/*CSS Styles for ASI Springs Website*/
/*Overall Styles*/

/*General Page Elements*/
#container {display: block; background: #ffffff; width: 70%; min-width: 650px; border: 0px solid #000;}

/*General Header Strip*/
#headerstrip {display: block; background: #ffffff; height: 90px; border-bottom: 4px solid #ED1C24;}
#headerstrip #title img {display: block; float: left; margin-top: 22px; margin-left: 10px;}
#headerstrip #logo img {display: block; float: right; margin-top: 10px; margin-right: 10px;}

/*Flyer Styles*/
.flyer {height: 200px; width: 100%; background: #fff; display: block; border: 0px solid #000;}
.flyer #insignia img {display: block; float: right; margin-right: 30px; margin-top: 70px;}

/*Flyer - Background Images*/
.flyer #asiimage #home {display: block; height: 200px; width: 100%; background: #fff url(../images/asi_home.jpg) no-repeat center top;}
.flyer #asiimage #about {display: block; height: 200px; width: 100%; background: #fff url(../images/asi_about.jpg) no-repeat center top;}
.flyer #asiimage #contact {display: block; height: 200px; width: 100%; background: #fff url(../images/asi_contact.jpg) no-repeat center top;}

/*Content Styles*/
/*Overall Content Styles*/
.content {display: block; background: #fff; width: 100%; text-align: left; border: 0px solid #000; overflow: auto;}
.content #maintitle {font-family: arial, tahoma, helvetica; font-weight: bold; font-size: 16pt; color: #000; margin-bottom: 15px;}
.content #subtitle {font-family: arial, tahoma, helvetica; font-weight: bold; font-size: 12pt; color: #000; margin-bottom: 10px;}
.content #bodytext {font-family: arial, tahoma, helvetica; font-size: 8pt; color: #000;}

.content #links {position: relative; text-align: left; font-size: 9pt;}
.content #links a {text-decoration: none; color: #53ace0;}
.content #links a:hover {color: #931c41;}

/*Content Container - Open*/
.content #open {float: left; width: 100%; text-align: left; padding: 0 0 0 0; border: 0px solid #000;}
.content #opentitle {font-family: arial, tahoma, helvetica; font-weight: bold; font-size: 16pt; color: #000; margin: 15px 0px 10px 20px;}
.content #opensubtitle {font-family: arial, tahoma, helvetica; font-weight: bold; font-size: 12pt; color: #000; font-weight: bold; margin: 10px 0px 10px 20px;}
.content #captiontext {font-family: arial, tahoma, helvetica; font-size: 8pt; color: #000; margin-left: 20px;}
.content a img {border: none;}

.content #open table {border-color: #000; border-width: 0 0 1px 1px; border-style: solid;}
.content #open td {border-color: #000; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 2px;}

.content #open #order table {border-color: #000; border-width: 0 0 0 0;}
.content #open #order td {border-color: #000; border-width: 0 0 0 0; border-style: solid; margin: 0; padding: 2px;}

.content #open #col {background: #dddddd;}
.content #open #colheader {background: #53ABDF; font-weight: bold;}

.content #openlinks {position: relative; font-family: arial, tahoma, helvetica; text-align: left; font-size: 9pt; margin-bottom: 20px; font-weight: bold;}
.content #openlinks a {text-decoration: none; color: #53ace0; margin-left: 20px;}
.content #openlinks a:hover {color: #931c41;}

/*Content Container - Left*/
.content #contentleft {background: #fff; float: left; width: 50%; text-align: left; border: 0px solid #000; padding: 20px 30px 30px 20px;}
.content #addtitle {background: #fff; float: left; width: 20%; text-align: left; border: 0px solid #000; padding: 10px 0px 0px 0px; line-height: 2em; margin-left: 20px;}
.content #addtext {background: #fff; float: left; width: 70%; text-align: left; border: 0px solid #000; padding: 10px 0px 0px 0px; line-height: 2em;}
.content #addtext a {text-decoration: none; color: #53ace0;}
.content #addtext a:hover {color: #ED1C24;}

/*Content Container - Right*/
.content #contentright {position: relative; background: #fff; float: left; width: 34%; text-align: left; border: 0px solid #000; padding: 20px 30px 30px 20px;} 

/*Content Containers - Assort*/
.content #assort {background: #fff; float: left; width: 40%; text-align: left; border: 0px solid #000; padding: 20px 30px 30px 20px;}
.content #assort table {border-color: #000; border-width: 0 0 1px 1px; border-style: solid; margin-top: 10px;}
.content #assort td {border-color: #000; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 2px;}

/*Content Container - Terms*/
.content #terms {background: #fff; float: left; width: 90%; text-align: left; border: 0px solid #000; padding: 20px 50px 30px 30px;}

/*Page Index Styles*/
.content #pageindex {font-family: arial, tahoma, helvetica; font-size: 8pt; color: #000;}
.content #pageindex table {border: 0;}
.content #pageindex table td {border: 0;}

/*Linkbar */
.linkbar {display: block; height: 40px; background: #fff; width: 100%; text-align: left; border-top: 1px solid #000; font: bold 9pt/1.5em myriad, arial, helvetica, sans-serif;}
.linkbar #links {position: relative; text-align: left; float: left; border: 0px solid #000; padding-top: 10px; padding-bottom: 10px;}
.linkbar #links a {text-decoration: none; color: #53ace0; margin-left: 20px;}
.linkbar #links a:hover {color: #ED1C24;}

/*Footer Styles*/
.footer {display: block; background: #545560; height: 30px; font-family: arial, helvetica, sans-serif; font-size: 8pt; color: #fff; padding-left: 10px; padding-right: 10px; border-top: 4px solid #ED1C24;}
.footer #logos {float: left;}
.footer #copyright {float: right; margin-top: 7px;}
.footer a {text-decoration: none; color: #f4c063;}
.footer a:hover {color: #53ace0;}

/*------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Admin Header Strip*/
.adminstrip {display: block; background: #545560; height: 30px; font-family: arial, helvetica, sans-serif; font-size: 8pt; color: #fff;}
.adminstrip #title {float: left; font-family: boulder regular, myriad, Arial, helvetica; font-size: 14pt; color: #fff; margin-left: 20px; margin-top: 4px;}
.adminstrip a {float: right; text-decoration: none; color: #f4c063; margin-right: 20px; margin-top: 7px;}
.adminstrip a:hover {color: #53ace0;}

/*Admin Form Tables*/
.content #formindex {font: bold 8pt arial, helvetica, sans-serif;}
.content #formindex #subtext {font: 8pt normal arial, helvetica, sans-serif;}
.content #formindex table {border: none; margin-left: 20px;}
.content #formindex table td {border: 0px solid #000;}

/*Admin Container*/
#admincontainer {display: block; background: #ffffff; width: 98%; min-width: 650px; border: 0px solid #000;}

.content #adminlinks {position: relative; font-family: arial, tahoma, helvetica; text-align: right; font-size: 9pt; margin-bottom: 20px; font-weight: bold; margin-right: 30px;}
.content #adminlinks a {text-decoration: none; color: #53ace0; margin-left: 20px;}
.content #adminlinks a:hover {color: #931c41;}