/* ------------------------------------------------------------------------------------------------------------------------  */
/* GLOBAL.CSS  */
/* Common Style Sheet for Camp Okotoks */
/* ---------------------------------------------------------------------------------------------------------------------  */


/* ---------------------------  WEB PAGE DEFAULTS -----------------------------------------  */

body       {background-color :  #9ca147;
                  background-image:url(bgimage.gif);
                  background-repeat: repeat;
                  background-attachment: fixed;
                  color             :  #000000;
                  font-family       :  arial,helvetica,sans-serif;
                  font-size         :  11pt;
                  margin-top        :  0px;				           
                  margin-left       :  5%;
                  margin-right      :  5%;
                  margin-bottom:  10px;
                  scrollbar-base-color : #9ca147;}

td   {background-color :  #6F2B06; color  :  #000000; font-family :  arial,helvetica,sans-serif; font-size :  11pt;}

ol,ul,li,dl,dt,dd {font-size:11pt;font-family:arial,helvetica,sans-serif;color:#000000;}
ul {list-style-image:url(images/bullet.gif);}

a:link        {color :  #6F2B06; text-decoration   :  underline;font-weight:bold;}
a:visited  {color :  #6F2B06; text-decoration   :  underline;font-weight:bold;}
a:active   {color :  #6F2B06; text-decoration   :  underline;font-weight:bold;}
a:hover    {color :  #FFF00; text-decoration   :  underline; background-color  :  #FFCC00;font-weight:bold;}


/* ------------------------------------------ STANDARD CLASSES --------------------------------------------------- */

.basefont  {font-size:11pt;font-family:arial,helvetica,sans-serif;color:#000000;}

.indent      {text-indent :  5%;}

.justify     {text-align :  justify;}

.border      {border :  1px solid #000000; padding  :  8px;}

.highlight   {background-color :  #6F2B06;}

.sidebar     {border-left  :  5px solid #ff0000; padding-left  :  5px;} 

.center      {text-align  :  center;}

.inset5pct    {margin-left : 5%;  margin-right : 5%;}
.inset10pct  {margin-left :10%; margin-right : 10%;}

.header    {font-size :150%; font-family : impact; color : #ff0000; text-align:center;}
.heading1  {font-size :120%; font-weight : bold; color : #082984; }
.heading2  {font-size :110%; font-weight : bold; color : #082984; }
.heading3  {font-size :105%; font-weight : bold; color : #082984; }
.heading4  {font-size :16pt; font-weight : bold; color : #082984; }
.heading5  {font-size :17pt; font-weight : bold; color : #082984; }
.heading6  {font-size :18pt; font-weight : bold; color : #082984; }

.banner      {background-color : #003399; width :  100%; color :  #ffffff; padding  :  5px}
.banner_blue  {background-color : #003399; width :  100%; color :  #ffffff; padding  :  5px;}
.banner_green  {background-color : #006600; width :  100%; color :  #ffffff; padding  :  5px;}
.banner_red  {background-color : #FF0000; width :  100%; color :  #ffffff; padding  :  5px;}
.banner_gray  {background-color : #666666; width :  100%; color :  #ffffff; padding  :  5px;}
.banner_black  {background-color : #000000; width :  100%; color :  #ffffff; padding  :  5px;}

.smallcaps {font-variant:small-caps;}
.capitalize {text-transform:capitalize;}
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:lowercase;}

.citation {margin-left:10%; margin-right:10%; font-family:sans-serif;font-style:italic;}

.letterspace {letter-spacing: 10px;}

.lineheight50pct {line-height:50%;}
.lineheight75pct {line-height:75%;}
.lineheight125pct {line-height:125%;}
.lineheight150pct {line-height:150%;}
.lineheight175pct {line-height:175%;}
.lineheight200pct {line-height:200%;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}

.dropcap:first-letter     {font-size : 200%; font-weight : bold; float : left; padding : 4pt;}
.dropcapborder:first-letter     {font-size : 200%; font-weight : bold; float : left; padding : 4pt; margin :2pt; border : thin solid black;}

.clearfloat {clear:both;}

/* Text flows around left or right side boxes ----------------------------------------------------------- */ 
.floatboxleft {float:left; width:30%;border: thin solid #000000;margin:0.5em;padding:5px;}
.floatboxright {float:right; width:30%;border: thin solid #000000;margin:0.5em;padding:5px;}