/* CSS Document */

* {
   margin: 0px;
   padding: 0px;
}

body {
   background:url('http://www.sbess.ca/images/bg.png') center top no-repeat;
   background-color:#020e19;
   margin:0px 0px 50px 0px;
   padding:0px;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   width:100%;
}

p, ul, ol {
   font-family: Arial, Helvetica, sans-serif;
   color:#002341;
   text-align:justify;
   line-height:1.5em;
   font-size:small;
   margin-bottom:1em;
   margin-top:1em;
}



h1, h2, h3 {
   font-family: Arial, Helvetica, sans-serif;
   color:#002341;

}

h1 {
   font-size:2.25em;
   color:#002341;
   margin-top:.25em;
   margin-bottom:.25em;
}

h2 {
   font-size:1.5em;
   margin-top:1em;
   margin-bottom:.25em;
}

h3 {
   font-size:1.25em;
   margin-top:1em;
   margin-bottom:.25em;
}

#content-main a:link,
#content-right a:link {
   color:#004276;
   text-decoration:underline;
}

#content-main a:hover, #content-main a:focus,
#content-right a:hover, #content-right a:focus {
   color:#993399;
   text-decoration:underline;
}

#content-main a:visited,
#content-right a:visited {
   color:#993399;
   text-decoration:underline;
}


#facebook {
   position:absolute;
   top:6px;
   right:45px;
   z-index:1;
}
#twitter {
   position:absolute;
   top:6px;
   right:10px;
   z-index:1;
}

.logo-link {
      position: relative;
      margin: 0px auto;
      padding:0px;
      width: 1000px;
      height: 175px;
}

#logo-link {
      position: absolute;
      top: 40px;
      left:350px;
      width: 300px;
      height: 100px;
      background-color: transparent;
      border:none;
}

#wrapper {
   width:980px;
   background-image:url('http://www.sbess.ca/images/bg-wrapper.png');
   margin:0px auto 0px auto;
   padding:10px 10px 10px 10px;
   min-height:500px;
}

#navigation {
   clear:both;
   float:left;
   height:37px;
   background-color:#ffffff;
   padding:0px;
   margin:0px;
   width:980px;
}

#breadcrumbs {
   margin-top:20px;
   margin-bottom:20px;
}

#content-wrapper {
   margin:0px;
   background-color:#e5e5e5;
   display:inline-block;
   padding:0px;


}

#content-wrapper {
   display:block;
}

#content-wrapper:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
}


#banner {

   float:left;
   padding:0px;
   margin:0px;
}


#content {
   background-color:#e5e5e5;
   padding:0px;
   margin:5px;
   display:inline-block;
}

#content {
   display:block;
   margin:5px;
}

#content:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
}

#content-left {
  clear:both;
  float:left;
  width:185px;
  min-height:500px;
  margin:5px 5px 0px 0px;
  padding:10px;
  background-color:#ffffff;
  display:inline-block;
}


#content-left {
   display:block;
}

#content-left:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
}


#content-main {
   width:460px;
   float:left;
   vertical-align:top;
   padding:10px 25px 20px 30px;
   margin:5px 0px 0px 0px;
   background-color:#ffffff;
   min-height:500px;
}

#content-right {
   width:220px;
   float:left;
   margin:5px 0px 0px 5px;
   padding-top:10px;
   padding-left:10px;
   padding-right:10px;
   background-color:#ffffff;
   min-height:500px;
}


#content-left,
#content-main,
#content-right {
   *margin-top:0px;
   padding-bottom:20px;
}

img.ad {
   padding:5px 5px 0px 5px;
   margin:0px;
   width:200px;
   height:140px;
}

img.sidebar {
   padding:5px 5px 0px 5px;
   margin:0px;
   width:200px;
   height:140px;
}

img {
   border:none;
}

#content-bottom {
   margin:0px;
   background-color:#e5e5e5;
   width:980px;
   padding:0px;
   position:relative;
   display:inline-block;
}

#content-bottom {
   display:block;
}

#content-bottom:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
}

#footer {
   text-transform:uppercase;
   text-align:center;
   padding-top:10px;
   color:#8895a1;
   font-size:.8em;
}

#footer a:link,
#footer a:visited {
   color:#8895a1;
   text-decoration:none;
}

#footer a:hover {
   color:#ffffff;
   text-decoration:underline;
}

#ex-links a:link,
#ex-links a:visited {
   color:#cccccc;
   text-decoration:none;
}

#ex-links a:hover {
   color:#ffffff;
   text-decoration:underline;
}

#ex-links {
   color:#cccccc;
}

#news-sidebar {
   margin:5px;
   background-color:#ffffff;
   padding:0px 20px 20px 10px;
}

/*
#content-wrapper li.xls {background: url(images/bullets/excel.png) 1px .4em no-repeat; padding:2px 0px 2px 20px;}
#content-wrapper li.doc {background: url(images/bullets/word.png) left .3em no-repeat; padding:2px 0px 2px 20px;}
#content-wrapper li.ppt {background: url(images/bullets/ppt.png) left .3em no-repeat; padding:2px 0px 2px 20px;}
#content-wrapper li.zip {background: url(images/bullets/folder.png) left .25em no-repeat; padding:2px 0px 2px 20px;}
*/