/*
 * Project:		Red Deer College
 * Date:		2009/08/09
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #8cc63f url(/SiteCollectionImages/background-a.png) 956px 0 no-repeat; font-size: 62.5%;  font-family:verdana,arial,helvetica,sans-serif; letter-spacing:0px }
* html body { background-image: none; }

.description {
font-family:tahoma; 
font-size:8pt; 
color: #4c4c4c;
}

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

a { color: #2a93d5; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

/* LAYOUT
------------------------------------------- */

#outer { width: 970px; margin: 0 0 5px; padding: 0 0 33px; background: url(/SiteCollectionImages/background-c.png) 0 100% no-repeat; }
 #inner { width: 923px; min-height: 650px; padding: 0 34px 1px 13px; background: url(/SiteCollectionImages/background-b.png) repeat-y; }
 * html #inner { height: 650px; }
  #top { height: 45px; }
   #logo { position: relative; float:left; left: 5px; top: 40px; }
   @media screen and (-webkit-min-device-pixel-ratio:0) {
	#logo { position: absolute; float:left; left: 5px; top: 40px; }
	}
    #logo a { }
   #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
    #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 180px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
   #corner { float: right; padding: 15px 0 0 0; }
    #corner ul { float: left; list-style: none; margin: 0; padding: 0; }
     #corner ul li { padding: 0 0 0 10px; float: left; font-size: 1em; line-height: 16px; text-transform: uppercase; text-align: center; }
      #corner ul li a { float: left; width: 106px; height: 16px; background: url(/SiteCollectionImages/corner-a.png) no-repeat; color: #eee; }
      #corner ul li a:hover,
      #corner ul li a:focus,
      #corner ul li a:active { background-position: 0 -16px; color: #fff; text-decoration: none; }
    #corner div { float: left; padding: 0 0 0 10px; }
     #corner div p { overflow: hidden; float: left; width: 125px; height: 16px; margin: 0; background: url(/SiteCollectionImages/corner-a.png) 0 -32px no-repeat; font-size: 1em; }
      #corner div p label { position: absolute; left: -10001px; top: -10001px; }
      #corner div p input { float: left; width: 97px; height: 15px; padding: 1px 5px; border: none; background: none; font-size: 1em; }
      #corner div p button { float: left; width: 18px; height: 16px; margin: 0; padding: 0; border: none; background: none; font-size: 0; text-indent: -10001px; }
  #wrap { overflow: hidden; width: 100%; }
   #sidebar { float: left; width: 180px; margin: 95px 0 0; padding: 20px 0 0; background: url(/SiteCollectionImages/sep-b.gif) repeat-x; }
    #nav { list-style: none; margin: 0 0 35px; padding: 0 0 15px; background: url(/SiteCollectionImages/sep-b.gif) 0 100% repeat-x; }
     #nav li { }
      #nav li a { }
      #nav li em { position: absolute; left: -10001px; top: -10001px; }
   #content { float: right; width: 727px; }
#footer { width: 923px; padding: 0 0 15px; color: #fff; text-align: center; }
 #footer ul { display: inline; list-style: none; margin: 0; padding: 0; }
  #footer ul li { display: inline; padding: 0 20px 0 0; }
 #footer p { display: inline; }
  #footer a { color: #fff; text-decoration: none; }
  #footer a:hover,
  #footer a:focus,
  #footer a:active { text-decoration: underline; }
   
/* GENERAL
------------------------------------------- */

/* headers */

#outer * h1, #outer * h2, #outer * h3, #outer * h4, #outer * h5, #outer * h6 { color: #6aa31e; line-height: 1.1; margin-bottom: 15px; }
#outer * h1 { font-size: 1.4em; }
#outer * h2 { font-size: 1.3em; }
#outer * h3 { font-size: 1.2em; }
#outer * h4 { font-size: 1.1em; text-transform: uppercase; }
#outer * h5 { font-size: 1.1em; }
#outer * h6 { font-size: 1.0em; }

#outer * h1.a, #outer * h2.a, #outer * h3.a, #outer * h4.a, #outer * h5.a, #outer * h6.a { margin: 0 0 10px; padding: 3px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ebf8d9; color: #333; text-transform: uppercase; }

/* cols */

div.double-a { overflow: hidden; width: 100%; }
 div.double-a div.primary { display: inline; float: left; width: 460px; margin: 0 0 0 15px; }
 div.double-a div.secondary { float: right; width: 230px; }

/* containers */

div.box-a { margin: 0 0 30px; padding: 0 20px; text-align: right; }
 div.box-a ul { padding-right: 10px; }
 div.box-a ul.social-a { padding-right: 0; }

div.box-b { margin: 0 0 30px; padding: 1px 0 0; background: #f7f7f7 url(/SiteCollectionImages/sep-b.gif) repeat-x; }
 div.box-b-inner { padding: 10px 0 5px; border-top: 1px solid #fff; background: url(/SiteCollectionImages/sep-b.gif) 0 100% repeat-x; }
  div.box-b ul.nav-b { margin-bottom: 5px; }
  
/* Styles for the Web part on Right */
div.box-c-webpart { margin: 0 0 20px; padding: 15px 5px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f2f2f2; }
 
div.box-c { margin: 0 0 20px; padding: 15px 15px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f2f2f2; }
 div.box-c form.ask-a { margin: 0 -15px 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 1px; background: url(/SiteCollectionImages/sep-a.gif) 0 100% repeat-x; }
 
div.header-a { position: relative; width: 100%; height: 228px; margin: 0 0 30px; }
 div.header-a p.image { margin: 0; }
  div.header-a p.image img { display: block; }
 div.header-a p.breadcrumbs { position: absolute; left: 0; bottom: 0; width: 727px; height: 20px; margin: 0; padding: 9px 0 0; background: url(/SiteCollectionImages/header-a.png) no-repeat; color: #999; line-height: 1.1; text-align: right; }
  div.header-a p.breadcrumbs a { color: #999; }
  div.header-a p.breadcrumbs a:hover,
  div.header-a p.breadcrumbs a:focus,
  div.header-a p.breadcrumbs a:active { color: #333; text-decoration: none; }
 
div.sections-a { overflow: hidden; width: 100%; margin: 0 0 15px; padding: 15px 0 0; background: url(/SiteCollectionImages/sep-a.gif) repeat-x; }
 div.sections-a div.section {  display: inline; float: left; width: 228px; margin: 0 0 0 21px; }
 div.sections-a div.section:first-child,
 div.sections-a div.first { margin-left: 0; margin-right: 1px; }
  div.sections-a div.section h2 { margin: 0 0 10px; font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
   div.sections-a div.section h2 a { display: block; width: 200px; padding: 3px 13px 3px 15px; background: #333 url(/SiteCollectionImages/sections-a-go-a.png) 185px 55% no-repeat; color: #fff; text-decoration: none !important; }
   div.sections-a div.home h2 a { background-color: #89ca46; }
   div.sections-a div.future h2 a { background-color: #f86c28; }
   div.sections-a div.continue h2 a { background-color: #2da0e9; background-image: url(/SiteCollectionImages/sections-a-go-b.png); }
   div.sections-a div.current h2 a { background-color: #89ca46; color: #333; }
   div.sections-a div.community h2 a { background-color: #dc0b77; }
   div.sections-a div.alumni h2 a { background-color: #c8ec1f; color: #333 }
   div.sections-a div.athletics h2 a { background-color: #333; color: #84bd38; }   
  div.sections-a div.section p.image { margin: -10px 0 10px; }
  div.sections-a div.section ul { list-style: none; margin: 0; padding: 0; }
   div.sections-a div.section ul li { margin: 0 0 10px; padding: 0 0 0 20px; background: url(/SiteCollectionImages/bullet-b.gif) 2px 4px no-repeat; }
   * html div.sections-a div.section ul li { height: 1%; }
    div.sections-a div.section ul li a { color: #333; text-decoration: none; }
    div.sections-a div.section ul li a:hover,
    div.sections-a div.section ul li a:focus,
    div.sections-a div.section ul li a:active { color: #000; text-decoration: none; }

/* forms */
div.ask-a { display: block; }
* html div.ask-a { width: 200px; }
 div.ask-a p { color: #666; font-size: 1em; }
 div.ask-a p.first { padding: 75px 0 0; background: url(http://www.rdc.ab.ca/SiteCollectionImages/ask-a-bg_wht.png) 50% 0 no-repeat; }
 div.ask-a p.go { font-size: 1.2em; text-align: right; }
  div.ask-a p input { display: inline; width: 190px; height: 20px; margin: 0 0 5px; padding: 4px 5px 0; border: none; background: url(http://www.rdc.ab.ca/SiteCollectionImages/aks-a-controls.png) no-repeat; }
  div.ask-a p button { overflow: hidden; width: 67px; height: 24px; border: none; background: url(http://www.rdc.ab.ca/SiteCollectionImages/aks-a-controls.png) -200px 0 no-repeat; font-size: 0; text-indent: -10001px; padding:0px, margin:0px; margin-top: 2px; margin-left:5px; vertical-align: top;}
	
/* lists */

ul.bulleted-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.bulleted-a li { margin: 0 0 10px; padding: 0 0 0 15px; background: url(/SiteCollectionImages/bullet-d.gif) 0 2px no-repeat; color: #333; font-size: 1em; }
 * html ul.bulleted-a li { height: 1%; }
  ul.bulleted-a li a { color: #333; }

ul.clean-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.clean-a li { margin: 0 0 5px; color: #666; }
  ul.clean-a li a { color: #666; }
  ul.clean-a li a:hover,
  ul.clean-a li a:focus,
  ul.clean-a li a:active { color: #000; text-decoration: none; }

ul.features-a { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
 ul.features-a li { float: left; width: 139px; padding: 0 14px 14px 0; font-size: 1.1em; }
 ul.features-a li.separate { overflow: hidden; clear: both; float: none; width: 100%; height: 1px; margin: 0; padding: 0; color: #fff; font-size: 1px; text-indent: -10001px; }
  ul.features-a li a { }
   ul.features-a li br { display: none; }
   ul.features-a li strong { display: block; padding: 5px; border-bottom: 1px solid #fff; background: #f26522; color: #fff; font-weight: normal; }
   ul.features-a li img { display: block; }
  
ul.nav-a { list-style: none; margin: 0 0 15px; padding: 0; }
 ul.nav-a li { width: 100%; background: url(/SiteCollectionImages/nav-a-sep.gif) no-repeat; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-align: right; }
 ul.nav-a li:first-child,
 ul.nav-a li.first { background: none; }
  ul.nav-a li a { display: block; padding: 7px 30px 7px 0; background: url(/SiteCollectionImages/nav-a-bullets.gif) 168px 8px no-repeat; color: #333; text-decoration: none; }
  ul.nav-a li a:hover,
  ul.nav-a li a:focus,
  ul.nav-a li a:active { color: #000; text-decoration: none; }
  ul.nav-a li.expanded a { background-position: -12px 8px; }
  ul.nav-a li ul { display: none; list-style: none; margin: 0; padding: 0; }
  ul.nav-a li.expanded ul { display: block; }
   ul.nav-a li ul li { margin: 1px 0 6px; background: none; font-size: 0.92em; text-transform: none; }
    ul.nav-a li ul li a { padding: 2px 30px 2px 0; background: none; color: #2a93d5; }
    ul.nav-a li ul li a:hover,
    ul.nav-a li ul li a:focus,
    ul.nav-a li ul li a:active { color: #000; }

ul.nav-b { list-style: none; width: 100%; margin: 0 0 15px; padding: 0; }
 ul.nav-b li { position: relative; width: 100%; background: url(/SiteCollectionImages/nav-a-sep.gif) no-repeat; font-size: 1.2em; font-weight: bold; text-align: right; }
 ul.nav-b li:first-child,
 ul.nav-b li.first { background: none; }
  ul.nav-b li a { display: block; margin-right: 30px; padding: 6px 0; text-decoration: none; }
  ul.nav-b li a:hover,
  ul.nav-b li a:focus,
  ul.nav-b li a:active { color: #000; text-decoration: none; }
  ul.nav-b li span { position: absolute; right: 3px; top: 9px; overflow: hidden; width: 9px; height: 9px; background: url(/SiteCollectionImages/nav-b-bullets.gif) no-repeat; text-align: left; text-indent: -10001px; cursor: pointer; }
  ul.nav-b li span.empty { cursor: default; }
  ul.nav-b li.active > span { background-position: -9px 0; } 
  ul.nav-b li ul { list-style: none; margin: 0 0 5px; padding: 0; }

  .js ul.nav-b * ul { display: none; }
  .js ul.nav-b li.active > ul { display: block; }
  .js ul.nav-b * li.active > ul { display: block; }
  * html.js ul.nav-b * li.active ul { display: block; }

    ul.nav-b li ul li { background: none; font-size: 0.9em; }
    ul.nav-b li ul li a { padding-top: 3px; padding-bottom: 3px; padding-right: 0px; background: none; color: #666; }
    ul.nav-b li ul li ul { margin: 0; }

     ul.nav-b li ul li ul li { background: none; font-size: 1em; }
     ul.nav-b li ul li ul li a { padding-top: 3px; padding-bottom: 3px; padding-right: 5px; background: none; color: #8cc63f; }
     ul.nav-b li ul li ul li ul { margin: 0; }

       ul.nav-b li ul li ul li ul li { background: none; font-size: 1em; }
       ul.nav-b li ul li ul li ul li a { padding-top: 3px; padding-bottom: 3px; padding-right: 10px; background: none; color: #610b06; }
       ul.nav-b li ul li ul li ul li ul { margin: 0; }

         ul.nav-b li ul li ul li ul li ul li { background: none; font-size: 0.9em; }
         ul.nav-b li ul li ul li ul li ul li a { padding-top: 3px; padding-bottom: 3px; padding-right: 15px; background: none; color: #000; }
         ul.nav-b li ul li ul li ul li ul li ul { margin: 0; }

ul.nav-c { position: absolute; z-index: 20; list-style: none; margin: 23px 0 0 -18px; padding: 0; }
 ul.nav-c li { width: 240px; font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
  ul.nav-c li a { position: relative; z-index: 30; display: block; width: 240px; height: 41px; background: url(/SiteCollectionImages/nav-c.png) no-repeat; color: #eee; text-decoration: none !important; }
  ul.nav-c li a:hover,
  ul.nav-c li a:focus,
  ul.nav-c li a:active { color: #fff; }
  ul.nav-c li a.home { background-position: 100% 0; }
  ul.nav-c li a.future { background-position: 100% -50px; }
  ul.nav-c li a.continue { background-position: 100% -250px; }
  ul.nav-c li a.current { background-position: 100% 0; }
  ul.nav-c li a.community { background-position: 100% -200px; }
  ul.nav-c li a.alumni { background-position: 100% -100px; }
  ul.nav-c li a.athletics { background-position: 100% -150px; }
   ul.nav-c li a span { display: block; width: 209px; height: 39px; padding: 2px 0 0 31px; background: url(/SiteCollectionImages/nav-c-addons-a.png) 19px 11px no-repeat; line-height: 33px; cursor: pointer; }
  ul.nav-c li ul { display: none; list-style: none; width: 222px; margin: 0 0 0 18px; padding: 0; }
  * html ul.nav-c li ul { display: block; position: absolute; left: -1000px; }
  ul.nav-c li:hover ul,
  ul.nav-c li ul.on { display: block; left: 0; }
   ul.nav-c li ul li { font-size: 0.9em; }
    ul.nav-c li ul li a { width: 222px; margin-top: -9px; }
     ul.nav-c li ul li a span { padding-left: 13px; background: url(/SiteCollectionImages/nav-c-addons-b.gif) 196px 15px no-repeat; }
    ul.nav-c li ul li a.home { z-index: 26; }
    ul.nav-c li ul li a.future { z-index: 25; }
    ul.nav-c li ul li a.continue { z-index: 24; }
    ul.nav-c li ul li a.current { z-index: 23; }
    ul.nav-c li ul li a.community { z-index: 22; }
    ul.nav-c li ul li a.alumni { z-index: 21; }
    ul.nav-c li ul li a.athletics { z-index: 20; }

ul.social-a { list-style: none; margin: 0; padding: 0; }
 ul.social-a li { height: 33px; margin: 0 0 10px; padding-right: 55px; background: url(/SiteCollectionImages/social-a.jpg) 100% 0 no-repeat; line-height: 33px; text-align: right; }
 ul.social-a li.facebook { background-position: 100% -50px; }
 ul.social-a li.youtube { background-position: 100% -100px; }
 ul.social-a li.chat { background-position: 100% -150px; }
  ul.social-a li a { color: #666; }
  ul.social-a li a:hover,
  ul.social-a li a:focus,
  ul.social-a li a:active { color: #000; text-decoration: none; }

/* tables */

#outer * table { }
 #primary * table th, #primary * table td { padding: 5px 10px; border: 1px solid #ccc; }

div.primary * table { }
 div.primary * table th, div.primary * table td { padding: 0px; border: 0px; }

/* ELEMENTS
------------------------------------------- */

body.future { background-color: #f86c28; }
body.current { background-color: #89ca46; }
body.alumni { background-color: #c8ec1f; }
body.community { background-color: #dc0b77; }
body.continue { background-color: #2da0e9; }
body.athletics { background-color: #333; }

#showcase { position: relative; overflow: hidden; width: 100%; }
 .js #showcase div.slides { overflow: hidden; width: 99999px; padding-bottom: 25px; }
  #showcase div.slide { position: relative; width: 727px; height: 402px; margin: 0 0 25px; }
  .js #showcase div.slide { float: left; margin-bottom: 0; }
   #showcase div.slide p.image { margin: 0; }
    #showcase div.slide p.image img { display: block; }
   #showcase div.slide div.description { position: absolute; left: 0; bottom: 0; width: 467px; height: 102px; padding: 20px 10px 0 250px; background: url(/SiteCollectionImages/showcase-bg.png) no-repeat; }
    #showcase div.slide div.description h3 { margin: 0 0 10px; color: #72a330; font: bold 1.4em/1.2 Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; }
    #showcase div.slide div.description p { margin: 0 0 10px; }
    #showcase div.slide div.description p.more { height: 15px; margin: 0; color: #999; font-size: 1.1em; line-height: 15px; font-weight: bold; text-transform: uppercase; }
     #showcase div.slide div.description p.more a { display: -moz-inline-stack; display: inline-block; padding: 0 0 0 25px; background: url(/SiteCollectionImages/bullet-a.gif) 0 50% no-repeat; color: #999; line-height: 15px; text-decoration: none; }
     * html #showcase div.slide div.description p.more a { display: inline; height: 15px; }
     *:first-child+html #showcase div.slide div.description p.more a { display: inline; height: 15px; }
     #showcase div.slide div.description p.more a:hover,
     #showcase div.slide div.description p.more a:focus,
     #showcase div.slide div.description p.more a:active { color: #555; text-decoration: none; }
 #showcase ul { position: absolute; right: 15px; top: 250px; list-style: none; margin: 0; padding: 0; }
  #showcase ul li { float: left; padding: 0 0 0 5px; font-size: 1.2em; font-weight: bold; line-height: 11px; }
   #showcase ul li a { float: left; min-width: 16px; color: #eee; text-shadow: #000 0 1px 0; text-align: center; }
   #showcase ul li a:hover,
   #showcase ul li a:focus,
   #showcase ul li a:active { color: #fff; text-decoration: none; }
   #showcase ul li a.active { outline: 1px dotted #fff; }
   #showcase ul li a.step { overflow: hidden; float: left; margin-top: 1px; width: 16px; height: 9px; background: url(/SiteCollectionImages/showcase-steps-a.gif) 0 50% no-repeat; text-indent: -10001px; outline: none; }
   #showcase ul li a.next { background-position: -16px 50%; }

table.masterContent { background-color:#efefef; }
span.siteActionMenu { float:left; }
div.sharepointLogin { float:right; }
#ctl00_PlaceHolderMain_siteMapPath { float: right; width: 475px; }
#outer * table.RadEWrapper * button { padding: 0px; margin: 0px; }
#outer * table.RadEWrapper tbody tr td { padding:0px; margin: 0px; }

div.primary, div.secondary * { font-size: 11px; }
div.primary p, div.secondary * p { line-height: 130%; font-size: 11px; padding-bottom: 10px; }
div.primary ul, div.secondary * ul { font-size: 11px; margin-left: 10px; padding-bottom: 10px; }
div.primary ol, div.secondary * ol { font-size: 11px; margin-left: 15px; padding-bottom: 10px; }
div.primary ul li, div.secondary * ul li { font-size: 11px; margin-left: 10px; }
div.primary ol li, div.secondary * ol li { font-size: 11px; margin-left: 15px; }
#outer * div.primary table td { font-size: 11px; border: black 0px solid; padding: 2px; margin: 2px; }