@charset "utf-8";
/* CSS Document */

/* ----------Page Structure -------------- */

/* COLORS-------------------------------- */
/* Dark blue: 	#00426a					  */
/* Orange: 		#ca7025					  */
/* -------------------------------------- */


/* --------------Typography------------- */

.normal { font-weight:normal; }
.underline { text-decoration:underline; }
.textlink { color:#000; font-size:12px; text-decoration:none; }

h1 { font-size:17px; font-weight:normal; color:#00426a; vertical-align:middle; }
.curriculum h3 { 		
		margin:5px 0 0;
		padding:0;
		font-size:14px;
		font-weight:normal;
		color:#00426a;
}
#content { font-size:12px; color:#000; }
.curriculum #category-title { font-size:22px; font-weight:normal; color:#ca7025; }
#category-title { font-family: "Lucida Sans Unicode",Arial,Helvetica,Sans-Serif; font-size:18px; color:#ca7025; }
h1 { font-family: "Lucida Sans Unicode",Arial,Helvetica,Sans-Serif; font-size:17px; font-weight:normal; letter-spacing:-0.25px; color:#00426a; vertical-align:middle; }
h2, h3 { font-family:"Lucida Sans Unicode",Arial,Helvetica,Sans-Serif; }
.curriculum #description { font-size:11px; color:#000; }
	.curriculum #description p { font-size:11px; margin:0 0 8px 0; padding:0; }

.curriculum #details { padding-left:20px; padding-right:10px; }

.curriculum p.name { margin-top:10px; font-weight:bold; }


/* -----------Above the Tabs------------ */

	#category-title {
		float:left;
		margin:0 0 0 50px;
		padding:30px 0 0;
	}
	.curriculum #category-title {
		float:left;
		width:450px;
		margin:0 0 5px 26px;
		padding:22px 0 0;
	}
	.curriculum #title {
		float:left;
		height:40px;
		margin:0 0 0 26px;
		width:450px;
	}
	.curriculum #description {
		float:left;
		width:450px;
		text-align:justify;
		margin:0 0 0 26px;
		padding:0;
	}

	#addthis { 
		float:left;
		width:450px;
		margin:30px 0 0 26px;
	}
	.adobeflex #addthis { margin-top:0; }
	
	.curriculum #blog { float:right; margin:0 20px 0 0; padding:20px 0 0; width:275px; }
		#blog a:link { color:#00426a; text-decoration:none; }
		#blog a:visited { color:#00426a; text-decoration:none; }
		#blog a:hover { color:#00426a; text-decoration:none; }
		#blog a:active { color:#00426a; text-decoration:none; }
		#blog p { font-size:10px; }
		div#blog h2 { font-size:14px; font-weight:normal; }
		#blog h2 a { font-size:18px; }

	#promo {
		display:block;
		width:400px;
		margin:0 0 0 50px;
		padding:8px 0 0;
		line-height:1.4em;
	}
	#offer {
	display:block;
	width:310px;
	margin:8px 0 8px 0;
	padding-top:0;
	line-height:1.3em;
}
#offer .boldorange { font-size:14px; }
	#specialevent {
		display:block;
		clear:left;
		width:450px;
		margin:10px 0 0 26px;
		padding:8px 0 0;
		line-height:1.4em;
	}
	
	.curriculum #backtoschool {
	float:left;
	width:700px;
	margin:5px 0 0 26px;
	padding:8px 0 0;
	line-height:1.4em;
}


/* --------------Tab Structure-------------- */

#jquerytabs { width:768px; margin-top:0; margin-left:16px; margin-bottom:15px; }

#tabs { margin-top:10px; }

ul.font11 li { font-size:11px; }

#tabs-1,
#tabs-1a,
#tabs-2,
#tabs-3,
#tabs-4 {
	line-height:1.3em;
	font-size:12px;
	}
	#tabs h3 { 
		margin-top:10px; /* bob was 25 */
		font-size:16px;
		line-height:1.3em;
	}

	#tabs-1 ul,
	#tabs-1a ul,
	#tabs-2 ul,
	#tabs-3 ul,
	#tabs-4 ul { 
		list-style-type:disc;
		list-style-position:outside;
		margin-top:10px;
		line-height:1.4em;
	}
	#tabs-1 li,
	#tabs-1a li,
	#tabs-2 li,
	#tabs-3 li,
	#tabs-4 li { 
		margin-left:14px;
}
#tabs-1 ul ul,
#tabs-1a ul ul,
#tabs-2 ul ul,
#tabs-3 ul ul,
#tabs-4 ul ul {
	list-style:circle outside;
	margin-top:2px;
	margin-bottom:2px;
}

/* ------------Tab Tables-------------------- */

table.tabtablewide {  margin:0 0 20px 0; }
.curriculum #jquerytabs table.tabtablewide { width:736px; margin:10px 0 0 0; }
.curriculum #upcoming-events-table {width:736px; margin:10px 0 0 0; }
.curriculum #upcoming-events-table-small {width:320px; margin:10px 0 0 0; }
.tabtablewide th { padding:6px; color:#fff; border:none; font-size:11px; }
.tabtablewide td { vertical-align:top; font-size:11px; }
.leftcol { text-align:left; padding:6px 6px 6px 9px; }
.middlecol, .rightcol { text-align:center; }
.rightcol a { color:#ca7025; }
.rightcol a:hover { color:#00426a; }
.tabtablewide td.leftcol { padding:6px 6px 6px 12px; font-weight:bold; }
.tabtablewide td.middlecol { padding:6px; }
.tabtablewide td.rightcol { padding:6px; }

/* ------------Consulting / Tab 1 ----------- */

.curriculum #leadin { width:715px; }
	#leadin h3 { font-size:18px; line-height:1.3em; }
	#leadin p { margin-top:7px; line-height:1.4em; }
.curriculum #services {
	float:left;
	width:415px;
}
#services h3 { line-height:1.4em; }

ul.projectdescr { margin-top:0; padding-top:0; }

		div#newsscroller {
			float:left;
			margin:20px 0 0 10px;
			width:285px;
			z-index:2;
		}
		#pscroller1,
		#pscroller2 {
			text-align:left;
			width: 285px;
			height: 300px;
			border: none;
}
div#newsupdates {
	font-size:13px;
}	
#pscroller1 p.quote,
#pscroller2 p.quote {
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#00426a;
	line-height:1.3em;
}
#pscroller1 p.scrollcitation,
#pscroller2 p.scrollcitation { margin:4px 0 15px 0; font-size:10px; line-height:normal; }

.curriculum div#clientsprojects { float:left; width:700px; }
#clientsprojects p { margin-top:12px; line-height:1.4em; }
#clientsprojects h3 { margin-top:25px; }

#whysb ol { margin:10px 0 0 3px; }
#whysb li { font-weight:bold; margin-bottom:5px; }
#clients-projects span { font-family:"Lucida Sans Unicode",Arial,Helvetica,Sans-Serif; }

/* bob 7/8/11 - retired with new layout

	// ------------ Plugins / Tab 1a ----------- 

	.curriculum #plugins { height:950px; width:740px; }
		#plugins h3 { font-size:18px; line-height:1.3em; }
		#plugins p { margin-top:7px; line-height:1.4em; }

	.curriculum #plugins #plugins-architecture { padding-bottom: 20px; border-bottom: 1px solid black}

	.curriculum #plugins ul {
		list-style-type:disc;
		list-style-position:outside;
		margin-top:2px;
		margin-left:13px;
	}

	.curriculum #skillbuilders-plugins               { width: 390px; float: left; margin-top: 8px; padding-top: 2px; border-right: 1px solid black;}
		.curriculum #skillbuilders-plugins       h3    { margin-top: 2px; margin-bottom: 2px;}
	
		.curriculum #plugins-row1                      { height: 120px; margin-top: 20px; clear: left; }
			.curriculum #plugins-super-lov               { width: 180px; float: left; border:0px solid #000} 
			.curriculum #plugins-schedule                { width: 180px; float: left; border:0px solid #000; margin-left:20px}
		
		.curriculum #plugins-row2                      { height: 135px; margin-top: 10px; clear: left; } 
		   // actually height on row above sets where this row falls, the margin-top above doesn't do anything, here just so all rows are the same
			.curriculum #plugins-save-before-exit        { width: 180px; float: left; border:0px solid #000}
			.curriculum #plugins-ir-header-float         { width: 180px; float: left; border:0px solid #000; margin-left:20px}
	
		.curriculum #plugins-row3                      { height: 135px; margin-top: 10px; clear: left; } 
		   // actually height on row above sets where this row falls, the margin-top above doesn't do anything, here just so all rows are the same 
			.curriculum #plugins-password                   { width: 180px; float: left; border:0px solid #000}
			.curriculum #plugins-sbdp-save-value-on-cascade { width: 180px; float: left; border:0px solid #000; margin-left:20px}
	
		.curriculum #plugins-row4                      { height: 140px; margin-top: 10px; clear: left; } 
		   // actually height on row above sets where this row falls, the margin-top above doesn't do anything, here just so all rows are the same 
			.curriculum #plugins-geocode                 { width: 180px; float: left; border:0px solid #000}
			.curriculum #plugins-sbrp-calendar           { width: 180px; float: left; border:0px solid #000; margin-left:20px}
	
	.curriculum #plugins-development-services        { height: 325px; width: 320px; float: left; left: 450px;  margin-top: 8px; padding-top: 2px; padding-left: 15px; }
		.curriculum #plugins-development-services h3   { margin-top: 2px;}

	.curriculum #plugins-upcoming-events-small       { clear: left; margin-top:10px;}
		.curriculum #plugins-upcoming-events-small h3  { margin-top: 2px; margin-bottom: 2px;}

/bob 7/8/11 */

	/* ------------Online Classes / Tab 2 ----------- */

	.curriculum #featuredevents {
		display:block;
		width:740px;
		margin:0;
		padding:0;
		line-height:1.4em;
		font-size:11px;
	}

		.curriculum #featuredevents th { font-weight:bold; background-color:#ccc; }
		.curriculum #featuredevents th, .curriculum #featuredevents td { font-size:11px; vertical-align:middle; }
			td.align-left { text-align:left; }
			td.eventtype { text-align:left; }
		.curriculum #featuredevents p { font-size:11px; margin:8px 0; }
		.curriculum #featuredevents #featuretable p { vertical-align:middle; margin-top:2px; margin-left:0; }
		.curriculum #featuredevents img { display:block; border:none; float:left; vertical-align:middle; margin:0; padding:0; }
		.curriculum #featuredevents h3 { margin:10px 0 0; } /* Bob was 20px top */
		.curriculum #featuretable td.middlecol, #featuretable td.rightcol { border-left:1px solid #ccc; }
		.curriculum #featuretable { margin-top:10px; width:736px; }


div#videofeature { margin-top:20px; padding-bottom:20px; }
div.videofeature { display:block; float:left; margin-top:12px; }
.curriculum #tabs-1 div#videofeature { text-align:center; }
.curriculum #tabs-1 .videofeature { width:200px; }
.curriculum #tabs-4 div#videofeature { width:800px; }
.curriculum #tabs-4 .videofeature { float:left; margin:0 10px; padding:0; }
.videofeature p { width:200px; text-align:center; }
.videofeature .tip { font-size:11px; }

#instructors { width:200px; }
	#instructors p { font-size:12px; }

#includes {
	line-height:130%;
	width:300px;
	}
	#includes ul { 
		list-style-type:disc;
		list-style-position:outside;
		margin-top:2px;
	}
	#includes li { 
		margin-left:14px;
		font-size:12px;
}
#cancel {
	display:block;
	margin:0;
	padding:15px 0 0 25px;
}
#cancel h3 {
	margin:12px 0 0 10px;
	font-size:14px;
	display:block;
	text-indent:-10px;
	}
	#cancel a {
		color:#00426a;
}
#tech-reqs {
	display:block;
	margin:0;
	padding:0 0 0 25px;
}
#tech-reqs h3 {
	margin:5px 0 0 10px;
	font-size:14px;
	display:block;
	text-indent:-10px;
	}
	#tech-reqs a {
		color:#00426a;
}


.article {
	width:748px;
	margin:10px 0 10px 26px;
	padding-bottom:20px;
}
.article h2 { font-weight:normal; color:#00426a; margin-bottom:7px; }
.article p { margin-bottom:10px; }
p.last { margin-bottom:20px; }