/* CSS Document */
body{
font-size:0.80em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/background.jpg)
}
#header{background-color:#9cf; padding:.1em; height:auto; text-align:center;}
#footer{text-align:center; margin-top:-8em;}
#wrapper{width:85%;border:1px solid #000;height:auto;margin:5px auto;position:relative;}
.ASPSlogoImage{position:absolute;top:3px;right:3px;width:124px;height:115px;}
.logoSWF{width:145px;height:85px; margin-left:0;}
.aaronImage{margin-left:48%; margin-top:-5em; width:74px; height:100px;}
#images {margin-left:.2em; margin-top:1.8em; width:17.45em;}
#content{height:auto;}
.facebook {margin-left:.2em; margin-top: 13em;}
.style1{font-family:Georgia,Times New Roman,Times,serif;}
.style2{color:#00007f;font-size:11px;}
.style4{color:#003;font-size:1.0em;}
.style5{font-size:1.6em;}
.style8{font-family:Arial,Helvetica,sans-serif;font-size:20px; margin-left:12em;}
.style9{font-size:20px;font-style:italic; margin-left:12em;}
.style10{font-size:20px;font-weight:bold;color:#00007f;}
.style11{font-family:Times New Roman,Times,serif;font-size:1em;text-align:center;}
.style12{font-family:Arial,Helvetica,sans-serif;font-size:20px;}
.bodytext{ margin-left: 58em; text-align:right;}/**/
.searchform {margin-top: -28em; margin-left:23%;}
.SpanishBtn {margin-left:-75em; list-style:none;}
.SpanishBtn a{background-color:#96cc36;border:1px solid #85A6C8;text-decoration:none;color:#1A1A1A;}
.SpanishBtn a:hover{background-color:#ffa418;
color:#1A1A1A;}
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em;
}
#nav{margin-left:30%;}

#nav a{
display:block;
padding:0px 5px;
border:1px solid #85A6C8;
color:#1A1A1A;
text-decoration:none;
background-color:#96cc36;/*C8E1FB*/
width:170px;

}

#nav a:hover{
background-color:#ffa418;/*C4C9CE*/
color:#1A1A1A;
z-index:2;
}

#nav li{
float:left;
position:relative;

}

#nav ul {
position:absolute;
display:none;
width:170px;
top:1.5em;
}

#nav li ul a{
width:170px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:13.2em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block; z-index:2;
}

/*phone*/
@media only screen and (max-width: 320px) {

#images {display:none;}
.logoSWF {display:none;}
.googleyahoobkmks {display:none;}
/*.aaronImage {margin-left:20%em; margin-top:2em;}
#header{height:24em;}
.style1{font-family:Georgia,Times New Roman,Times,serif;font-size:0.9em; }
.style4{color:#003;font-size:0.9em;}
.style5{font-size:1em;}
.style8{ margin-left:0em;}
#nav {margin-top:-10em; margin-left:0; z-index:0;} 
.bodyText {display:none;}
audio {display:none;}
#content {margin-top:20em;}
#footer{margin-top:-20em;}
.searchform {margin-left: 0em; margin-top:-3em;}
.facebook {margin-left:2%; margin-top: -0.01em; z-index:-1;}*/
}

/*smart phone*/
@media only screen and (min-width: 321px) and (max-width:479px){
.ASPSlogoImage{display:none;}
#images {display:none;}
.logoSWF {display:none;}
/*#content {margin-top:20em;}
.searchform {margin-left: 0em; margin-top:-3em;}
.facebook {margin-left:2%; margin-top: -15em; z-index:-1;}
.aaronImage {margin-left:2em; margin-top:2em; margin-left:40%}}

#nav {margin-top:-20em}
#footer{margin-top:10em;}
p {margin-left:-15em}*/
}
@media only screen and (min-width: 480px) and (max-width:599px){
#images {transform:scale(.5,.5);
-ms-transform: scale(.65,.65); /* IE 9 */
-webkit-transform: scale(.5,.5); /* Safari and Chrome */
-o-transform: scale(.5,.5); /* Opera */
-moz-transform: scale(.5,.5); /* Firefox */
margin-left:-3em;
z-index:-1;}
#nav {margin-left:1%;}
.facebook {margin-left:2%; margin-top: -16em; z-index:-1;} 
#footer{margin-top:16em;}
.SpanishBtn {margin-left:-25em;}
.searchform {margin-left: 11em;}
}
@media only screen and (min-width: 600px) and (max-width:766px){
#images {transform:scale(.5,.5);
-ms-transform: scale(.65,.65); /* IE 9 */
-webkit-transform: scale(.5,.5); /* Safari and Chrome */
-o-transform: scale(.5,.5); /* Opera */
-moz-transform: scale(.5,.5); /* Firefox */
margin-left:0em;
z-index:-1;}
#nav {margin-left:10%;}
#nav a{ width:12.8em; }
.facebook {margin-left:2%; margin-top: -10em; z-index:-1;} 
#footer{margin-top:4em;}
.SpanishBtn {margin-left:-25em;}
.searchform {margin-left: 9em; margin-top:-32em;}
}
/*tablet*/
@media only screen and (min-width: 767px) and (max-width:1250px){
.SpanishBtn {margin-left:-50%;}
#images {transform:scale(.5,.5);
-ms-transform: scale(.65,.65); /* IE 9 */
-webkit-transform: scale(.5,.5); /* Safari and Chrome */
-o-transform: scale(.5,.5); /* Opera */
-moz-transform: scale(.5,.5); /* Firefox */
margin-left:0em;
z-index:-1;}
.facebook {margin-left:2.5em; margin-top: 3.5em;}
.style8{margin-left:12em;}
.style9{margin-left:12em;}
.style12{margin-left:0em;}
.searchform {margin-top: -25em; margin-left: 14em;}
#nav{margin-left:0; z-index:1;}
#nav a{ width:13em; font-size:.95em;}
#footer {margin-top:-4em;} 
}