/* STYLESHEET FOR POSITIVE LEARNING WEB SITE 01/11/08 */
/* border: 1px solid #ff0000; */


/*** GENERAL PAGE STYLES ***/
body {
	margin: 0px;
	padding: 0px;
	background: #eee url('../images/general/bkgrnd_blu.gif') repeat-x;
	color: #555;
	font-size: 100%;
	font-family: Verdana, Helvetica, sans-serif;
}
#container {
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 850px;
	background-color: #fff;
	text-align: left;
}
.accessibility {
	position: absolute;
	left: -1000px;
}
.clearFloat {
	clear: both;
}
img {
	border: 0px;
}
p.back2top {
	margin: 6px 0px 10px 0px;
	text-align: right;
}
p.back2top img {
	margin: 0px 4px 2px 0px;
	border: 0px solid #fff;
	vertical-align: middle;
}
p.back2top a {
	font-size: 70%;
	color: #888;
	text-decoration: none;
}
p.back2top a:active, p.back2top a:hover {
	color: #40628E;
}


/*** TEXT STYLES ***/
h1 {
	margin: 5px 0px 10px 0px;
	color: #555;
	font-size: 90%
}
h2 {
	margin: 5px 0px 10px 0px;
	color: #996600;
	font-size: 80%;
	font-weight: normal;
}
h3 {
	margin: 30px 0px 15px 0px;
	color: #555;
	font-size: 80%;
}
h4 {
	margin: 20px 0px 10px 0px;
	color: #555;
	font-size: 75%;
	font-weight: bold;
}
span.txtBld {
	font-weight: bold;
}
span.txtNml {
	font-weight: normal;
}
span.txtBldIt {
	font-weight: bold;
	font-style: italic;
}
.spHedText {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
}
.titleBarTxtLrg {
	color: #fff;
	font-size: 120%;
}
.titleBarTxtSml {
	color: #fff;
	font-size: 75%;
}
.subTitleBarTxt {
	color: #996600;
	font-size: 90%;
	font-weight: bold;
}
.spBdyText {
	font-size: 75%;
}
a.spBdyLink {
	color: #40628E;
	font-weight: bold;
	text-decoration: none;
}
a.spBdyLink:active, a.spBdyLink:hover {
	color: #40628E;
}


/*** AREA 01 - logo & strapline: STYLES ***/
#area01 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	height: 112px;
	margin: 0px;
	padding: 0px;
	background: #eee url('../images/general/logo_pl.jpg') no-repeat;
}
#area01 .strapStyle {
	position: absolute;
	top: 65px;
	right: 15px;
}

/*** AREA 02 - main navigation bar: STYLES ***/
#area02 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	background-color: #40628E;
}
#area02 #navBar {
	position: relative;
	top: 0px;
	left: 349px;
	width: 500px;
	height: 28px;
}
#area02 #navBar ul {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#area02 #navBar ul li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#area02 #navBar ul li a {
	margin-top: 2px;
	padding: 6px 10px 6px 10px;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#area02 #navBar ul li a:active, #area02 #navBar ul li a:hover {
	background-color: #517EB7;
}
#area02 #navBar ul li a.navOn {
	background-color: #81A4CF;
}
#area02 #navBar ul li a.navOn:active, #area02 #navBar ul li a.navOn:hover {
	background-color: #81A4CF;
}


/*** AREA 03 - page photo & summary: STYLES ***/
#area03 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	height: 180px;
	margin: 0px;
	padding: 0px;
	background: #eee url('../images/general/gradient_blu.gif') repeat-x;
}
#area03 #colLeft {
	float: left;
}
#area03 #colLeft .pagePhoto {
	margin: 0px;
	padding: 0px;
}
#area03 #colRight {
	float: right;
}
#area03 #colRight .pageSummary {
	margin: 15px;
	padding: 0px;
	width: 460px;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
}
#area03 #colRight .pageSummary a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#area03 #colRight .pageSummary a:active, #area03 #colRight .pageSummary a:hover {
	text-decoration: underline;
}


/*** AREA 04 - site search box: STYLES ***/
#area04 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border-top: 4px solid #40628E;
}
#area04 .bl { background: url('../images/general/corner_blu_bl.gif') 0 100% no-repeat #40628E; width: 250px; position: absolute; right: 15px; padding: 0px; margin: 0px }
#area04 .br { background: url('../images/general/corner_blu_br.gif') 100% 100% no-repeat; padding: 8px; margin: 0px }
#area04 .clear { font-size: 1px; height: 1px }

#area04 .bl .br form {
	margin: 0px 3px;
	padding: 0px;
}
#area04 .bl .br .searchField {
	font-size: 75%;
	color: #666;
	background-color: #eee;
	border: 1px solid #082547;
	margin: 0px;
	padding: 2px 1px;
	width: 180px;
}
#area04 .bl .br .submitBttn {
	vertical-align: middle;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}


/*** AREA 05 - main content & side panels: STYLES ***/
#area05 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	margin-top: 0px;
	padding: 0px;
}
#area05 #mainContent {
	margin: 0px auto;
	padding: 0px;
	width: 820px;
}
#area05 #mainContent #colLeft {
	float: left;
	width: 555px;
	margin-bottom: 40px;
	/*border: 1px solid #ff0000;*/
}
#area05 #mainContent #colRight {
	float: right;
}


/* Side panels */
#sidePanel {
	width: 247px;
	margin: 0px 0px 25px 0px;
}
#sidePanel #head {
	height: 28px;
}
#sidePanel #head #text {
	position: relative;
	top: 7px;
	left: 40px;
	width: 200px;
}
#sidePanel #body {
	margin: 12px 12px 0px 12px;
}
#sidePanel .style01 {
	background: #FF9900 url('../images/panels/style_01.gif') no-repeat;
}
#sidePanel .style02 {
	background: #CC9900 url('../images/panels/style_02.gif') no-repeat;
}
#sidePanel .style03 {
	background: #996600 url('../images/panels/style_03.gif') no-repeat;
}


/* Main content */
#area05 #mainContent #colLeft p {
	font-size: 75%;
}
#area05 #mainContent #colLeft a {
	color: #40628E;
	text-decoration: none;
}
#area05 #mainContent #colLeft a:active, #area05 #mainContent #colLeft a:hover {
	text-decoration: underline;
}
#area05 #mainContent #colLeft #line {
	margin: 30px 0px;
	border-bottom: 1px solid #555;
}
#area05 #mainContent #colLeft ul {
	margin: 15px 0px 25px 0px;
	padding-left: 25px;
	font-size: 75%;
}
#area05 #mainContent #colLeft ul li {
	margin: 0px 0px;
	padding: 4px 0px;
}
#area05 #mainContent #colLeft table {
	margin: 30px 0px;
}
#area05 #mainContent #colLeft table td {
	background: #D2E2F7;
	font-size: 75%;
	color: #40628E;
}
#area05 #mainContent #colLeft table td a {
	color: #40628E;
	font-weight: bold;
	text-decoration: none;
}
#area05 #mainContent #colLeft table td a:active, #area05 #mainContent #colLeft table td a:hover {
	text-decoration: underline;
}
#area05 #mainContent #colLeft #titleBar {
	height: 45px;
	padding-left: 5px;
	background: #40628E url('../images/general/corner_blu_tl.gif') no-repeat;
}
#area05 #mainContent #colLeft #titleBar #text {
	height: 45px;
	padding-top: 20px;
	background-image: url('../images/general/corner_blu_tr.gif');
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#area05 #mainContent #colLeft #subTitleBarImg {
	height: 40px;
	padding: 20px 5px 0px 5px;
	background-color: #eee;
	border-top: 1px solid #333;
}
#area05 #mainContent #colLeft #subTitleBarImg img {
	margin-right: 5px;
	vertical-align: text-bottom;
}
#area05 #mainContent #colLeft #subTitleBarTxt {
	height: 28px;
	padding: 34px 5px 0px 5px;
	background-color: #eee;
	border-top: 1px solid #333;
}
#area05 #mainContent #colLeft #courseItem {
	padding: 10px 5px;
	border-top: 1px solid #333;
}
#area05 #mainContent #colLeft p.iconBox {
	margin: 20px 0px;
	font-size: 75%;
}


#area05 #mainContent #colLeft p.iconBox div.left {
	float: left;
}
#area05 #mainContent #colLeft p.iconBox div.right {
	float: right;
}


#area05 #mainContent #colLeft p.iconBox img {
	margin-right: 12px;
	vertical-align: middle;
}
#area05 #mainContent #colLeft #bttnColLeft {
	float: left;
	width: 210px;
}
#area05 #mainContent #colLeft #bttnColRight {
	float: left;
}
#area05 #mainContent #colLeft #button {
	height: 30px;
	width: 190px;
	margin: 12px 0px;
	background: #454545 url('../images/buttons/bttn_blk_middle.gif') repeat-x; 
}
#area05 #mainContent #colLeft #button #bttnIcon {
	height: 30px;
	background-repeat: no-repeat;
}
#area05 #mainContent #colLeft #button #bttnIcon #text {
	height: 30px;
	padding-top: 6px;
	background-image: url('../images/buttons/bttn_blk_right.gif');
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#area05 #mainContent #colLeft #button02 {
	height: 30px;
	width: 115px;
	margin: 12px 0px;
	background: #FF9900 url('../images/buttons/bttn_oge_middle.gif') repeat-x; 
}
#area05 #mainContent #colLeft #button02 .bttn {
	padding-left: 20px;
	background-image: url('../images/buttons/bttn_oge_left.gif');
}
#area05 #mainContent #colLeft #button02 #bttnIcon02 {
	height: 30px;
	background-repeat: no-repeat;
}
#area05 #mainContent #colLeft #button02 #bttnIcon02 #text02 {
	height: 30px;
	padding-top: 7px;
	background-image: url('../images/buttons/bttn_oge_right.gif');
	background-repeat: no-repeat;
	background-position: 100% 0%;
}
#area05 #mainContent #colLeft a.bttnLnk {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
}
#area05 #mainContent #colLeft #button .bttnInfo {
	padding-left: 40px;
	background-image: url('../images/buttons/info_left.gif');
}
#area05 #mainContent #colLeft #button .bttnBook {
	padding-left: 45px;
	background-image: url('../images/buttons/book_left.gif');
}
#area05 #mainContent #colLeft #titleStyle2 {
	margin-top: 30px;
	border-bottom: 1px solid #555;
}
#area05 #mainContent #colLeft #titleStyle3 {
	border-bottom: 1px solid #555;
}
#area05 #mainContent #colLeft ul.jumpLinks {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height:	25px;
	font-size: 75%;
	font-weight: bold;
	list-style-type: none;
}
#area05 #mainContent #colLeft ul.jumpLinks li {
	margin: 0px 6px;
	padding: 2px 0px 0px 24px;
	display: inline;
	float: left;
	background-image: url('../images/icons/arrow_dn.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#area05 #mainContent #colLeft ul.jumpLinks li a {
	display: block;
	color: #40628E;
	text-decoration: none;
}
#area05 #mainContent #colLeft ul.jumpLinks li a:hover, #area05 #mainContent #colLeft ul.jumpLinks li a:active {
	text-decoration: underline;
}
#area05 #mainContent #colLeft ul.style1 {
	margin: 20px 0px 10px 0px;
	padding: 0px;
	color: #555;
	font-size: 75%;
	font-weight: bold;
	list-style-type: none;
}
#area05 #mainContent #colLeft ul.style1 li {
	margin: 6px 0px;
	padding: 2px 0px 0px 24px;
	background-image: url('../images/icons/arrow_right.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#area05 #mainContent #colLeft ul.style1 li.pdf {
	padding-left: 35px;
	background-image: url('../images/icons/pdf.gif');
}
#area05 #mainContent #colLeft ul.style1 li.doc {
	padding-left: 35px;
	background-image: url('../images/icons/doc.gif');
}
#area05 #mainContent #colLeft ul.style1 li a {
	color: #40628E;
	font-weight: normal;
	text-decoration: none;
}
#area05 #mainContent #colLeft ul.style1 li a:active, #area05 #mainContent #colLeft ul.style1 li a:hover {
	text-decoration: underline;
}
#area05 #mainContent #colLeft #mapContainer {
	margin: 30px 0px;
	padding: 10px;
	background: #D2E2F7;
}
#area05 #mainContent #colLeft #mapContainer #mapTitle {
	margin-bottom: 20px;
	font-size: 75%;
	font-weight: bold;
	color: #555;
}
#area05 #mainContent #colLeft div.contact {
	margin: 40px 16px 30px 0px;
	font-size: 75%;
}
#area05 #mainContent #colLeft div.contact img {
	margin: 0px 6px 0px 0px;
	vertical-align: middle;
}
#area05 #mainContent #colLeft div.contact a {
	color: #40628E;
	text-decoration: none;
}
#area05 #mainContent #colLeft div.contact a:active, #area05 #mainContent #colLeft div.contact a:hover {
	text-decoration: underline;
}
#area05 #mainContent #colLeft div.contact div.address {
	width: 350px;
	margin-top: 8px;
}


/*** AREA 06 - footer links: STYLES ***/
#area06 {
	position: relative;
	top: 0px;
	left: 0px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
#area06 #footNav {
	margin: 0px auto;
	padding: 0px;
	width: 820px;
	height: 30px;
	border-top: 1px solid #666666;
	text-align: center;
}
#area06 #footNav #colLeft {
	float: left;
}
#area06 #footNav #colRight {
	float: right;
}
#area06 #footNav #colRight ul {
	margin: 6px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#area06 #footNav #colRight ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	font-size: 70%;
}
#area06 #footNav #colRight ul li a {
	color: #666666;
	text-decoration: none;
	margin: 0px 6px 0px 6px;
}
#area06 #footNav #colRight ul li a:active, #area06 #footNav #colRight ul li a:hover {
	color: #40628E;
}


/*** CONTACT FORM STYLES ***/
form.contact fieldset {
	margin: 0px;
	border: 1px solid #555;
}
form.contact legend {
	font-size: 75%;
	color: #555;
	font-weight: bold;
	padding: 10px 8px 10px 8px;
}
form.contact li {
	list-style-type: none;
	margin: 2px 0px 2px 0px;
}
form.contact label.size01 {
	display: -moz-inline-box;
	display: inline-block;
	width: 20%;
	text-align: right;
	margin: 0px 10px 0px 0px;
}
form.contact label.size02 {
	display: -moz-inline-box;
	display: inline-block;
	width: 20%;
	text-align: right;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
	padding-top: 3px;
}
form.contact input {
	background-color: #eeeeee;
	border: 1px solid #666666;
}
form.contact select {
	background-color: #eeeeee;
	border: 1px solid #666666;
	margin: 2px 0px 2px -4px
}
form.contact li.check span {
	display: block;
}
form.contact li.check span input {
	background-color: #e6dfc6;
	border: 0px;
	margin-right: 6px;
}
form.contact textarea {
	font-size: 100%;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #eeeeee;
	border: 1px solid #666666;
	margin: 6px 0px 0px 0px;
}
form.contact fieldset.bttns {
	margin-top: 16px;
	padding: 10px;
	text-align: right;
}
form.contact fieldset.bttns .bttnReset {
	width: 111px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	background: #E6DFC6 url('../images/buttons/bttn_reset_bkgrnd.gif') no-repeat;
	border: 0px solid #E6DFC6;
	margin: 0px 2px 0px 2px;
	cursor: pointer;
}
form.contact fieldset.bttns .bttnSubmit {
	width: 111px;
	height: 30px;
	color: #fff;
	font-weight: bold;
	background: #E6DFC6 url('../images/buttons/bttn_submit_bkgrnd.gif') no-repeat;
	border: 0px solid #E6DFC6;
	margin: 0px 2px 0px 2px;
	cursor: pointer;
}
form.contact fieldset.bttnsBck {
	margin-top: 16px;
	padding: 0px;
	text-align: left;
	border: 0px solid #E6DFC6;
}
form.contact fieldset.bttnsBck .bttnBack {
	width: 110px;
	height: 28px;
	color: #fff;
	font-weight: bold;
	background: #E6DFC6 url('../images/buttons/bttn_reset_bkgrnd.gif') no-repeat;
	border: 0px solid #E6DFC6;
	margin: 0px 2px 0px 0px;
}