a:active, a:focus { outline: 0; }

body { font-size: 90%; background: url(../images/body_bkgd.png) repeat-y center #b2aa7d; font-family: "Helvetica Neue", Arial, Helvetica, Cambria, Rockwell; }

#header, #content, #footer { float: left; text-align: center; width: 100%;  }
.container { text-align: left;}


#header { padding-top: 0px; padding: 0px; background-color: #550080;   }
#header .container { overflow: hidden;}
#footer p {  color: #c3c3d9; padding-right: 30px;}
#footer a { color: #fff; }
#footer .container { background: url(../images/footer_container_bkgd.png) no-repeat; padding: 2em 0; text-align: right;}
#content .container { background: url(../images/content_container_bkgd.png) repeat-y center #fff; padding-bottom: 2.5em; border-left: 1px solid #ccc28f; border-right: 1px solid #ccc28f; }
#content { background: url(../images/content_BKGD.png) repeat-x bottom #e5deb8; padding: 0em 0 0 0; }
.wrapper { margin: 0 auto; text-align: center; }

#searchbox { -moz-border-radius: 2px 2px 2px 2px; width:auto; height:100px; background-color:#f3d9ff; border: 10px solid#f3d9ff;  line-height:1.4 em; margin:0em 0 0.5em;  padding-left:15px; padding-top:0px; }



#recommend { padding-top: 0px; padding: 0px; text-align:center;}


/*
a.findasitebutton { display: block; width: 350px; height: 40px; background: url(../images/HeaderSiteLocatorLink.gif) no-repeat 0 0; text-indent: -9999px; float: right; }
a.findasitebutton:hover { background: url(../images/HeaderSiteLocatorLink.gif) no-repeat 0 -40px;  }
a.find_sites { width: 154px; height: 54px; background: url(../images/find_sites.gif) no-repeat 0 0; text-indent: -9999px; float: left; text-align: left;}
a.find_sites:hover { background: url(../images/find_sites.gif) no-repeat 0 -54px; }
a.footerfindasitebutton { display: block; width: 350px; height: 60px; background: url(../images/FooterSiteLocatorLink.gif) no-repeat 0 0; text-indent: -9999px; margin-top: 1.5em; }
a.footerfindasitebutton:hover {  background: url(../images/FooterSiteLocatorLink.gif) no-repeat 0px -60px; }
.find_sites li {float:left; list-style:none; margin: 0; padding: 0;}
ul#slideshow, ul#slideshow li, ul#slideshow li img { padding:0; margin: 0; list-style: none;}
.sites td {border-bottom:  #cccccc solid 1px;}
*/


h1 a {  text-decoration: none; line-height: 1;  color: #fff; }
h1 { font-size: 12px; letter-spacing: 1px; margin-top: 10px; text-align: left; float: left; }
h2 { font-size: 28px; margin-bottom: 18px; line-height: 1; color: #550080;}
h3, h4	{ color: #7f00bf; }
h5 { font-size: 17px; color: #7f00bf; line-height: 3;}
h6 { font-size: 13px; margin-bottom: 0px; line-height:1.5 ; color: #550080;}
h7 {color: #7f00bf;  margin-bottom:7px; line-height:1; font-size:1.5em; }
h8 {color: #7f00bf;  margin-bottom:7px; line-height:1; margin-bottom:10px; font-size:1.5em; text-align: justify;  }
p.intro { font-size:1.5em;line-height:1;margin-bottom:1em; color: #7f00bf;}
a { color: #550080;}
a.screenerButton { margin: 15px 0 0 12px; padding: 60px 5px 0px 5px; height: 100px; display: block;  width:150px; background: url(../images/screenerButton.gif) no-repeat 0 0; color: #fff; font-family: "Arial Narrow", Arial, Helvetica; text-align: center; text-decoration: none; line-height: 1.1; font-size: 23px;} 
a:hover.screenerButton {background: url(../images/screenerButton.gif) no-repeat 0 -160px;}


#leftCol { padding-bottom: 150px; padding-top: 20px;}
#rightCol { padding-top: 1.5em;}

ul#mainNav { margin: 0px; padding: 0px; width: 200px; }
ul#mainNav li { margin: 0px; padding: 0px; list-style: none; background: url(../images/mainNav_default.gif) no-repeat; }
ul#mainNav li:hover { background: url(../images/mainNav_bkgd.gif) no-repeat; }
ul#mainNav li.active, ul#mainNav li.active:hover { background: url(../images/mainNav_active.gif) no-repeat; }
ul#mainNav li a { text-align: right;height: 26px; font-size: 14px;color: #555; padding: 8px 24px 2px 5px;  display: block; text-decoration: none; background: url(../images/mainNav_default_right.gif) no-repeat top right; }
ul#mainNav li a:hover { background: url(../images/mainNav_right.gif) no-repeat top right; color: #fff;} 
ul#mainNav li.active a,  ul#mainNav li.active a:hover { font-weight: bold;background: url(../images/mainNav_active_right.gif) no-repeat top right; color: #fff; padding-right: 15px; border-left: 1px solid #ccc28f;} 

.callout {  font-size: 85% ; width: 278px; background: #f7f4e2; border: 1px solid #007356; -moz-border-radius: 6px;-webkit-border-radius: 6px; }
.callout h3 {   font-size:1.2em;line-height:1.25; margin-bottom: 0px; padding: 6px 0 10px 16px; color:  #fff; font-style: italic;  background-color: #007356; }
.callout.left { float: left; margin: 0em 1.5em 1.5em 0; }
.callout.right { float: right; margin: 0em 0em 1.5em 20px; }
.calloutContent { padding: 1em 0 0em 1.25em;/*  border-bottom: 1px solid #aaa;   background: url(../images/callout_body.png) repeat-y 0 0 #f7ffcc; */ }
.calloutContent li, .calloutContent p { margin-bottom: 10px; line-height: 1.2;}

caption { color: #000; padding: 10px 20px; color: #fff; font-weight: bold; background-color: #2C77BD; }

#accordion h3 a { font-family: "Helvetica Neue", Arial, Helvetica, Cambria, Rockwell; }

ul.icon { padding-left: 0; margin-left: 10px; }
ul.icon li { list-style: none; padding-left: 18px; }
ul.icon.checkmarks li { background: url(../images/tick.gif) no-repeat;  }
ul.icon.information li { background: url(../images/information.gif) no-repeat;  }

/* #pageImage { background:aqua; height: 200px; } */

table#groups { border-collapse: collapse; }
table#groups td { vertical-align: top; font-size: 85%; text-align: center; }
table#groups td .group { color: #fff; padding: 0 4px; float: left; margin-right: 6px; margin-top: 20px; width: 100%; font-size: 120%; }
a.screenerLink { font-weight: bold; }
table.locations { font-size: 85%;}
table.locations caption { font-size:1.2em;line-height:1.25; letter-spacing: 1px; padding: 4px 8px; text-transform: uppercase; }
table.locations.enrollingNow caption { background-color: #550080; }
table.locations.enrollingSoon caption { background-color: #7f00bf; } 
table.locations td { border-bottom: 1px solid #ccc; padding: 7px 0 7px 4px; }



a.tableButton { display: block; height: 29px; width: 121px; text-indent: -9999px;  }
a.single_image { background: url(../images/button_photo.gif) no-repeat; }
a.prescreenNow { background: url(../images/PrescreenNow.gif) no-repeat; }
td.city { font-weight: bold;}
td.state {font-weight: bold;font-size:1.2em;line-height:1.25; letter-spacing: 1px; padding: 4px 8px; text-transform: uppercase; color: #FFFFFF;}
.enrollingNow td.state { background-color: #550080; }
.enrollingSoon td.state { background-color: #7f00bf; } 
#locationNotification {display:none;}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FONT SIZER CSS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.fontResizer { display: block; float:left; padding-left: 20px; }
.fontResizer a { border-left-color: #999999; border-bottom-color: #807959; border-right-color: #807959; border-width: 1px; border-style: solid; display: block; float: left; width: 20px; height: 20px; text-align: center; border-top-color: #999999; line-height: 19px;  background-color: #f8f4e3; color: #807959; text-decoration: none; }
.fontResizer a:hover { color: #000; text-decoration: none; }
/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/
.smallFont { font-size: 10px;}
.medFont { font-size: 12px;}
.largeFont { font-size: 14px; }
.xlargeFont { font-size: 16px;}
.fontResizer a.curFont { border-right-color: #808080; border-left-color: #202020; border-bottom-color: #808080; border-top-color: black; border-style: solid; background: #313131; color: #fff;}