/* -------------------------------------------------------------- 
   postsecondary.css
   
   Colors to work with:
   ==========================
   Dark Blue    #1b3766
   Mid Blue     #2e5386
   Light Blue   #e9edf3
   U Light Blue #f4f6f9
   Dark Tan     #616161
   Light Tan    #e1ddd1
   Oxblood      #920000

-------------------------------------------------------------- */

/* Redefine Colors
---------------------------------------- */

/* TEXT COLORS */
body.postsecondary, 
body.postsecondary h1,
body.postsecondary h2,
body.postsecondary h3,
body.postsecondary h4,
body.postsecondary h5,
body.postsecondary h6 {
  color: #000000;
}

h3.red { color: #920000; }

.postsecondary a {
  color: #2e5386;
  display: inline;
}

.postsecondary a:hover {
  color: #920000;
}

.postsecondary #in_focus a,
.postsecondary #primary a{
  font-weight: bold;
}

/* BACKGROUND COLORS & IMAGES */
body.postsecondary div#wrapper,
body.postsecondary div#wrapper div.top,
body.postsecondary div#wrapper div.bottom {
  background-image: none;
}
body.postsecondary div#wrapper {
  background: #f4f6f9 url('/design/img/wrapper_postsecondary.png') repeat-x left top;
  background-color: #f4f6f9;
}
/*body.postsecondary .top {
  background-color: #f4f6f9;
}*/
body.postsecondary #primary {
  background-color: white;
}
body.postsecondary #in_focus {
  background-color: #fff;
}
body.postsecondary #intro {
  background-color: #2e5386;
  color: #fff;
}
body.postsecondary #intro a,
body.postsecondary #secondary a {
  color: #fff;
}
body.postsecondary .related {
  background-color:#e1ddd1;
}
body.postsecondary #aid,
body.postsecondary .toolkit {
  background-color: #1b3766;
  color: #fff;
}
body.postsecondary .toolkit h2,
body.postsecondary .toolkit h3 {
  color: #fff;
}

body.postsecondary .toolkit a { color: #dce2eb; text-transform: uppercase; font-size: .8em;}
body.postsecondary .toolkit a:hover { color: white; }


/* Grid
---------------------------------------- */
body.postsecondary div#wrapper div.top,
body.postsecondary div#wrapper div.bottom {
  width: 100%;
}
body.postsecondary #aid {
   width: 100%;
   height: 47px;
   }

body.postsecondary.interior #aid { height: 57px; }

body.postsecondary #aid h1 {
  display: block;
  overflow: hidden;
  margin: 0;
  height: 57px;
  width: 100%;
}
body.postsecondary #intro {
  padding: 8px 20px 15px 20px;
}
body.postsecondary #primary {
  overflow: visible;
}

#index.postsecondary #primary .pad {
    padding: 20px;
    min-height: 535px;
}





/* View Port */
body.postsecondary #primary #policy-areas {
    margin: -6px 0 -4px -4px;
    background: url('/design/img/postsecondary-rotator.png') no-repeat 4px 4px ;
    }

body.postsecondary #primary #policy-areas h2, 
body.postsecondary #primary #policy-areas #policy-areas_controls ,
body.postsecondary #primary #policy-areas #policy-areas_controls  li a {
    background-image:url('/design/img/policytabs.png');
    background-repeat:no-repeat;
    }

body.postsecondary #primary #policy-areas h2, 
body.postsecondary #primary #policy-areas #policy-areas_controls ,
body.postsecondary #primary #policy-areas #policy-areas_controls  li a {
    text-indent: -9990px;
    }

body.postsecondary #primary #policy-areas h2 {
    margin-bottom:0;
    width: 784px; height: 59px;
    background-position:left top;
    }

body.postsecondary #primary #policy-areas .viewport {
    margin-left:4px;
    width:780px;
    min-height: 247px;
    background-color:#f8f7f4;
    background:#f8f7f4 url('/design/img/viewport-bg.png') left bottom repeat-x;
    }

body.postsecondary #primary #policy-areas .viewport .panel { position:relative; }

body.postsecondary #primary #policy-areas .viewport .description {
    font-size: 17px; 
    line-height: 22px;
    width: 310px;
    padding-top: 25px;
    margin-left: 19px;
    }

body.postsecondary #primary #policy-areas .viewport .img {
    position:absolute;
    top:-41px; right: 0px;
    width: 414px; height: 274px;
    padding: 7px 8px 9px 8px;
    background: transparent url('/design/img/photo-frame.png') 0 0 no-repeat;
    }

body.postsecondary #primary #policy-areas .viewport .img a img {
    width: 398px; 
    height: 259px;
    }

body.postsecondary #primary #policy-areas ul#policy-areas_controls { 
    margin: -16px 0 0 0;
    width: 784px; height: 68px;
    background-position:left bottom;
    list-style:none;
    text-indent: 0;
    padding-left: 6px;
    }

body.postsecondary #primary #policy-areas ul#policy-areas_controls li {
    /*display: inline;*/ float: left;
    }

body.postsecondary #primary #policy-areas ul#policy-areas_controls li a{
    display:block;
    width: 195px; height: 64px;
    }

    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-1 { background-position:-6px -132px; }
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-1:hover,
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li.ui-tabs-selected a.frame-1 { background-position:-6px -65px; }

    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-2 { background-position:-201px -132px; }
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-2:hover,
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li.ui-tabs-selected a.frame-2 { background-position:-201px -65px; }
 
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-3 { background-position:-396px -132px; }
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-3:hover,
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li.ui-tabs-selected a.frame-3 { background-position:-396px -65px; }

    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-4 {
      background-position:-591px -132px;
      width: 190px;
      }

    body.postsecondary #primary #policy-areas ul#policy-areas_controls li a.frame-4:hover,
    body.postsecondary #primary #policy-areas ul#policy-areas_controls li.ui-tabs-selected a.frame-4 {
      background-position:-591px -65px;
      width: 195px;
      margin-right: -5px;
      }



body.postsecondary .moreinfo { background: white url('/design/img/postsecondary-index.jpg') 0 0 repeat-y; }




body.postsecondary #in_focus {
  width: 470px;
  padding: 17px 15px 0 15px;
  margin-top: 0;
}
body.postsecondary .related,
body.postsecondary .related #did_you_know {
  width: auto;
}
body.postsecondary .related {
  background-image: none;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
body.postsecondary .related #did_you_know,
body.postsecondary .related #fact_finder {
  min-height: 100px;
  float: none;
}
body.postsecondary #highlights, 
body.postsecondary .toolkit {
  display: inline;
  float: right;
  margin-right: 10px;
}
body.postsecondary #highlights, 
body.postsecondary #highlights #tabs,
body.postsecondary #highlights #tabs .ui-tabs-nav {
  width: 260px;
}
body.postsecondary .toolkit,
body.postsecondary #highlights #tabs .ui-tabs-panel {
  width: 230px;
  padding: 15px;
}

body.postsecondary .toolkit {
  margin-top: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
body.postsecondary #wrapper #primary #highlights #tabs {
  background: #F9F9F5 url('/design/img/ui-tab-bg.png') 0 0 repeat-x;
  padding-top: 10px;
  margin-top: 10px;
}
#wrapper #submenu, #secondary .aside {
  padding:15px;
  width:150px;
  background:transparent url("/design/img/hr-secondary.png") right top no-repeat;
}
body.postsecondary #content {
  padding: 20px;
  background-color:#fff;
  border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
}
body.postsecondary #primary {
  border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
  border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
  background:#fff url('/design/img/bg-primary.gif') 0 0 repeat-x;
}
body.postsecondary #secondary {
  padding-top:0;
}
body.postsecondary #choose_topic ul.topics {
  margin:0;
  list-style: none;
}
body.postsecondary #choose_topic ul.topics li {
  font-size: 12px;
  margin-bottom: 10px;
  background: transparent url("/design/img/title-sprites.png") -794px -33px no-repeat;
  display: inline; float: left;
  width: 49%;
}
body.postsecondary #choose_topic ul.topics li a {
  display:block;
  font-weight: bold;
  margin-left: 17px;
  margin-right: 5px;
}


/* Typography
---------------------------------------- */

/* Spriting action */
body.postsecondary #aid h1 a, 
body.postsecondary #aid h1 a, 
body.postsecondary #resources div.title,
body.postsecondary #in_focus div.title a,
body.postsecondary #container #wrapper #highlights #tabs li.title a,
body.postsecondary .related #choose_topic .title, 
body.postsecondary .related .title a,
body.postsecondary .related #did_you_know .title a  {
  background-image:url('/design/img/title-sprites.png');
  text-indent: -9990px;
}
body.postsecondary #aid h1 a {
  display: block;
  overflow: hidden;
  margin-top: 18px;
  height: 25px;
  width: 100%;
  background-position:20px 0;
}
body.postsecondary #resources div.title {
  width: 99px;
  height: 22px;
  background-position:left -25px;
  padding-bottom: 8px;
}
body.postsecondary #in_focus div.title a,
body.postsecondary #in_focus div.title a:hover,
body.postsecondary #in_focus div.title a:focus {
  width: 94px;
  background-position:-100px -25px;
}

body.postsecondary #container #wrapper #highlights #tabs li.title {
  background-image:none;
  padding:3px 0 3px 7px;
  width: 93px;
}
body.postsecondary #container #wrapper #highlights #tabs li.title a,
body.postsecondary #highlights li.title a:hover,
body.postsecondary #highlights li.title a:focus {
  width: 80px;
  background-position:-100px -39px;
}

body.postsecondary .related #did_you_know div.title a,
body.postsecondary .related #did_you_know div.title a:hover,
body.postsecondary .related #did_you_know div.title a:focus {
  width: 113px;
  background-position:-194px -25px;
}
body.postsecondary .related #fact_finder div.title a,
body.postsecondary .related #fact_finder div.title a:hover,
body.postsecondary .related #fact_finder div.title a:focus {
    background-position:-312px -25px;
    width: 295px;
    height: 14px;
}
body.postsecondary .related #choose_topic div.title {
  width: 115px;
  height: 10px;
  background-position:-194px -37px;
  clear:both;
}

/**/
body.postsecondary #intro p {
  font-size: 16px;
  margin-bottom:0;
}
body.postsecondary #aid h1 a {
  color: white;
  
}

body.postsecondary #intro p strong a:hover,
body.postsecondary #intro p strong a:focus {
  text-decoration: underline;
}
body.postsecondary .toolkit h2 {
  font-size: 10px;
}
body.postsecondary .toolkit h3 {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
}
body.postsecondary .toolkit p {
  margin-bottom:0;
  font-size: 12px;
  line-height: 17px;
}
body.postsecondary #secondary a {
  font-weight: bold;
}

body.postsecondary ul.list li {
  padding-top:0px;
}
body.postsecondary ul.list, body.postsecondary ul.list li {
  width: 232px;
}
body.postsecondary .related p {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 12px;
}
body.postsecondary #anchor_targets h2 {
  font-size: 14px;
  font-weight: bold;
}

/* Some Border radiusain 
---------------------------------------- */
#tabs, body.postsecondary .toolkit, body.postsecondary .related, body.postsecondary #tabs {
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
body.postsecondary #tab1, body.postsecondary #tab2  {
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
}





/* DID YOU KNOW
-------------------------------------------------------------- */



body.postsecondary #in_focus .related .fact_image {
     float: right;
     width: 290px;
     overflow: hidden;
     margin-left: 15px;
     text-align: center;
     }

body.postsecondary #in_focus .related .fact_big {
     font-size: 20px;
     line-height: 22px;
     }

body.postsecondary #in_focus .related .fact_small {
     font-size: 14px;
     }

body.postsecondary #in_focus .related .fact_source { 
     color: #a7a7a7; 
     font-size: 10px;
     line-height: 11px;
     display: block;
     margin-top: 6px;
     text-align: left;
     }

body.postsecondary #in_focus .related .fact_link {
     font-size: 10px;
     text-transform: uppercase;
     display: block;
     margin-top: 6px;
     }





/* Better Clearing method
---------------------------------------- */

/* -----------------------------------------------------
  P.I.E. FLOAT CLEARING
  www.positioniseverything.net/easyclearing.html
----------------------------------------------------- */
body.postsecondary #primary:after, body.postsecondary .panel:after,
.clearfix:after
{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }