body{
	margin: 0 ;
	font-family: Arial, Helvetica, sans-serif ;
	background: #006666 ;
}

#headerLogo{
	background: url('images/header-logo.gif') #FFF no-repeat ;
	text-align: right ;
	vertical-align: bottom ;
	font-size: 18px ;
	height: 59px ;
}

#topBorder{
	background: url('images/gr-gradient.jpg') #FFF repeat-y ;
	border-top: 1px solid black ;
	border-bottom: 1px solid black ;
	height: 15px ;
}

#mainContent{
	padding: 10px 20px 10px 20px ;
	background: white ;
}

#widthContainer{
	width: 700px ;
	margin: auto ;
}

#footerBar{
	background: url('images/gr-gradient.jpg') #FFF repeat-y ;
	border-top: 1px solid black ;
	border-bottom: 1px solid black ;
	padding: 5px ;
	font-size: 12px ;
	font-weight: bold ;
	color: white ;
}

h1{
	margin: 0 0 20px 0 ;
	font-size: 24px ;
	font-weight: bold ;
	color: #006699 ;
}


.courseBox{
	background: url('images/backgrounds/bg-blue.jpg') repeat-x ; 
	font-family: Arial, Helvetica, sans-serif ;
	border: 2px solid black ;
	margin: 15px 0 15px 0 ;
	padding: 5px ;
	width: 550px ;
}

.cbContents{
	padding-left: 130px ;
}

.courseTitle{
	font-size: 20px ;
	font-weight: bold ;
	color: #3333CC ;
	margin-bottom: 5px ;
}

.shortDesc{
	/* text-align: justify ; */
}

.courseCost{
	font-size: 20px ;
	color: #CC3300 ;
}

.courseImg{
	float: left ;
	border: 1px solid black ;
}
		
.clearFloats{
	clear: both ;
}

div.regBtnContainer{
	float: right ;
	padding: 5px ;
	margin-top: 20px ;
}

a.regBtn{
	border: 2px solid #0066CC ;
	background: #6699FF ;
	color: white ;
	padding: 3px ;
	text-decoration: none ;
	font-weight: bold ;
	font-size: 16px ;
}

a.regBtn:HOVER{
	background: #66CCFF ;
}

.courseDates{
	font-family: verdana, arial, helvetica ;
	font-size: 12px ;
	font-weight: bold ;
	margin-top: 3px ;
}

.courseBoxSection{
	font-size: 14px ;
	font-weight: bold ;
	padding: 2px ;
	background: #3333CC ;
	color: white ;
}

a.selectionLink{
	font-size: 14px ;
	font-weight: bold ;
	border: 1px solid black ;
	background: #0099FF ;
	text-decoration: none ;
	color: white ;
	padding: 2px ;
}

a.selectionLink:HOVER{
	background: #33CCFF ;
}

#startDates td{
	padding: 10px ;
	font-size: 12px ;
}

.tableHeading td{
	font-weight: bold ;
	border-bottom: 1px solid black ;
}

#scheduleTable td{
	vertical-align: top ;
	font-size: 12px ;
}

h2{
	font-size: 20px ;
	font-weight: bold ;
	color: #0066CC ;
	/* border-bottom: 1px solid black ; */
}

#costBreakdown td{
	padding: 3px ;
}

/*
.tableHeading td{
	font-weight: bold ;
	background: #0066CC ;
	color: white ;
}*/

.grandTotals td{
	border-top: 2px solid black ;
	font-size: 20px ;
	font-weight: bold ;
}

.bigGreenBTN{
	font-size: 20px ;
	background: #33CC33 ;
	color: white ;
	font-weight: bold ;
	padding: 4px ;
	border: 2px solid #339933 ;
	text-decoration: none ;
}

.bigGreenBTN:HOVER{
	background: #33FF99 ;
}

.lineItem td{
	 border-bottom: 1px dashed black ;
}

.errors{
	color: red ;
	border: 2px solid red ;
	padding: 5px ;
	background: #FFFFCC ;
}

.errors_friendly{
	color: green ;
	border: 2px solid green ;
	padding: 5px ;
	background: #FFFFCC ;
}
.messages{
	color: #00CC00 ;
}

a.editLink{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 9px ;
	font-weight: bold ;
	background: #FFFF99 ;
	border: 1px solid black ;
	padding: 1px ;
	text-decoration: none ;
	color: black ;
}

a.editLink:HOVER{
	background: #FFCC33 ;
}

a.backBtn{
	display: block ;
	width: 75px ;
	padding: 3px ;
	text-align: center ;
	background: #FF6666 ;
	border: 1px solid #CC0033 ;
	font-weight: bold ;
	color: white ;
	text-decoration: none ;
}

a.backBtn:HOVER{
	background: #FFCCCC ;
}