/* STYLESHEET FOR EYFS Assistant WEB SITE 06/03/10 */
/* border: 1px solid #ff0000; */



/*** GLOBAL STYLES ***/
body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 100%;
	line-height:18px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	min-width: 930px;
	background: #fff url('../images/misc/bkgrnd.gif') repeat-x;
}
#accessibility {
	left: -1000px;
	position: absolute;
}
#container {
	position: relative;
	top: 0px;
	margin: 0 auto;
	width: 930px;
	text-align: center;
}
div.alignLeft {
	float: left;
}
div.alignRight {
	float: right;
}
div.clearFloat {
	clear: both;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
h1 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 4px 6px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 2px solid #333;
}
h2 {
	/*.......*/
}
h3 {
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 4px 6px;
	font-size: 1.2em;
	font-weight: bold;
}
h4 {
	margin: 10px 0px 4px 0px;
	font-size: 1em;
	font-weight: bold;
}
h5 {
	margin: 0;
	font-size: 0.75em;
	font-weight: bold;
}
h6 {
	margin: 10px 0px 4px 0px;
	font-size: 1.1em;
	color:#4b0275;
	font-weight: bold;
}
p {
	margin: 10px 0px;
	font-size: 0.75em;
	line-height: 1.4em;
}
p.introCopy {
	font-size: 0.85em;
}
p.hiLiteCopy {
	color: #3fbcc0;
}
p a {
	color: #1cadb2;
	text-decoration: none;
}
p a:active, p a:hover {
	text-decoration: underline;
}
ul li {
	font-size: 0.75em;
}
form {
	margin: 0px 0px 30px 0px;
	padding: 15px;
	border-top: 16px solid #dcfbfd;
	border-bottom: 16px solid #dcfbfd;
}
form .tableDiv {
	display: table;
}
form .tableDiv .rowDiv {
	display: table-row;
}
form .tableDiv .rowDiv .cellDiv {
	display: table-cell;
	padding: 4px 0px;
	vertical-align: top;
}
form .tableDiv .rowDiv .cellDiv2 {
	display: table-cell;
	padding: 4px 0px;
	width: 100px;
	vertical-align: top;
}
form .tableDiv .rowDiv .cellDiv3 {
	display: table-cell;
	padding: 4px 0px;
	font-size: 0.75em;
	vertical-align: top;
}
form label {
	display: block;
	width: 100px;
	padding-right: 8px;
	font-size: 0.75em;
	font-weight: bold;
}
form input.txtField01 {
	margin: 0;
	padding: 3px;
	width: 270px;
	border: 1px solid #999;
	color: #333;
	font-size: 0.75em;
}
form textarea {
	margin: 0;
	padding: 3px;
	width: 270px;
	height: 100px;
	color: #333;
	font-size: 0.8em;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
}
form input.radioBttn {
	margin: 0px 10px 2px 10px
}
form input.formBttn01 {
	margin: 6px 6px 0px 0px;
	padding: 2px;
	cursor: pointer;
	font-size: 0.75em;
	color: #2eaead;
	background-color: #dafcfb;
	border: 1px solid #2eaead;
}
span.redStar {
	color: #ff0000;
}



/*** HEADER STYLES ***/
#pgHeader {
	position: relative;
	top: 0px;
	left: 0px;
	width: 930px;
	height: 238px;
	min-height: 238px;
	background: #cbf6f7 url('../images/headers/cscb.jpg') no-repeat;
	background-position: 5px 0px;
}
#pgHeader ul.hdNav {
	position: absolute;
	top: 25px;
	right: 150px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#pgHeader ul.hdNav li {
	margin: 0;
	padding: 0;
	border: 0px;
	display: inline;
	font-size: 0.8em;
}
#pgHeader ul.hdNav li.divider {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 0.8em;
}
#pgHeader ul.hdNav li a {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#pgHeader ul.hdNav li a:active, #pgHeader ul.hdNav li a:hover {
	text-decoration: underline;
}


/*** CONTENT STYLES ***/
#pgContent {
	position: relative;
	top: 0px;
	left: 0px;
	width: 930px;
}
#leftShadow {
	width: 5px;
	height: 510px;
	background: #fff url('../images/misc/shadow_left.jpg') no-repeat;
}
#leftColumn {
	width: 195px;
	padding: 60px 15px 40px 20px;
	text-align: left;
}
#middleColumn {
	width: 430px;
	padding: 60px 15px 40px 15px;
	text-align: left;
}
#rightColumn {
	width: 195px;
	padding: 60px 20px 40px 15px;
	text-align: left;
}
#rightShadow {
	width: 5px;
	height: 510px;
	background: #fff url('../images/misc/shadow_right.jpg') no-repeat;
}

/*** CONTENT - LEFT COLUMN STYLES ***/
#mainNav {
	margin: 0;
	padding: 0;
}
#mainNav div {
	margin: 0px 0px 25px 0px;
	padding: 0;
}
#mainNav div ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mainNav div ul li {
	padding: 0;
	margin: 0;
}
#mainNav div ul li a {
	padding: 0px 4px 0px 4px;
	display: block;
	color: #333;
	text-decoration: none;
}
div.group01 h3 {
	color: #7d0040;
	border-bottom: 2px solid #7d0040;
}
div.group01 ul li a {
	background-color: #fff;
	border-left: 5px solid #fff;
}
div.group01 ul li a.selected {
	background-color: #eedee6;
	border-left: 5px solid #7d0040;
}
div.group01 ul li a:active, div.group01 ul li a:hover {
	background-color: #eedee6;
	border-left: 5px solid #7d0040;
}
div.group02 h3 {
	color: #00aae7;
	border-bottom: 2px solid #00aae7;
}
div.group02 ul li a {
	background-color: #fff;
	border-left: 5px solid #fff;
}
div.group02 ul li a.selected {
	background-color: #c8e9f5;
	border-left: 5px solid #00aae7;
}
div.group02 ul li a:active, div.group02 ul li a:hover {
	background-color: #c8e9f5;
	border-left: 5px solid #00aae7;
}
div.group03 h3 {
	color: #7e901f;
	border-bottom: 2px solid #7e901f;
}
div.group03 ul li a {
	background-color: #fff;
	border-left: 5px solid #fff;
}
div.group03 ul li a.selected {
	background-color: #f1f9c9;
	border-left: 5px solid #7e901f;
}
div.group03 ul li a:active, div.group03 ul li a:hover {
	background-color: #f1f9c9;
	border-left: 5px solid #7e901f;
}
div.group04 h3 {
	color: #fb5106;
	border-bottom: 2px solid #fb5106;
}
div.group04 ul li a {
	background-color: #fff;
	border-left: 5px solid #fff;
}
div.group04 ul li a.selected {
	background-color: #fae4db;
	border-left: 5px solid #fb5106;
}
div.group04 ul li a:active, div.group04 ul li a:hover {
	background-color: #fae4db;
	border-left: 5px solid #fb5106;
}
div.group05 h3 {
	color: #7704b9;
	border-bottom: 2px solid #7704b9;
}
div.group05 ul li a {
	background-color: #fff;
	border-left: 5px solid #fff;
}
div.group05 ul li a.selected {
	background-color: #f8d4f0;
	border-left: 5px solid #7704b9;
}
div.group05 ul li a:active, div.group05 ul li a:hover {
	background-color: #f8d4f0;
	border-left: 5px solid #7704b9;
}

/*** CONTENT - MIDDLE COLUMN STYLES ***/
div.latestNews {
	margin: 25px 0px;
}
div.latestNews h4 {
	margin: 0px 0px 4px 0px;
	padding: 4px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #790045;
}
div.latestNews ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.latestNews ul li {
	padding: 10px 6px 10px 6px;
	margin: 0;
	line-height: 1.4em;
}
div.latestNews ul li.odd {
	background-color: #defbfb;
	border-bottom: 1px solid #1dd7dd;
}
div.latestNews ul li.even {
	background-color: #fff;
	border-bottom: 1px solid #1dd7dd;
}
div.latestNews ul li a {
	color: #1cadb2;
	text-decoration: none;
}
div.latestNews ul li a:active, div.latestNews ul li a:hover {
	text-decoration: underline;
}
div.downloadPubs {
	margin: 25px 0px;
}
div.downloadPubs h4 {
	margin: 0px 0px 4px 0px;
	padding: 4px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #fb5106;
}
div.downloadPubs img {
	margin: 0px 6px 0px 0px;
	display: inline;
}
div.downloadPubs img.final {
	margin: 0;
}
div.downloadFile {
	margin: 20px 0px
}
div.downloadFile div.title {
	margin-bottom: 15px;
	color: #333;
	font-size: 0.85em;
	font-weight: bold;
}
div.downloadFile div.link {
	margin-bottom: 5px;
	padding: 0;
	vertical-align: bottom;
}
div.downloadFile div.link img {
	margin: 0px 5px 0px 0px;
	display: inline;
}
div.downloadFile div.link a {
	color: #3fbcc0;
	font-size: 0.75em;
	text-decoration: none;
}
div.downloadFile div.link a:active, div.downloadFile div.link a:hover {
	text-decoration: underline;
}



/*** CONTENT - RIGHT COLUMN STYLES ***/
div.photoLinks {
	margin: 20px 0px;
	padding: 0px 0px 20px 0px;
	background-color: #defbfb;
}
div.photoLinks p {
	padding: 8px;
	font-size: 0.9em;
	line-height: 1.2em;
}
div.photoLinks p a {
	color: #3fbcc0;
	text-decoration: none;
}
div.photoLinks p a:active, div.photoLinks p a:hover {
	text-decoration: underline;
}
div.photoLinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div.photoLinks ul li {
	padding: 0;
	margin: 0px 8px 2px 8px;
}
div.photoLinks ul li a {
	padding: 0px 4px 0px 4px;
	display: block;
	color: #3fbcc0;
	font-weight: bold;
	text-decoration: none;
}
div.photoLinks ul li a:active, div.photoLinks ul li a:hover {
	text-decoration: underline;
}
div.sideNewsPubs {
	margin: 20px 0px;
	padding: 0px 0px 20px 0px;
	background-color: #defbfb;
}
div.sideNewsPubs h4 {
	margin: 0;
	padding: 4px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
}
div.sideNewsPubs h4.news {
	background-color: #790045;
}
div.sideNewsPubs h4.pubs {
	background-color: #fb5106;
}
div.sideNewsPubs ul {
	padding: 0;
	margin: 10px 0px;
	list-style: none;
}
div.sideNewsPubs ul li {
	margin: 6px 4px;
	padding: 6px 4px;
	line-height: 1.4em;
	background-color: #fff;
}
div.sideNewsPubs ul li a {
	color: #1cadb2;
	text-decoration: none;
}
div.sideNewsPubs ul li a:active, div.sideNewsPubs ul li a:hover {
	text-decoration: underline;
}


/*** FOOTER STYLES ***/
#pgFooter {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}
#ftCon {
	margin: 0px 25px;
	padding: 15px 0px 40px 0px;
	width: 880px;
	border-top: 2px solid #1dd7dd;
}
ul.ftNav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.ftNav li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: inline;
	font-size: 0.7em;
}
ul.ftNav li.divider {
	font-size: 0.7em;
	padding: 0;
}
ul.ftNav li a {
	color: #3fbcc0;
	text-decoration: none;
}
ul.ftNav li a:active, ul.ftNav li a:hover {
	text-decoration: underline;
}
div.ftText {
	font-size: 0.7em;

}