@charset "UTF-8";
/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,form,fieldset,caption,h1,h2,h3,h4,h5,h6,hr,ul,li,ol,ul,table,tr,td,th,p,img {	margin:0;	padding:0;}
body  { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; position: static; background-repeat: repeat; background-color: #CCC; }
p { margin-bottom: 0px; margin-top: 0px; }
a { text-decoration: none; font-size: 1em; color: #090; }
a:hover { color: #F00; }
#container { display: block; height: auto; width: 928px; margin-left: auto; margin-bottom: 15px; margin-right: auto; }
#header #textLogo { position: relative; top: 59px; left: 5px; }
#header { background-image: url(images/graphics/siteheader-ae.png); display: block; height: 115px; width: 928px; margin-top: 6px; }
#mainContent h2 { font-size: 1.1em; color: #A5383C; float: left; margin-right: .5em; }
#mainContent p { margin-bottom: 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 130%; color: #666; clear: left; }
#header #phoneInfo { font-family: "Arial Black", Gadget, sans-serif; font-size: 0.9em; font-style: italic; color: #FFF; font-weight: bold; display: block; position: relative; top: 20px; left: 670px; width: 250px; }
ul#navlist { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; position: relative; top: 67px; left: 446px; list-style-position: outside; list-style-type: none; width: 480px; }
ul#navlist li { float: left; text-indent: 0.35em; margin-left: 6px; display: block; padding: 0px; text-align: left; }
ul#navlist li a { color: #FFF; background-color: #333; display: block; text-decoration: none; font-weight: bold; padding-right: 32px; padding-left: 32px; padding-bottom: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
ul#navlist li a:hover { background-color: #0081B2; }
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; height: 20px; display: block; text-align: left; position: relative; margin-left: -20px; }
ul#subnavlist li a { background-color: #333; font-weight: bold; color: #FFCC06; }
ul#subnavlist li a:hover { background-color: #5571A3; color: #FFF; }
ul#navlist li:hover ul#subnavlist { display: block; position: absolute; font-size: 0.95em; padding-top: 0px; font-style: normal; padding-left: 0px; }
ul#navlist li:hover ul#subnavlist li a { display: block; width: 135px; border: none; position: relative; padding-top: 3px; padding-bottom: 1px; padding-left: 5px; -moz-box-shadow: 5px 5px 8px #818181; -webkit-box-shadow: 5px 5px 8px #818181; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; opacity: .85; margin-top: 3px; }
#pageContent #mainContainer #sideBar { float: left; padding-left: 12px; width: 200px; height: auto; padding-top: 10px; text-align: left; }
#sideBar h3 { font-size: 0.9em; color: #EC1A23; font-style: italic; margin-bottom: 4px; }
#sideBar p { font-size: 0.8em; margin-bottom: 4px; font-family: Georgia, "Times New Roman", Times, serif; margin-top: 0px; }
#bodyContent { display: block; height: auto; width: 926px; margin-left: 1px; }
#bodyContent #sideNav { display: block; height: auto; width: 200px; position: relative; float: left; clear: left; left: 8px; top: 4px; }
#bodyContent #sideNav ul   { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; display: list-item; list-style-type: none; list-style-position: outside; margin-right: 25px; margin-top: 0px; font-style: italic; text-align: left; }
#bodyContent #sideNav ul li a { display: block; background-color: #666; margin-left: 0px; margin-top: 0px; margin-bottom: 6px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; color: #FFF; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#bodyContent #sideNav ul li a:hover { background-color: #EC1F23; color: #FFF; }
#bodyContent #pageContent { display: block; height: auto; width: 726px; float: left; }
#pageContent #pageGraphic { display: block; height: auto; width: 726px; }
#pageContent #mainContainer { display: block; height: auto; width: 726px; }
#mainContainer #mainContent { display: block; float: left; width: 460px; padding-left: 25px; padding-right: 15px; font-size: 0.85em; font-family: Verdana, Geneva, sans-serif; border-right-width: 1px; border-right-style: solid; border-right-color: #999; text-align: left; }
#mainContent h1 { font-size: 1.3em; font-style: italic; font-weight: bold; font-family: "Arial Black", Gadget, sans-serif; color: #00ADEE; margin-top: 3px; margin-bottom: 1px; }
#header #pageLogo a{ display: block; position: absolute; float: left; background-image: url(images/graphics/toplogo.png); height: 52px; width: 116px; margin-top: 18px; margin-left: 35px; }
#header #pageLogo a:hover{ background-position: 116px 0px; }
#bodyContent #footer { text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em; display: block; -moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px; padding-bottom: 3px; color: #999; }
#mainContent p a { text-decoration: underline; }
#mainContent p a:hover { color: #090; background-color: #CFC; }
#mainContent p object { float: left; padding-right: 25px; padding-bottom: 5px; position: relative; }
#mainContent p img { float: left; padding-right: 10px; padding-bottom: 5px; position: relative; }
#mainContent p .imgRight img { float: right; padding-right: 0px; padding-left: 10px; padding-top: 10px; padding-bottom: 0px; clear: left; }
#sideBar p img { float: left; margin-right: 6px; }
.redText { color: #C33300; }
#mainContent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic; color: #1D8AB3; margin-bottom: 3px; clear: left; }
#form { background-color: #FF9; }
#formLayout label  
    { display: block; width: 100px; float: left; text-align: right; margin-right: 10px; color: #333; font-size: 1.1em; }
#formLayout input { font-size: 1em; margin-bottom: 6px; }
#miniForm { font-size: 0.8em; width: 340px; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; background-color: #FFC; padding-top: 10px; }
#miniform br { clear: left; }
#formLayout p #button { margin-right: 40px; margin-left: 170px; clear: both; padding-right: 10px; padding-left: 10px; }
#mainContainer #mainContent ul { list-style-type: none; padding-left: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; font-style: italic; line-height: 1.3em; padding-bottom: .3em; font-weight: bold; color: #666; }
#mainContainer #mainContent ul li { list-style-type: none; font-family: Verdana, Geneva, sans-serif; font-size: 1.1em; font-style: italic; line-height: 1.3em; font-weight: bold; color: #EC1F23; padding-left: 1em; padding-bottom: 0.3em; }
#mainContent ul li a:hover { text-decoration: underline; }
#mainContent ul li a { color: #00ADEE; }
#bodyContent #footer { background-color: #FFF; }
#mobiNav { display: none; }
#mainContent #RecentGallery { font-size: 0.8em; background-color: #333; padding: 3px; overflow: visible; margin: 0px; position: relative; height: 200px; visibility: visible; color: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; line-height: 1.25em; }
#RecentGallery h3 { font-size: 1.2em; color: #FFF; }
#RecentGallery ul #col2 li{ color: #0C3; }
#RecentGallery ul #col1   { display: block; padding: 3px; background-color: #E9E9E9; float: left; width: 200px; height: 172px; text-align: left; text-indent: -7px; }
#RecentGallery ul #col2 { display: block; padding: 3px; background-color: #E9E9E9; float: left; width: 200px; height: 172px; text-align: left; text-indent: -6px; }
#sideBar #microForm { background-color: #FFC; font-size: 0.8em; display: block; }
#microForm label { width: 65px; display: block; font-family: Verdana, Geneva, sans-serif; text-align: right; margin-right: 6px; float: left; position: relative; top: 6px; }
#sideBar #microForm h3 { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ED2B30; margin-left: 5px; margin-right: 5px; }
#sideBar #microForm #formText { font-family: Verdana, Geneva, sans-serif; display: block; margin-bottom: 4px; margin-right: 5px; margin-left: 5px; }
#microForm input { margin-bottom: 3px; margin-top: 0px; }
#microForm #FormSub { text-align: center; margin-left: 70px; margin-top: 3px; margin-bottom: 2px; }
#mainContent #announcement { font-size: 1.8em; color: #EC1A23; }
#footer #LowerNav { display: block; font-size: 1.1em; padding-bottom: 10px; }
#mainContent #mainContent2 #ACES { font-style: italic; font-weight: bold; color: #EC1A23; left: 10px; padding-left: 25px; }
#miniForm #formLayout p #miniFormCYA { padding-left: 15px; padding-right: 10px; display: block; padding-bottom: 3px; margin-bottom: 0px; }
#mainContent .caption { clear: left; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 0.9em; color: #333; }
#mainContent #guideLinks { font-size: 0.85em; display: block; background-color: #FF9; padding: 5px; text-align: left; }
#header #logoIcon { visibility: hidden; height: 0px; }
#pageContent #mainContainer #mainContent ol { font-size: 0.9em; color: #666; position: relative; left: 20px; width: 400px; margin-bottom: 5px; }
#pageContent #mainContainer #mainContent ol li { margin-bottom: 5px; }
.generaList { font-style: normal; font-weight: normal; list-style-type: circle; }
#bodyContent #footer #address { display: block; padding-top: 3px; padding-bottom: 2px; }
#mainContent ul .listDetails p { font-weight: normal; padding-left: 10px; }

/*iPad and Tablet Media Styles*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { 
body { background-color: #999; }
}

/* Phone screen styles will go here */
@media only screen and (max-device-width : 480px) { 	
body { background-color: #666; } 
}




.noVis { display: none; }
