sup {
		font-size: 9px;
		}

	#pageTitleCSP {
		margin:0; 
		padding:0;
		}
	 
	#containerCSP {
		margin:0; 
		padding:0;
		}
	#containerCSP h1 { 
		font: 14pt sans-serif; 
		padding:0 0 0 10px;
		margin-bottom: 5px;
		}
	/* subNavigation */
	#navCSP {
		height: 25px;
		padding: 0;
		margin: 0 0 0 10px;
		font: 11px arial; 
		font-weight: bold;
		border-left:1px solid #CCCCCC;
		border-right: 0;
		}
	#navCSP a:link, #navCSP a:visited {
		float: left;
		display: block;
		height: 15px;
		color: #7A929F;
		margin: 0;
		padding: 5px 4px 5px 4px;
		text-decoration: underline; 
		border-top:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		}
	#navCSP a:hover, #navCSP a:active {
		float: left;
		display: block;
		height: 15px;
		color: #0099CC;
		margin: 0;
		padding: 5px 4px 5px 4px;
		text-decoration: underline; 
		background-color: #EEEEEE;
		border-top:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		}	
	#navCSP ul {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		}
	#navCSP li {
		float: left;
		margin:0;
		padding:0;
		background-color: #DDDDDD;
		}
	/* Show Current Page */
	li#currentPg2 a:visited, 
	li#currentPg2 a:link {
		display: block;
		height: 15px;
		margin: 0;
		padding: 5px 4px 5px 4px;
		text-decoration: none; 
		color: #7A929F;
		background-color: #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		}
	/* main div */
	#mainCSP {
		clear:both;
		width: 640px;
		margin:8px 0 0 10px;
		padding:0;
		}
	#mainCSP hr {
		height: 0px;
		border: solid #999999 0px;
		border-top-width: 1px; 
	}
	/* left column */
	#leftCSP {
		/*width:139px;*/
		width:142px;
		margin:0;
		padding:0 1px 0 1px;
		background: #FFFFFF url(/images/cspImg/instructor_bg.gif) no-repeat top left;
		text-align: center;
		}
		
	/* middle column */
	#middleCSP {
		padding:0 0 0 12px;
		margin:0;
		}
	#middleCSP h2, #centerCol h2 { 
		padding:0;
		margin:0;
		color: #000000;
		font: 9pt sans-serif;
		}
		
	/* right column/elements */
	#rightCSP {
		float:right;
		width:245px;
		margin:0; 
		padding:0 1em 0 0;
		}
	#rightCSP td {
		color: #2C566D;
		}
	#rightCSP select {
		width: 218px;
		font-size:11px;
		font-family:Arial;
		}
	#righttable {
		background: url(/images/cspImg/rightColBG.gif) repeat-y;
		}
	#rightCSP hr {
		height: 0px;
		padding:0;
		margin: 0;
		border: solid #999 0px;
		border-top-width: 1px; 
		}
	#rightCSP a:link, #rightCSP a:visited {
		color: #CC6633;
		}
	#rightCSP a:hover, #rightCSP a:active {
		color: #0099CC;
		}
	#price {
		/* color:#CC6633;*/ 
		/* font-weight:bold;*/ 
		font-size:11px;
		height:31px;
		width:194px;
		padding:0 0 0 37px;
		background: url(/images/cspImg/priceBG.gif) no-repeat top left;
		}
	#action {
		padding:20px 10px 10px 10px;
		background: url(/images/cspImg/cActionBG.gif) no-repeat top left;
		}
	#SignUpRight { 
		width: 101px;
		height: 46px;
		padding: 0;
	}
	#SignUpRight a:link, #SignUpRight a:visited  {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none; 
		color: #ccc;
		font-weight: bold;
		width: 101px;
		height: 46px;
		background: url(/images/cspImg/b_Enroll.gif) no-repeat;
	}
	#SignUpRightAlt a:link, #SignUpRightAlt a:visited  {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none; 
		color: #ccc;
		font-weight: bold;
		width: 101px;
		height: 46px;
		background: url(/images/cspImg/b_Alternates.gif) no-repeat;
	}

	#SignUpRight a:hover, #SignUpRight a:active {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none; 
		color: #690;
		font-weight: bold;
		width: 101px;
		height: 46px;
		background-position:100% -46px;
	}
	#SignUpRightAlt a:hover, #SignUpRightAlt a:active {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none; 
		color: #690;
		font-weight: bold;
		width: 101px;
		height: 46px;
		background-position:100% -46px;
	}

	#SignUpRight span {
		display: none;
	}
	.gray {
	color: #cccccc;
	}
	.red {
	color: #ff0000;
	}
	/*
	.askinstrctr a {
	display:block;
	padding:10px 5px 0 5px;
	width:132px;
	height:113px;
	font-family:arial, san-serif;
	color:#003366;
	text-align:center;
	text-decoration:none;
	background: url(http://www.betterphoto.com/images/b_blueBG_m.png) no-repeat top left;
	}
	.askinstrctr a:hover {color:#FFFFFF;background-position:0 -123px}
	*/
	
	/* Sign Up button */
	
	#SignUp { 
		width: 104px;
		height: 127px;
		padding: 0 0 0 10px;
	}
	#SignUp a:link, #SignUp a:visited  {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none; 
		color: #ccc;
		font-weight: bold;
		width: 104px;
		height: 127px;
		background:   url(/images/cspImg/signUp.gif) no-repeat;
	}
	#SignUp a:hover, #SignUp a:active {
		padding: 0;
		margin: 0;
		display: block;
		text-decoration: none; 
		color: #690;
		font-weight: bold;
		width: 104px;
		height: 127px;
		background-position:100% -127px;
	}
	#SignUp span {
		display: none;
	}
		
	#keyFeatures {
		/* width: 489px;*/
		width: 449px;
		margin:0; 
		padding: 0;
		background: url(/images/cspImg/KFBG.gif) repeat-y;
		}
	#keyFeatures ul {
		padding: 0 0 0 30px;
		margin: 0px;
		list-style-type: normal;
		}
	#keyFeatures li {
		padding: 0;
		margin: 0;
		}

/**********************************************************************
CSP styles - Per Anthony's suggestions 04/05/10
************************************************************************/

/* common items */
#boxMain, #boxRight, #leftCol, #centerCol, #rightCol {float:left;margin:0;padding:0;}
#boxMain {width:655px;padding-left:10px;}
#leftCol {width:150px;}
#centerCol {padding:0 20px 0 20px;width:465px;}
#rightCol {width:235px;}

#tabinfo {clear:both;margin:10px 0 10px 0;padding:10px;width:615px;color:#72705A;background-color:#EDEBD5}
.studentpic {float:right;padding:0 0 0 10px;width:210px;}
.avrrating {margin:10px 0 0 0;padding:0 0 10px 10px;border-top:dotted 1px #CCC;border-bottom:dotted 1px #CCC}

h1 {padding:0;font:normal 18px/30px Georgia, serif;} /*border-bottom:#666666 1px solid;*/
h1 span {font:normal 22px Arial, san-serif;color:#E47911}

hr {height: 0px;border: dotted #CCCCCC 0px;border-top-width: 1px;}

/* left column */
.navCSPv {margin:0;padding:0}
.navCSPv ul {
	margin:0;padding:0 0 20px 20px;;
	list-style-image:url("http//:www.betterphoto.com/images/arrow.png");
	list-style-type:square;
}
.navCSPv li {
	color:#3CBDDD;
	font:normal 16px Arial, san-serif;
}
.instrtitle {font:normal 14px Georgia, serif;text-align:center;}

/* center column */
/* #centerCol img {padding:0 0 15px 15px;} */
#centerCol h3 {color:#E47911;font:normal 18px/30px Georgia, serif;border-bottom:#CCCCCC 1px dotted;}
.centerColtxt {padding:10px 0 0 0}
.keyfeatures-b {margin:10px 0 10px 0;padding:10px;color:#72705A;background-color:#EDEBD5}
.kftitle {font: normal 24px Georgia, serif}

/* right column */
.summarybox {margin:20px 0 0 0;padding:0;color:#000000;background-color:#D5E5FE;text-align:center;border:1px #164F9B solid;}
.summarytitle {padding:8px 0 8px 0;color:#FFFFFF;font: bold 18px Arial, san-serif;text-align:center;background-color:#164F9B;}
.price {padding:20px;text-align:center;font-size:12px;}
.coursecost {font:normal 24px Arial;color:#CF684C;}
.smalltxt {font-size:9px;color:#000000;}
.summarytxt {padding:5px 0 0 0;font-size:12px;}
.summarytxt ul {margin:0;padding:0;list-style:none}
.summarytxt select {font-size:12px;width:245px}
.testimonialbox {font:normal 14px Georgia, serif;}
.clearall {clear:both}

/**********************************************************************
coda-slider styles
************************************************************************/

	.coda-slider-wrapper { padding: 20px 0; }
	.coda-slider { background-color:#EDEBD5; border:1px #AE947C solid}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 600px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0 20px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */
	
	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: 0; overflow: hidden }
	.coda-nav ul li { display: inline;}
	.coda-nav ul li a, .coda-nav-left a, .coda-nav-right a { display: block; float:left;margin:0 1px 0 0;padding:8px 7px 0 7px;height:27px;font:bold 14px Arial;color: #FFFFFF;text-decoration:none;background: url(http://www.betterphoto.com/images/csp-tabs-unselected.png) repeat-x top left;border-left:1px #AE947C solid;border-right:1px #AE947C solid}
	.coda-nav ul li a:hover, .coda-nav-left a:hover, .coda-nav-right a:hover { color: #494037;background-position:0 -35px }
	
	/* Tab current
	.coda-nav ul li a.current { color:#fff;background: url(http://www.betterphoto.com/images/csp-tabs-current.png) repeat-x top left;border-left:1px #52768F solid;border-right:1px #52768F solid }
	*/
	.coda-nav ul li a.current {height:26px;color:#494037;background:#CFC3B6;border-top:1px #AE947C solid;}
	
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { width:25px;text-align: center;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	
	.coda-nav ul, .coda-nav li { margin: 0;outline: 0;padding: 0;vertical-align: baseline; }