/* set the font face and default size for everything; could     */
/* set colors, too, but NN4 doesn't work too well with that...  */
html	{
	height: 100%;
}

body {
	height: 100%;
}

BODY, UL, OL, LI, TD, .bodycopysmall, .subtitle, .breadcrumb,
.pagetitle, .pageheading, .toplevelmenulink, .menulink
   { font-family : Arial, Helvetica, sans-serif; font-size : 12px; }

/* font sizes */

.breadcrumb { font-size : 10px; }

.bodycopysmall
  { font-size : 11px; }

.subtitle
  { font-size : 13px; }

.pagetitle
  { font-size : 14px; }

.pageheading { font-size : 18px; }

.pageheading, .pagetitle, .subtitle
   { font-weight : bold; }
.breadcrumb, { color : #666666; }
.subtitle { ; color: #000000}

.pagetitle
  { color : #ffffff; }

.toplevelmenulink  { color : #999999; }
.menulink  { color : #cccccc; }

/* link colors */ 
/* the explicit class link color assignments are needed for NN4 */

/* for some reason, the text-decoration is needed to  */
/* make link colors work right in NN4 */

a.pageheading, a.subtitle, a.leftnavtitle
  { text-decoration : underline; }

/* again, text-decoration is needed _here_ for NN4 */

a.menulink, a.menulink:visited, a.toplevelmenulink,
a.toplevelmenulink:visited, a.pagetitle, a.pagetitle:visited
  { color : #ffffff; text-decoration : none; }

.menulink, .toplevelmenulink, .pagetitle,
  { text-decoration : none; }

a.menulink:hover, a.toplevelmenulink:hover, a.pagetitle:hover,
  { color : #ffcc00; text-decoration : underline; }

a.menulink:active,a.toplevelmenulink:active, a.pagetitle:active,
  { color : #cc6699; }

/* other styles */ 

a.breadcrumb, a.breadcrumb:visited
  { text-decoration : underline; }

/* styles with explicit color specs */

.pageheading { color : #9E5316;  } .bodycopy { ;  } .subtitle { ;  } 

/* ============================================================================
DIV LAYOUT
=============================================================================== */



 /* =============================================================================
   4.0  BANNER
   ========================================================================== */
#banner {
  width: 672px;
  height: 390px;
  position: relative; }
  #banner .textbar {
    position: absolute !important;
    bottom: 0 !important;
    left: 0;
    width: 672px;
    height: 18px;
    padding: 3px 0 0 21px;
    color: #aadfff;
    font-size: 11px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-sarif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: url("http://www.actiondayprimaryplus.com/common/css/img/bg-overlay-textbar.png") repeat; }
    #banner .textbar p {
      margin: 0;
      padding: 0; }

/* Parent Home */
#wrapper.global #banner {
  height: 390px; }
  #wrapper.global #banner .logo {
    position: absolute;
    top: 0px;
    left: 48px;
    z-index: 10; }
  #wrapper.global #banner #bannerSlide {
    width: 672px;
    height: 390px;
    position: relative;
    overflow: hidden; }
    #wrapper.global #banner #bannerSlide .slide {
      position: relative;
      width: 815px;
      height: 390px; }
      #wrapper.global #banner #bannerSlide .slide .overlay {
        position: absolute;
        top: 125px;
        right: 130px;
        width: 250px;
        height: 205;
        padding: 15px 20px;
        background: url("http://www.actiondayprimaryplus.com/common/css/img/bg-banner-overlay-blue.png") repeat;
        -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5); }
        #wrapper.global #banner #bannerSlide .slide .overlay h1 {
          font-size: 18px;
          color: #FFF;
          margin: 0;
          padding: 0;
          line-height: 1.0em;
          text-transform: uppercase;
          font-family: "Trebuchet MS", Arial, Helvetica, sans-sarif;
          text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.45); }
        #wrapper.global #banner #bannerSlide .slide .overlay p {
          margin: 8px 0 0 0;
          padding: 0;
          font-size: 12px;
          color: #FFF; }
        #wrapper.global #banner #bannerSlide .slide .overlay a.arrow {
          color: #f8d708; 		
          text-transform: uppercase;
          font-size: 9px;
          text-decoration: none;
          background-position: right 2px; }
          #wrapper.global #banner #bannerSlide .slide .overlay a.arrow:hover {
            color: #AADFFF;
            text-decoration: underline; }
      #wrapper.global #banner #bannerSlide .slide .textbar {
        position: absolute !important;
        bottom: 0 !important;
        left: 0;
        width: 815px;
        height: 18px;
        padding: 3px 0 0 21px;
        color: #aadfff;
        font-size: 11px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-sarif;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        background: url("http://www.actiondayprimaryplus.com/common/css/img/bg-overlay-textbar.png") repeat; }
        #wrapper.global #banner #bannerSlide .slide .textbar p {
          margin: 0;
          padding: 0; }
  #wrapper.global #banner ul#nav {
    position: absolute;
    bottom: 40px;
    left: 79px;
    z-index: 20;
    margin: 0;
    padding: 0;
    list-style: none; }
    #wrapper.global #banner ul#nav li {
      float: left;
      width: 40px;
      height: 40px;
      margin-right: 20px;
      -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75);
      border: 1px solid transparent; }
      #wrapper.global #banner ul#nav li.activeSlide {
        border: 1px solid #f8d708; }
      #wrapper.global #banner ul#nav li a {
		color: #6e6e6e;  
        display: block;
        font-family: "Verdana";
        font-size: 10px; }
  #wrapper.global #banner a#toggle {
    position: absolute;
    bottom: 40px;
    left: 19px;
    z-index: 100;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.75); }

#wrapper {
  height: 100%;	
}
#wrapper #page {
    width: 815px;
    margin: 0 auto; }

#main {
  height: 100%;	
  float: left;
  width: 815px;
  position: relative;
  z-index: 2;
  margin-bottom: -104px;
  background-color: #FFF; }

#content {
  height: 100%;	
  -webkit-box-shadow: 0px 10px 14px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 10px 14px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 10px 14px rgba(50, 50, 50, 0.75); }

a {
  text-decoration: none; }

a.arrow {
  background: url("http://www.actiondayprimaryplus.com/common/css/img/icon-db-arrow-yellow.png") no-repeat right 5px;
  padding-right: 10px; }

.cleaner {
  clear: both;
  height: 1%; }
  
#content p {
	padding: 0 80px 0 80px;
}
#content table p {
	padding: 0 0 0 0 !important;
}
#content table td p {
	margin-top:-2px;
}

.header	{
	width: 662px;
	height: 100%;
	padding: 10px 0 15px 10px;
	border-bottom: 5px solid #000;
}

.header	span {
	background: url("/redesign/images/bb_grid_platnum1.gif") repeat-x;
	width: 588px;
	height: 82px;
	float: right;
}
.lside	{
	width:672px;
	height: 100%;
	float:left;
}

.rside	{
	width: 143px;
	min-height: 1200px;
	background: url("/image/nav_bg_side_143x1.gif") repeat-y;
	float: right;
}

.rside ul	{
	margin-top: 55px;
}
.rside	ul li{
	list-style: none;
	line-height: 27px;
	margin-left: -31px;
}

.footer {
	width: 815px;
	height: 46px;
	clear: both;
	background: url("/redesign/images/nav_bg_bot_1x46.gif") repeat-x;
}

.footer div {
	width:300px;
	height: 31px;
	padding: 15px 0 0 10px;
	float:left;
}
.footer img {
	float:right;
	background-position: right;
}