/* =Start with these
----------------------------------------------- */


/* reset defaults ---------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}



.item-list ul li {
list-style:none;
}


body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* end of reset */


/* OVERRIDES FOR DRUPAL DEFAULT STYLES */

/* overide for search.css */

.search-results dd {
border-bottom:solid 1px #0099FF;
}

.search-results dt {
font-weight:bold;
}

.search-results .search-info{
display:none;
}

/* END OF DRUPAL OVERRIDES */



body {
  padding:10px;
  font:small Verdana,Sans-serif;
  background-color: #E5E5E5;
  }
a {
  color:#36a;
  }
a img {
  border-width:0;
  }
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding-bottom:.25em;
}

h1 {font:large}

p {
	line-height: 2;
	margin-bottom:.9em;
}

strong, b {
	font-weight: bold;
	padding-bottom:1em;
}

/* =Page
----------------------------------------------- */

#page {
  width:960px;
  margin:0 auto;
  }
#page2 {
  background:#fff;
  float:left;
  width:960px;
  padding:10px;
  font-size:90%;
  line-height:1.5em;
  color:#000000;
  }



/* =Headings
----------------------------------------------- */
h2 {
	margin:.75em 0 0;
	font-size:150%;
  }
h3 {
  font-size:100%;
  margin:.75em 0 0;
  color:#233;
  }


/* =Lists
----------------------------------------------- */
 #content-main .content ul {
	margin:0pt 0pt 0pt 15px;
	padding:0;
	list-style: none;
  }
 
 #content-main .content li {
	background-image: url(/bss/files/images/bss-bullet.gif);
	background-repeat: no-repeat;
	background-position: 8px .5em;
	padding-left: 20px;
	padding-bottom: 1.1em;
 } 


/* =Misc
----------------------------------------------- */

p.btn {
  background:url("../img/bg-btn.gif") repeat 0 0;
  margin:0 0 .5em;
  padding:15px 5px;
  }
p.btn img {
  display:block;
  margin:0 auto;
  }
.unit {
  white-space:nowrap;
  }


/* =Header
----------------------------------------------- */
#header {
	float:left;
	width:960px;
	padding:0 0 0;
	background-color: #FFFFFF;
	background-image: url(images/bg_head_bss.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
  }
#logo {
  float:left;
  display:block;
  width:162px;
  text-decoration:none;
  padding-left:15px;
  }
#logo img {
  display:block;
  }
#search {
  float:right;
  display:block;
  width:200px;
  margin:0;
  padding:4px 10px 0px;
  font-style:normal;
  }
#search label img {
  display:block;
  margin-bottom:2px;
  }
#searchtext {
  float:left;
  width:130px;
  border:1px solid;
  border-color:#999 #fff #fff #999;
  }
#search input.btn {
  float:left;
  }


#search .form-item label {
  display:none;
}



/* =Nav
----------------------------------------------- */

/* Sons on Suckerfish essentials... */
#nav a {
	display: block;
	/* width: 10em; */
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul { /* the drop-down ul block */
	position: absolute;
	width: 15em;
	left: -999em;
	background-color: #333333;
}
#nav li ul a{ /* the items inside the ul drop-down */
	width: 13.4em;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: none;
	text-transform:none;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	min-height: 0;
}
/* end of Suckerfish stuff */



#nav {
	background:url("images/bg-nav.jpg") repeat-x 0 0;
	float:left;
	width:960px;
	margin:0;
	padding:0;
	border-bottom:2px solid #272727;
	list-style:none;
	background-color: #000000;
	border-bottom-color: #161616;
	border-top-color: #D8D8D8;
	border-top-style: solid;
	border-top-width: 1px;
  }

#nav li {
  background:none;
  display:inline;
  padding:0;
  }
#nav li a, #nav li strong {
	/* float:left; */
	width:auto;
	padding:5px 9px 3px;
	border-left:1px solid #579;
	border-right:1px solid #135;
	color:#99CCFF;
	text-transform:uppercase;
	text-decoration:none;
	border-right-color: #999999;
	border-left-color: #333333;
  }
#nav li strong {
  background:#246;
  color:#fff;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
	border-left-color:#246;
	color:#fff;
	background-color: #CC3300;
  }

 
 
 
/* VIEWS!!! TOP AREA - 3 COLUMNS - for course contents listing etc. */ 
 
  
#topColumnsContainer p, #topColumnsContainer h2, #topColumnsContainer p, #topColumnsContainer h3, #topColumnsContainer ul{
	padding:5px 10px 0 10px;
} 
  
#above-content-c1 {
	width:320px;
	float:left;
}

#above-content-c2 {
	width:320px;
	float:left;
}

#above-content-c3 {
	width:320px;
	float:left;
}


#topColumnsContainer .view-empty{
	padding-left:10px;
}



#topColumnsContainer .view-header {
	padding-bottom:10px;
}


#topColumnsContainer .view-content .views-field-title {
	padding:0px 0px 5px 20px;
	background-image: url(/bss/files/images/bss-bullet.gif);
	background-repeat: no-repeat;
	background-position: 12px .5em;	
}


#topColumnsContainer a:link, #topColumnsContainer a:active, #topColumnsContainer a:visited {
	text-decoration:none;
}

#topColumnsContainer a:hover {
	color:#D90000;
}
  
  
 /* --------------------------------------------------------- */ 
  
  
  
  
  

/* =H1 ----for Header image ??????
----------------------------------------------- */
h1 {
	/* float:left;
	width:960px;
	height:355px;
	margin:0;
	border-top-color: #CC6633;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom:6px solid #A48E88; */	
  }
h1 img {
  display:block;
  }


/* =Content
----------------------------------------------- */
#content {
	float:left;
	width:960px;
	margin:0 0 10px;
	/* background-image: url(../images/bg_head_lower_bss.jpg);
	background-repeat: repeat-x;
	background-position: top;  */
  }
#content-group {
  float:right;
  width:760px;	
  }
#content-main {
	float:left;
	width:560px;
	padding:10px;
  }
#content-extra {
	float:right;
	width:200px;
  }
#content-sub {
	float:left;
	width:200px;
	background-color: #00CCFF;
  }
  

/* =MainCol Content
----------------------------------------------- */
h1 {
  margin:0 .15em 0 0;
  font:bold 220%/1.3em Helvetica,Arial,Sans-serif;
  color: #000000;  
  }

h2 {

  margin:0 .15em 0 0;
  font:bold 150%/.8em Helvetica,Arial,Sans-serif;

	color: #000000;  
  }
p#intro {
  margin:0;
  font:bold 220%/1.3em Helvetica,Arial,Sans-serif;

  color:#899;
}

/* =Featured Items
----------------------------------------------- */
#content-main ul.featured {
  float:left;
  width:100%;
  margin:1em 0 0;
  padding:0;
  }
#content-main ul.featured li {
  /*background:#99CCFF; */
  background-image: none;
  float:left;
  width:100%;
  margin:5px 0 0;
  padding:8px 0;
  line-height:1.5em;
  }
#content-main .featurephoto {
  float:left;
  width:65px;
  padding:0 8px;
  }
#content-main .featurephoto img {
  display:block;
  }
#content-main .featurename, .featuredesc, .price, .featurelink {
  margin:0 0 0 81px;
  }
#content-main .featurename {
  display:block;
  color:#000;
  }
#content-main .price em {
  font-style:normal;
  color:#344;
  }
#content-main .featurelink a {
  background:url("../img/icon-pg.gif") no-repeat 0 50%;
  padding-left:12px;
  }


/* =lower-panel
----------------------------------------------- */
 #lower-panel {
	float:left;
	width:100%;
	height:10px;
	background:#5F5F5F;
	border-top:1px solid #5F5F5F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #353535;
	border-top-color: #ACACAC;
  }
#lower-panel hr {
  display:none;
  }
#lower-panel p {

  margin:0;
  padding:10px;
  color:#fff;
  }





/* =foot-panel
----------------------------------------------- */
#foot-panel {
	float:left;
	width:100%;
	height:160px;
	border-top:1px solid #5F5F5F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0063C6;
	border-top-color: #D7EBFF;
	background-color: #99CCFF;
	margin-top:-10px;
  }
#foot-panel hr {
  display:none;
  }
#foot-panel p {

  margin:0;
  padding:10px;
  color:#fff;
  }



/* =Footer
----------------------------------------------- */
#footer {
	float:left;
	width:100%;
	background:#CC3300;
	border-top:1px solid;
	border-top-color: #FF9977;
	border-bottom-color: #912400;
	border-bottom-style: solid;
	border-bottom-width: 1px;
  }
#footer hr {
  display:none;
  }
#footer p {
  font-size:0.9em;
  margin:0;
  padding:10px;
  text-align:center;
  color:#fff;
  }

#footer a {
  color:#FFFF66;
  }


/* =Subnav
----------------------------------------------- */
#subnav h3 {
  background:#be0 url("../img/bg-subnav-hdr.jpg") repeat-x 0 0;
  margin:0;
  padding:4px 9px 3px;
  border-bottom:1px solid #9c0;
  text-transform:uppercase;
  color:#683;
  }
#subnav ul {
  padding-top:5px;
  }
#subnav li {
  background:none;
  width:190px;
  padding:0;
  }
#subnav li a {
  background:url("../img/bullet.gif") no-repeat 10px 50%;
  display:block;
  width:158px;
  padding:3px 10px 3px 21px;
  text-decoration:none;
  color:#357;
  }
#subnav li a:hover {
  background-color:#fff;
  }
#subnav p {
  padding:0 10px;
  color:#677;
  }



/* tw course list nav */
#courselistcontainer { width: 243px; }

#courselistcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	border-top-color: #5F5F5F;
	border-top-style: solid;
	border-top-width: 4px;
	/* border-bottom-color: #5F5F5F;
	border-bottom-style: solid;
	border-bottom-width: 4px; */
}


#courselistcontainer a
{
	display: block;
	padding: 3px;
	padding-left:20px;
	width: 220px;
	background-color: #CCCCCC;
	background-image: url(images/nav-bg-with-bullet.jpg);
	background-repeat: repeat-y;
	border-bottom-color: #999999;
	border-top-color: #F2F2F2;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#courselistcontainer a:link, #courselist a:visited
{
color: #000077;
text-decoration: none;
}

#courselistcontainer a:hover
{
	background-color: #EBEBEB;
	color: #D70000;
	/* background-image: none; */
	background-image: url(images/nav-bg-grad-grey--hover.jpg);
	background-repeat: repeat-y;	
}


/* .border-frame {
	border-color: #A48E88;
	border-style: solid;
	border-width: 5px;	
	padding:5px; 
} */


.large {
	font-size: 145%;
	line-height: 1.5;
}

#front-page-headline {
	height:36px;
	margin-top:-39px;
}
#front-page-headline h1{
	color: #999999;	
	padding-left:8px;

}






/* =Variations (default is SMX)
----------------------------------------------- */
.mxs #content {background-position:right top;}
.mxs #content-group {float:left;}
.mxs #content-sub {float:right;}

.xms #content {background-position:right top;}
.xms #content-group {float:left;}
.xms #content-sub {float:right;}
.xms #content-main {float:right;}
.xms #content-extra {float:left;}

.ms #content {background-position:right top;}
.ms #content-group {float:left;}
.ms #content-main {width:525px; margin-bottom:15px;}
.ms #content-sub {float:right;}
.ms #content-extra {width:525px; display:none;}

.sm #content-main {width:525px; margin-bottom:15px;}
.sm #content-extra {width:525px; display:none;}

.m #content-group {width:960px;} 
.m #content-main {width:672px;}
.m #content-sub {width:960px; display:none;}
.m #content-extra {width:243px;}