/* ----------------------------------------------------------------------------------
BCIT: MDIA 1205
One Column Fixed Width Layout 
Updated: May 24, 2014
Styles by Nancy Teichgraf
---------------------------------------------------------------------------------- */

body
{
    font-size: .8em;
    font-family: Arial, Helvetica, san-serif;
    color: #000; background: #ccc;
}

#wrapper
{
  margin: -19px auto;
  width: 960px;
  color: #000; background: #fff;
}

/* ---------------------------heading style formatting--------------------------- */
h1
{
    font-size: 3.2em;
    font-weight: lighter;
    color: #036; background: #fff;
    margin: 0
}

h2
{
    font-size: 1.3em;
    color: #369; background: #fff;
    margin: 30px 0 -5px;
}

h3
{
    font-size: 3.2em;
    font-weight: lighter;
    color: #9cc; background: #fff;
    margin: 0
}

h4{
    font-size: 1.1em;
    line-height: 140%;
    color: #699; background: #fff;
}


/* ---------------------------link style formatting--------------------------- */
#navcontainer 
{
    width: 540px;
    float: right;
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-top-color: #9c0;
    border-bottom-color: #9c0;
    margin-top: -10px;
}

#navcontainer p 
{
    font-size: .9em;
    margin: 4px 0 3px 8px;
}

#navcontainer p a 
{
    color: #036; background: transparent;
    text-decoration: none;
}

#navcontainer  p a:hover
{
    color: #fff; background: #9c0;
    text-decoration: none;
    padding: 12px 4px;
}

#navcontainer  p a:active
{
    color: #f90; background: #fff;
}

#navcontainer p a#current 
{ 
  color: #036; background: transparent;
  text-decoration: none;
  padding: 12px 4px;
  border: 1px;
  border-style: solid;
  border-color: #9c0;
}

a.body:link 
{
   color: #369;  background: transparent;
}

a.body:visited 
{
   color: #099;  background: transparent;
}

a.body:hover 
{
   color: #0cc; background: transparent;
}

a.body:active 
{
   color: #f90; background: transparent;
}


/* ---------------------------body style formatting--------------------------- */
.content p 
{
  padding: 5px 40px 0px 0px;
  line-height: 140%;
}

.right
{
    text-align: right;
    font-size: .875em;
    margin: 30px 20px 30px 50px;
}

.subhead
{
    color: #699; background: #fff;

}

.bold
{
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: .1em;
}

.credit
{
    font-size: .75em;
}
    
ul
{
    list-style-type: disc;
}

ol
{
    list-style-type: decimal;   
    
}
/* ---------------------------sidebar formatting--------------------------- */
.sidebar
{   width: 230px;
    padding: 0 40px 0 30px;
    border-top: none;
    border-right: 1px #9c0 solid;
    border-bottom: none;
    border-left: none;
    margin: 12px 64px 180px 0;    
}

.sidebarcontainerL
{   width: 364px;
    float: left;
    margin: -90px 50px 70px 0;
}

.sidebarcontainerL2
{   width: 364px;
    height: 80px;
    float: left;
    color: #000; background: #fff;
    margin: -10px 50px 70px 0;
}

.sidebarcontainerR
{   width: 250px;
    float: right;
    margin: -270px 0 0 0;
}

/* ---------------------------table formatting--------------------------- */
table
{   width: 480px;
    background-color: #f6f9d9;
    font-size: .9em;
    padding: 5px;
    border: 0;
    border-collapse:collapse;
    margin: 12px 5px -3px 0;
}

td, th
{
    border-top: none;
    border-right: #0cc solid thin;
    border-bottom: none;
    border-left: none;
    padding: 4px 8px;
}

.pricespecial
{
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: #f90;
}

.price
{
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    color: #036;
    
}
.bluebkgd
{
   background-color:#d7f3f5;
}

.greenbkgd
{
   background-color:#f6f9d9;
}


/* ---------------------------graphic element styles--------------------------- */
.floatL
{ 
  float: left;
  border: 0;
  margin: 15px 15px 0px 25px;
  
}
.floatLside
{ 
  float: left;
  border: 0;
  margin: -12px 50px 125px 0; 
}

.floatL1
{ 
  float: left;
  border: 0;
  margin: -70px 0 100px;
}

.floatL2
{ 
  float: left;
  border: 0;
  margin: 0 0 0 20px;
}

.floatL3
{ 
  float: left;
  border: 0;
  margin: -20px 0 -20px 150px;
}

.floatR
{
  float: right; 
  border: 0;
  margin: 0;
}

.bubbleR
{
  float: right; 
  border: 0;
  margin: -120px 40px 0px 10px;
}

.bubbleR2
{
  float: right; 
  border: 0;
  margin: -0px 40px 0px 10px;
}

.bubbleL
{
  float: left; 
  border: 0;
  margin: -130px 5px 0px 150px;
}

.bubbleL2
{
  float: left; 
  border: 0;
  margin: -20px 5px 5px 150px;
}

.cutlinesL
{
    text-align: left;
    font-size: .875em;
    color: #099; background: #fff;
    margin: 40px 5px 20px 150px;
}

.cutlinesR
{
    text-align: right;
    font-size: .875em;
    color: #099; background: #fff;
    margin: 40px 60px 5px 0;
}

.floattwothirds
{
  float: right; 
  border: 0;
  margin: -140px 150px 0px 10px;
}

hr
{
    width: 540px;
    height: .5px;
    text-align: right;
    border-style: solid;
    color: #9c0; background: #9c0;  /* --this is workaround for browser-- */
}

.vertline1
{
    width: 150px;
    border-color: #399;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    margin: 20px 5px 5px 0;
    padding-left: 20px;
}

.vertline2
{
    width: 150px;
    border-color: #399;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    margin: -120px 5px 5px 160px;
    padding-left: 20px;
}

.vertline3
{
    width: 250px;
    border-color: #399;
    border-style: solid;
    border-width: 1px;
    border-top: none;
    border-right: none;
    border-bottom: none;
    margin: -50px 5px 0px 600px;
    padding-left: 20px;
}

.spacer
{
    line-height: 200%;   
}

/* ---------------------------basebar style--------------------------- */

#basebar 
{
  font-size: .95em;
  line-height: 150%;
  color: #000; background: #9c0;
  padding: 10px 20px 0 30px;
  height: 1%;
}