/* -- V1.2 - 01-Nov-2009  --------------------------------------- */

/* -- Overall ----------------------------------------------------- */

* {
	padding: 0;
	margin: 0;
}

H2, P {
	margin: 0 0 9px 0;
}
	
UL {
	margin-left: 19px;
}

HTML, BODY {
        background-color: white;
	width: 100%;
	height: 100%;
}

FIELDSET {
	border: none;
}

LEGEND {
        display: none;
}

#siteLayout {
	width: 907px;
	margin: 0px auto;
}

#popLayout {
	width: 476px;
	margin: 0px auto;
}


DIV.blankLine {
        height: 0.5em;
}

/* -- NoScript Header Bar ------------------------------------------ */

#noscriptHead {
	position: relative;
	height: 70px;
}

#noscriptBar {
	position: relative;
	height: 35px;
	overflow: hidden;
}

/* -- Header Bar --------------------------------------------------- */

/* This is the bar across the top of the page containing the myguide */
/* logo and the Welcome username message. Note that the mghead style */
/* is also used by the JavaScript disabled warning bar.              */

#mghead {
	position: relative;
	height: 64px;
}

#mglogo span {
	position: absolute;
	margin-top: 17px;
	left: 32px;
	background: url(/image/default/logo.gif) no-repeat;
	width:131px;
	height: 42px;
}

#mglogo b {
	height: 39px;
	overflow: hidden;
	position: absolute;
        display: none;
}

#mglogo P {
	left: 350px;
	text-align: right;
	width: 552px;
}

#divcontainer {
        position: absolute;
        left: 170px;
        top: 15px;
	padding-left: 15px;
        padding-top: 10px;
        display: block;
}

#divcontainer ul {
        display: inline;
        list-style-type: none;
}

#divcontainer li {
	display: inline;
	list-style-type: none;
}

#divcontainer a {
	font-size: 100%;
        font-weight: bold;
}

#unameText {
	left: 350px;
	width: 552px;
	bottom: 23px;
	text-align: right;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
}

/* -- Title Bar --------------------------------------------------- */

/* This is the title bar that contains the title of the page on a   */
/* coloured background and the hearIt and text preference buttons.  */

#mgBar {
	position: relative;
	height: 35px;
	overflow: hidden;
}

H1#bcText {
	display: block;
	height: 35px;
	width: 498px;
	margin: 0px;
	text-align: left;
	padding-left: 35px;
	padding-top: 5px;
	float: left;
}

#accessBar {
	display: block;
	list-style: none;
	margin: 0px;
	position: absolute;
	right: 0px;
	padding: 0px;
}

#accessBar LI {
	display: inline-block;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
        list-style: none;	
}

.loginHeader,
.logoutHeader {
	float:left;
	width: 134px;
	height: 37px;
        margin-top: -1px;
	position: relative;
	z-index: 1;
}

.loginHeader B,
.logoutHeader B {
	height: 37px;
	overflow: hidden;
	position: absolute;
        margin-left: 10px;
}

.loginHeader SPAN {
	background: url(/image/default/login.gif) no-repeat;
	width: 134px;
	height: 37px; 
        cursor: pointer;
	position: absolute;
}

.logoutHeader SPAN {
	background: url(/image/default/logout.gif) no-repeat;
	width: 134px;
	height: 37px; 
        cursor: pointer;
	position: absolute;
}

.hearit {
	float:left;
	width: 75px;
	height: 35px;
	position: relative;
	z-index: 1;
}

.pophearit {
	float:right;
	width: 75px;
	height: 35px;
	margin-top: 17px;
	position: relative;
	z-index: 1;
}

.hearit SPAN,
.pophearit SPAN {
	background: url(/image/default/hearit_button.gif) no-repeat;
	width: 75px;
	height: 35px; 
        cursor: pointer;
	position: absolute;
}

.hearit B,
.pophearit B {
	height: 35px;
	overflow: hidden;
	position: absolute;
}

.chngtxt {
	float:left;
	width: 100px;
	height: 35px;
	position: relative;
	z-index: 1;
}

.chngtxt SPAN {
	background: url(/image/default/change_text_size_button.gif) no-repeat;
	width: 100px;
	height: 35px;
        float:left;
	cursor: pointer;
	position: absolute;
}

.chngtxt B {
	height: 35px;
	overflow: hidden;
	position: absolute;
}

.chngcol {
	float: left;
	width: 100px;
	height: 35px;
	position: relative;
	z-index: 1;
}

.chngcol SPAN {
	background: url(/image/default/change_text_colour_button.gif) no-repeat;
	width: 100px;
	height: 35px;
        float:left;
	cursor: pointer;
	position: absolute;
}

.chngcol B {
	height: 35px;
	overflow: hidden;
	position: absolute;
	margin-left: 5px;
}

/* -- JavaScript Disabled Warning --------------------------------- */

#noscript {
	width: 790px;
        height: 35px;
        float:left;
        background: #EB0101;
}

.noscriptcapL {
	float:left;
	background: url(/image/default/home-endcap_left.gif) no-repeat;
        width: 35px;
        height: 35px;
}

.noscriptcapR {
	float:right;
        background: url(/image/default/home-endcap_right.gif) no-repeat;
        width: 35px;
        height: 35px;
}

/* Note that the font-size is not overridden in the 'size' style    */
/* sheets as they can only be accessed if Javascript is enabled.    */

#noScrbcText {
	line-height: 35px;
	text-align: center;
	float:left;
	margin-left: 0px;
	font-family: tahoma;
	font-size: 90%;
}

/* -- Hide skip links when CSS enabled ---------------------------- */

.mgskip {
	overflow: hidden;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	display: none;
}

/* -- Pagination Controls ----------------------------------------- */

.paginate {
        display: block;
        margin: 15px;
}

/* -- Date Input -------------------------------------------------- */

#dateDay {
	width: 15px;
	margin: 0px 10px 0px 10px;
}

#dateMonth {
	width: 15px;
	margin: 0px 10px 0px 10px;
}

#dateYear {
	width: 30px;
	margin: 0px 10px 0px 10px;
}

/* -- Navigation Menu --------------------------------------------- */

.navList {
	display: block;
	list-style-type: none;
	position: relative;
	float: left;
	width: 161px;
	height: 445px;
	margin: 14px 0px 0px 0px;
	padding: 0;
	text-indent: 0;
}

.navList LI {
	display: block;
	width: 161px;
	height: 32px;
	padding: 0px;
	margin: 0 0 2px 0;
	text-align: left;
	float: left;
	clear: both;
}

.navList LI.expanded {
	display: block;
	width: 161px;
	height: 202px;
	padding: 0px;
	margin: 0 0 2px 0;
	text-align: left;
	float: left;
	clear: both;
}

.navList LI.expanded.Visitor {
	display: block;
	width: 161px;
	height: 168px;
	padding: 0px;
	margin: 0 0 2px 0;
	text-align: left;
	float: left;
	clear: both;
}

.navList LI.last {
	margin-top: 132px;
	bottom: 0px;
	left: 0px;
}

.navList LI.last.adjust {
	margin-top: 28px;
	bottom: 0px;
	left: 0px;
}

.navList LI.last A SPAN {
	display: block;
	padding-left: 14px;
}

.navList LI.selected SPAN {
	font-weight: bold;
}

.navList LI.expanded SPAN,
.navList LI.expandedVisitor SPAN {
	font-weight: bold;
}

.navList LI A {
	display: block;
	height: 32px;
	text-decoration: none;
}

.navList LI A SPAN {
	display: block;
	padding-left: 33px;
}

#onlineBasics {
        display: block;
        margin-top: -175px;
	float: left;
	clear: both;
}

#onlineBasics.visitor {
        margin-top: -141px;
}

#starting {
        display: block;
        margin-top: -141px;
	float: left;
	clear: both;
}

#starting.visitor {
        margin-top: -107px;
}

#using {
        display: block;
        margin-top: -107px;
	float: left;
	clear: both;
}

#using.visitor {
        margin-top: -73px;
}

#understanding {
        display: block;
        margin-top: -73px;
	float: left;
	clear: both;
}

#understanding.visitor {
        margin-top: -39px;
}

#learningLog {
        display: block;
        margin-top: -39px;
	float: left;
	clear: both;
}

.navList LI.subSelected A SPAN {
	font-weight: bold;
	display: block;
	padding-left: 45px;
}

.navList LI.subNotSelected A SPAN {
	display: block;
	padding-left: 45px;
}

/* -- Layout 1 ---------------------------------------------------- */

BODY.layout1 DIV.box1 IMG {
	float: right;
}


BODY.layout1 DIV.box18 IMG {
	float: right;
}

BODY.layout1 UL.threeImages {
	margin: 0px 0px 9px 0px;
	list-style: none;
	float: left;
}
	
BODY.layout1 UL.threeImages LI {
	float: left;
	margin-right: 5px;
}

BODY.layout1 DIV.small_lozenge {
	clear:left;
}

BODY.layout1 A.imageButton {
	position: relative;
	display: block;
	width: 230px;
	height: 184px;
	font-weight: bold;
	text-decoration: none;	
}

BODY.layout1 A.imageButtonTop {
	position: relative;
        top: -16px;
        left: 14px;
        float: right;
	display: block;
	width: 239px;
	height: 179px;
	font-weight: bold;
	text-decoration: none;	
}

BODY.layout1 A.imageButton span {
	display: block;
	position: absolute;
	right: 23px;
}

BODY.layout1 A.imageButtonTop span {
	display: block;
	position: absolute;
	right: 23px;
}

.lozenge, .imageButtonHilite {
        position: relative;
        top: 135px;
        left: 15px;
        height: 41px;
        width: 207px;
        z-index: 2;
}

.lozenge DIV, .imageButtonHilite DIV {
	margin-top: 10px;
        margin-right: 10px;
	text-align: right;
}


/* -- Layout 2 ---------------------------------------------------- */

BODY.layout2 DIV.box9 {
	position: absolute;
	left: 377px;
	top: 18px;
        z-index: 1;
}

BODY.layout2 #content_area IMG {
	margin-bottom: 5px;
}

BODY.layout2 .story {
	width: 310px;
	height: 144px;
        overflow: auto;
}

BODY.layout2 .description,
BODY.layout2 .links {
        position: absolute;
        left: 398px;
        top: 36px;
        width: 320px;
        height: 340px;
        z-index: 2;
        overflow: auto;
}

BODY.layout2 DIV.shorter .description,
BODY.layout2 DIV.shorter .links {
        position: absolute;
        left: 398px;
        top: 36px;
        width: 320px;
        height: 310px;
        z-index: 2;
        overflow: auto;
}

BODY.layout2 .graphic {
        position: absolute;
        left: 18px;
        top: 212px;
        width: 350px;
        height: 184px;
        z-index: 2;
}

/* -- Layout 3 ---------------------------------------------------- */

BODY.layout3 #contentArea IMG {
	float:right;
}

/* Default form dimensions for layout3. The labels float left and */
/* their size is defined in em so that the horizontal space they  */
/* take grows as the font increases.                              */
 
BODY.layout3 LABEL {
        float: left;
        width: 10em;
}

BODY.layout3 INPUT {
	width: 150px;
	margin-bottom: 10px;
}

BODY.layout3 LABEL.wide {
        float: left;
        width: 275px;
}

BODY.layout3 INPUT.wide {
	width: 275px;
	margin-bottom: 8px;
}

/* IE does not support attribute selectors, so cannot select on */
/* type=radio. So have to use radio class instead.              */

BODY.layout3 LABEL.radioLabel {
        float: none;
        width: 10em;
        vertical-align: middle;
}

BODY.layout3 INPUT.radio {
	width: 50px;
        vertical-align: middle;
        margin-bottom: 0px;
}

/* -- Layout 4 ---------------------------------------------------- */

BODY.layout4 DIV.box8 {
	float:left;
}

BODY.layout4 DIV.box9 {
	float:right;
}

/* -- Layout 5 ---------------------------------------------------- */

BODY.layout5 DIV.box8 {
	float:left;
}

BODY.layout5 DIV.box11 {
	float:right;
}

BODY.layout5 DIV.box3 {
	float:right;
}

BODY.layout5 .links,
BODY.layout5 .description {
        position: absolute;
        left: 398px;
        top: 230px;
        width: 320px;
        height: 144px;
        z-index: 2;
        overflow: auto;
}

BODY.layout5 .graphic {
        position: absolute;
        left: 378px;
        top: 17px;
        width: 350px;
        height: 184px;
        z-index: 2;
}

/* -- Layout 7 ---------------------------------------------------- */

BODY.layout7 .formLine {
        clear: left;
}

BODY.layout7 LABEL {
        float: left;
        width: 13em;
}

BODY.layout7 INPUT {
	width: 368px;
	margin-bottom: 10px;
}

BODY.layout7 INPUT.lastLine {
	width: 368px;
	margin-bottom: 0px;
}

BODY.layout7 SELECT {
	width: 10em;
	margin-bottom: 10px;
}

BODY.layout7 #refresh {
	width: 9em;
}

BODY.layout7 INPUT.consentbox {
	width: 20px;
        margin-bottom: 10px;
}

BODY.layout7 .formLine IMG {
        margin-bottom: 10px;
}

BODY.layout7 LABEL.wide {
        float: left;
        width: 18em;
}

BODY.layout7 LABEL.extraWide {
        float: left;
        width: 600px;
}

BODY.layout7 INPUT.wide {
	width: 276px;
	margin-bottom: 10px;
}

BODY.layout7 SELECT.wide {
	width: 25em;
	margin-bottom: 10px;
}

BODY.layout7 LABEL.dateLabel {
        float: none;
}

BODY.layout7 TEXTAREA {
	width: 368px;
	height: 82px;
}

BODY.layout7 INPUT.checkbox {
	width: 50px;
}

/* IE does not support attribute selectors, so cannot select on */
/* type=radio. So have to use radio class instead.              */

BODY.layout7 LABEL.checkboxLabel {
        float: none;
        width: 10em;
        vertical-align: middle;
}

BODY.layout7 INPUT.checkbox {
	width: 50px;
	margin-bottom: 0px;
        vertical-align: middle;
}

BODY.layout7 INPUT.alignedCheckbox {
        height: 20px;
	width: 15px;
	margin-bottom: 10px;
        vertical-align: bottom;
}

/* IE does not support attribute selectors, so cannot select on */
/* type=radio. So have to use radio class instead.              */

BODY.layout7 LABEL.radioLabel {
        float: none;
        width: 40em;
        vertical-align: middle;
}

BODY.layout7 LABEL.radioLabel SPAN {
        display: inline-block;
        width: 10em;
}

BODY.layout7 INPUT.radio {
	width: 50px;
        vertical-align: middle;
        margin-bottom: 0px;
}

BODY.layout7 DIV.formLineMulti LABEL {
        float: left;
        width: 210px;
}

INPUT.readonly, TEXTAREA.readonly {
        color: #FFFFFF;
        background-color: #646664;
}

BODY.layout7 DIV.errorLine P {
        clear: left;
        margin-left: 13em;
	width: 368px;
	margin-bottom: 10px;
}

BODY.layout7 DIV.errorLineHidden {
        display: none;
}

BODY.layout7 DIV.infoLine P {
        clear: left;
        margin-left: 13em;
	width: 368px;
	margin-bottom: 10px;
}

BODY.layout7 DIV.infoLineHidden {
        display: none;
}

/* -- Layout 9 ---------------------------------------------------- */

BODY.layout9 DIV.box6 {
	overflow: hidden;
}

DIV.box6 TABLE {
	width: 685px;
}

DIV.box6 TABLE.tblLayoutAttach {
	width: 700px;
}

DIV.box6 TABLE.tblLayoutSearchResult {
      width: 446px;
}

DIV.box6 TABLE.tblLayoutLearningLog {
      width: 670px;
}

DIV.box6 TH {
	border-right: 2px solid #fff;	
	border-bottom: 5px solid #fff;
	padding: 2px;
}

DIV.box6 TD {
	border-bottom: 5px solid #fff;
	padding: 2px;
}

BODY.layout9 DIV.box6_footer {
	padding: 10px;
	margin-bottom: 10px;
}

BODY.layout9 DIV.box6_footer SPAN {
        margin-left: 10px;
}

.read TD {
        font-weight: normal;
}

.unread TD {
        font-weight: bold;
        font-size: 93%;
}

.folder {
        float: left;
        width: 95%;
        margin: 0 auto;
        border-collapse: collapse;
}

.folder TD {
        padding-left: 10px;
}

.folder TR.read TD,
.folder TR.unread TD {
	cursor: pointer;
}

.readHeader {
	width: 40px;
        height: 30px;
        margin-bottom: 7px;
        text-indent: -100em;
}

.attachmentHeader {
	width: 40px;
        height: 30px;
        margin-bottom: 7px;
        text-indent: -100em;
}

.readIcon {
	width: 40px;
        height: 30px;
        margin-bottom: 7px;
        text-indent: -200em;
}

.unreadIcon {
	width: 40px;
        height: 30px;
        text-indent: -200em;
}

.noAttachment {
	text-indent: -200em;
}

.attachmentIcon {
        text-indent: -200em;
}

BODY.layout9.loginSection .formLine {
        clear: left;
        margin-bottom: 10px;
}

BODY.layout9.loginSection LABEL {
        float: left;
        width: 13em;
}

/* -- NEW -- */
BODY.layout9.loginSection DIV.errorLine2 P {
        clear: left;
        margin-left: 15em;
	width: 368px;
	margin-bottom: 10px;
}

BODY.layout9.loginSection DIV.errorLine P {
        clear: left;
        margin-left: 13em;
	width: 368px;
	margin-bottom: 10px;
}

BODY.layout9.loginSection DIV.errorLineHidden {
        display: none;
}

BODY.layout9.loginSection DIV.infoLine P {
        clear: left;
        margin-left: 13em;
	width: 368px;
	margin-bottom: 10px;
}

BODY.layout9.loginSection DIV.infoLineHidden {
        display: none;
}

BODY.layout9 LABEL.wide {
        float: left;
        width: 25em;
}

BODY.layout9 LABEL.extraWide {
        float: left;
        width: 600px;
}

/* -- Layout 10 --------------------------------------------------- */

BODY.layout10 DIV.box12 {
	overflow: auto;
}

/* -- Layout 11 --------------------------------------------------- */

BODY.layout11 DIV.box13 {
	float:left;
}

BODY.layout11 DIV.box17 {
	float:right;
}

BODY.layout11 DIV.box15 {
	position: absolute;
	left: 19px;
	top: 212px;
        z-index: 1;
}

BODY.layout11 DIV.box16 {
	position: absolute;
	left: 258px;
	top: 212px;
        z-index: 1;
}

/* -- Content Area ------------------------------------------------ */

#contentArea {
	margin: 14px 0px 0px 0px;
	float: right;
	padding: 18px 18px 18px 18px;
	width: 709px;
	height: 391px;
	position: relative;
        left: -1px;
	text-align: left;
}

#popContentArea {
	margin: 14px 0px 0px 0px;
	padding: 18px 18px 18px 18px;
	height: 334px;
	text-align: left;
}

#footer {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 746px;
	height: 18px;
}

DIV.content {
	overflow: auto;
}

INPUT.submitButton {
	display:block;
	border:none;
	font-size:100%;
}

.attachLine {
	position: relative;
        top: -20px;
}

.errorText {
        font-weight: bold;
}

.errorFlag {
        float: right;
        font-weight: bold;
        width: 1em;
        border: none;
}

.dateErrorFlag {
        font-weight: bold;
        width: 2em;
        text-align: right;
}

.radioErrorFlag {
        font-weight: bold;
        width: 2em;
        text-align: left;
}

.errorBox {
        border-color: red;
        border-style: solid;
}

.errorSpan {
        border: 2px solid red;
}

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

.tblLayout {
        float: left;
        width: 95%;
        margin: 0 auto;
        border-collapse: collapse;
}

.tblLayout TH {
	border: 2px solid;
        text-align: left;
        padding: 5px;
}

.tblLayout TD {
	text-align: left;
	padding: 5px;
	padding-top: 0;
}

.tblLayout TR.over TD {
	cursor: pointer;
}

.tblLayout TR.over TD SPAN {
	cursor: pointer;
}

.tblLayout TR.over TD.pointer {
	cursor: default!important;
}

.hiddenAddress {
        display: none;
}

/* -- Box1 - full width, half height ------------------------------ */

DIV.box1 P {
        width: 644px;
}

BODY.layout1 DIV.box1 p {
	width: 415px;
}

DIV.box1 {
	height: 147px;
	padding: 18px;
	margin-bottom: 9px;
}

DIV.box1 DIV.content {
	height: 147px;
}

.topboxpic {
	float: right;
        height: 147px;
        width: 164px;
}

/* -- Box2 - half width, half height, left ------------------------ */

DIV.box2 {
	width: 310px;
	height: 144px;
	padding: 20px;
	margin-bottom: 9px;
	margin-right: 9px;
}

DIV.box2 DIV.content {
	height: 144px;
}

/* -- Box3 - half width, half height, right ----------------------- */

BODY.layout3 .box3 {
	float: right;
	height: 184px;
        width: 350px;
}

BODY.layout5 .box3 {
        width: 310px;
	height: 144px;
	float: right;
        padding: 20px;
}

DIV.box3 DIV.content {
	height: 160px;
}

/* -- Box4 - full width, less than half height -------------------- */

DIV.box4 H2, 
DIV.box4 P {
	width: 700px;
}

DIV.box4 {
	height: 110px;
	padding: 20px;
	margin-bottom: 10px;
}

DIV.box4 DIV.content {
	height: 110px;
}

/* -- Box6 - full width, full height ------------------------------ */

DIV.box6 {
        width: 690px;
	height: 325px;
	padding: 10px;
}

DIV.box6 DIV.content {
	height: 330px;
}

DIV.box6 DIV.resultList {
        float: left;
        width: 460px;
}

DIV.box6 DIV.searchResult {
        margin: 5px;
        padding: 5px;
}

DIV.box6 DIV.searchResult SPAN A {
        text-decoration: none;
}

DIV.box6 DIV.suggestList {
        float: right;
        width: 200px;
}

DIV.box6 DIV.searchSuggest {
        margin: 5px;
        padding: 5px;
}

DIV.box6 DIV.searchSpelling {
        background-color: #FFFFFF;
        position: absolute;
        top: 275px;
        left: 495px;
        width: 207px;
}

DIV.box6 DIV.searchHead {
        margin: 5px;
        padding: 2px;
}

#contentArea DIV.box6 #screen #body A {
        color: #000000;
}

.yahoo {
        text-align: center;
        padding: 7px;
}

/* -- Box7 - full width, more than half height -------------------- */

DIV.box7 {
        width: 670px;
	height: 147px;
	padding: 20px;
	margin-bottom: 10px;
}

DIV.box7 TABLE,
DIV.box7 H2, 
DIV.box7 P {
	width: 650px;
}

DIV.box7 P {
        clear: both;
}

DIV.box7 DIV.content {
	height: 155px;
}

/* -- Box8 - half width, full height, left ------------------------ */

DIV.box8 {
	width: 314px;
	height: 340px;
	padding: 18px;
	margin-bottom: 9px;
        margin-right: 7px;
}

DIV.box8 DIV.content {
	height: 340px;
}

/* -- Box9 - half width, full height, right ----------------------- */

DIV.box9 {
	width: 314px;
	height: 340px;
	padding: 18px;
	margin-bottom: 9px;
}

DIV.box9 UL {
        list-style: disc inside;
        overflow: auto;
}

DIV.box9 DIV.content {
	height: 340px;
}

DIV.box9 DIV.footnote {
        position: absolute;
        top: 335px;
        left: 20px;
}

/* -- Box10 - half width, half height, left ----------------------- */

DIV.box10 {
	width: 310px;
	height: 144px;
	padding: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
}

DIV.box10 DIV.content {
	height: 144px;
        overflow-y: auto;
        overflow-x: visible;
}

/* -- Box11 - half width, half height, right ----------------------- */

DIV.box11 {
	width: 310px;
	height: 144px;
	padding: 20px;
	margin-bottom: 10px;
}

/* -- Box12 - pop-up ----------------------------------------------- */

DIV.box12 {
        position: relative;
        top: 0px;
        left: 0px;
	width: 440px;
	height: 304px;
	padding: 20px;
	margin-bottom: 10px;
}

DIV.box12 DIV.content {
	width: 410px;
        height: 270px;
}

DIV.box12 UL {
        margin-bottom: 1em;
}

/* -- Box13 - two thirds width, full height ----------------------- */

DIV.box13 {
        width: 468px;
        height: 375px;
}

/* -- Box14 - two thirds width, half height ----------------------- */

DIV.box14 {
        width: 428px;
        height: 184px;
	padding: 20px;
}

DIV.box14 DIV.content {
        width: 428px;
        height: 144px;
        overflow: auto;
}

/* -- Box15 and Box16 - one third width, half height, left -------- */

DIV.box15,
DIV.box16 {
        width: 229px;
        height: 184px;
}

DIV.box15 A:hover,
DIV.box16 A:hover {
        cursor: hand;
}


DIV.box15 DIV.content,
DIV.box16 DIV.content {
        width: 229px;
        height: 184px;
        overflow: hidden;
}

A.squareButton {
        display: block;
        height: 184px;
        width: 229px;
        z-index: 2;
        text-align: left;
	text-decoration: none;
}

DIV.box15 DIV.desc,
DIV.box16 DIV.desc {
        display: block;
        position: relative;
        top: 0px;
        width: 198px;
        height: 120px;
        padding: 10px;
	overflow: hidden;
}

SPAN.lozenge2 {
        display: block;
        position: relative;
        left: 20px;
        height: 41px;
         width: 210px;
        text-align: right;
	text-decoration: none;	
}

SPAN.lozenge2 DIV {
        position: relative;
        top: 10px;
        left: -30px;
	font-weight: bold;
					}

/* -- Box17 - one third width, full height ------------------------ */

DIV.box17 {
        width: 230px;
        height: 377px;
}

UL.newsfeed {
	margin: 0px 0px 9px 0px;
	list-style: none;
}

#newsImage {
        width: 220px;
        height: 118px;
	overflow: hidden;
        margin: 5px;
}

#newsImageFull {
        width: 220px;
        height: 178px;
	overflow: hidden;
        margin: 5px;
}

#newsStory1 {
	display: block;
        width: 220px;
        height: 58px;
        margin: 5px;
        margin-top: -1px;
	text-decoration: none;	
	overflow: hidden;
}

#newsStory2 {
	display: block;
        width: 220px;
        height: 58px;
        margin: 5px;
	text-decoration: none;	
	overflow: hidden;
}

#newsStory3 {
	display: block;
        width: 220px;
        height: 58px;
        margin: 5px;
	text-decoration: none;
	overflow: hidden;
}

#newsStory4 {
	display: block;
        width: 220px;
        height: 58px;
        margin: 5px;
	text-decoration: none;	
	overflow: hidden;
}

A.newsStory P {
        margin-left: 10px;
}

A.newsStory SPAN.headline {
        font-weight: bold;
}

/* -- Box18 - full width, 30% height ------------------------------ */

DIV.box18 P {
        width: 644px;
}

BODY.layout1 DIV.box18 p {
	width: 415px;
}

DIV.box18 {
	height: 110px;
	padding: 10px;
        padding-bottom: 0px;
	margin-bottom: 0px;
}

DIV.box18 DIV.content {
	height: 90px;
}

/* -- Box19 - full width, 70% height ------------------------------ */

DIV.box19 {
	height: 221px;
	padding: 10px;
	margin-bottom: 10px;
}

DIV.box19 TABLE,
DIV.box19 H2, 
DIV.box19 P {
	width: 650px;
}

DIV.box19 P {
        clear: both;
}

DIV.box19 DIV.content {
	height: 224px;
}

/* -- Submit Button Bar ------------------------------------------- */

#contentArea DIV.nav *,
#contentArea DIV.nav1 *,
#contentArea DIV.nav3 *,
#contentArea DIV.nav4 *,
#contentArea DIV.nav6 * {
	text-decoration:none;
}

#contentArea DIV.nav *:hover,
#contentArea DIV.nav *:focus
#contentArea DIV.nav1 *:hover,
#contentArea DIV.nav1 *:focus,
#contentArea DIV.nav3 *:hover,
#contentArea DIV.nav3 *:focus,
#contentArea DIV.nav4 *:hover,
#contentArea DIV.nav4 *:focus,
#contentArea DIV.nav6 *:hover,
#contentArea DIV.nav6 *:focus {
	color: #000000;
}

DIV.nav,
DIV.nav3,
DIV.nav4,
DIV.nav6 {
	position:absolute;
	top:404px;
	left:20px;
	width:709px;
	height:32px;
}

DIV.nav1 {
	position:relative;
	top: -42px;
	left: 135px;
	width: 174px;
	height: 32px;
}

DIV.nav INPUT {
        height: 32px;
        width: 142px;
}

DIV.nav1 INPUT {
        height: 32px;
        width: 142px;
}

DIV.nav3 INPUT {
        height: 32px;
        width: 184px;
}

DIV.nav4 INPUT {
        height: 32px;
        width: 176px;
}

DIV.nav6 INPUT {
      height: 32px;
      width: 118px;
}

DIV.nav * {
	height: 25px;
	padding: 5px 0px 5px 20px;
	position: absolute;
        text-align: center;
	width: 142px;
}

DIV.nav1 * {
	height: 25px;
	padding: 5px 0px 5px 20px;
	position: absolute;
        text-align: center;
	width: 142px;
}

DIV.nav3 * {
	height: 25px;
	padding: 5px 0px 5px 20px;
	position: absolute;
        text-align: center;
	width: 184px;
}

DIV.nav4 * {
	height: 25px;
	padding: 5px 0px 5px 20px;
	position: absolute;
        text-align: center;
	width: 176px;
}

DIV.nav6 * {
        height: 25px;
        padding: 5px 0px 5px 20px;
        position: absolute;
        text-align: center;
        width: 118px;
}

DIV.nav .second {
	padding: 5px 10px 5px 10px;
	text-align: center;
	left: 142px;
	width: 142px;
}

DIV.nav4 .second {
	padding: 5px 10px 5px 10px;
	text-align: center;
	left: 178px;
	width: 176px;
}

DIV.nav6 .second {
        padding: 5px 10px 5px 10px;
        text-align: center;
        left: 118px;
        width: 118px;
}

DIV.nav4 .third {
        padding: 5px 10px 5px 10px;
        text-align: center;
        left: 355px;
        width: 176px;
}
DIV.nav6 .third {
        padding: 5px 10px 5px 10px;
        text-align: center;
        left: 236px;
        width: 118px;
}

DIV.nav .middle {
	padding: 5px 10px 5px 10px;
	text-align: center;
	left: 284px;
	width: 142px;
}

DIV.nav1 .middle {
	padding: 5px 10px 5px 10px;
	text-align: center;
	left: 16px;
	width: 142px;
}

DIV.nav3 .middle {
        padding: 5px 10px 5px 10px;
        text-align: center;
        left: 262px;
        width: 184px;
}

DIV.nav .fourth {
	padding: 5px 10px 5px 10px;
	text-align: center;
	left: 426px;
	width: 142px;
}

DIV.nav6 .fourth {
        padding: 5px 10px 5px 10px;
        text-align: center;
        left: 354px;
        width: 118px;
}

DIV.nav6 .fifth {
        padding: 5px 10px 5px 10px;
        text-align: center;
        left: 472px;
        width: 118px;
}

DIV.nav .last {
	padding: 5px 20px 5px 0px;
	text-align: center;
	left: 568px;
        width: 141px;
}

DIV.nav3 .last {
        padding: 5px 20px 5px 0px;
        text-align: center;
        left: 525px;
}

DIV.nav4 .last {
        padding: 5px 20px 5px 0px;
        text-align: center;
        left: 533px;
}

DIV.nav6 .last{
        padding: 5px 20px 5px 0px;
        text-align: center;
        left: 590px;
        width: 119px;
}

/* -- External Site Header Submit Bar ----------------------------- */

DIV.navHexternal {
        float: right;
        cursor: default;
        margin-top: 17px;
	position:relative;
	top: 0px;
	left: -10px;
	width: 500px;
	height: 32px;
}

DIV.navHexternal A {
	text-decoration:none;
        text-align: center;
}

/* -- Search Header Submit Bar ------------------------------------ */

DIV.navH {
        float: right;
        cursor: default;
        margin-top: 17px;
	position:relative;
	top: 0px;
	left: -10px;
	width: 500px;
	height: 32px;
}

DIV.navH A {
	text-decoration:none;
        text-align: center;
}

/* -- Search Suggestion ------------------------------------------- */

.searchSuggest {
        color: #000000;
        background-color: yellow;
        padding-bottom: 8px;
}

/* -- Audio Assistance Icon --------------------------------------- */
 
#audioAssist {
        overflow: hidden;
        cursor: pointer;
        width: 27px;
        height: 27px;
        margin-bottom: 0;
        padding: 0;
        border: 0;
        vertical-align: top;
        text-indent: -1000px;
        font-size: 0px;
        line-height: 0px;
}

/* -- Registration Buttons ---------------------------------------- */

#contentArea DIV.regButtons * {
	text-decoration: none;
        text-align: left;
}

#contentArea DIV.regButtons {
        width: 100%;
        text-align: left;
}

DIV.regButtons INPUT {
        height: 88px;
        width: 440px;
        border: 0;
        padding-left: 80px;
        padding-right: 30px;
}

DIV.regButtons INPUT.regButton {
        cursor: pointer;
        font-weight: bold;
}

DIV.regButtons INPUT.regButton:hover {
        cursor: hand;
}

DIV#regButtonText1 {
 	position: absolute;
        top: 80px;
        left: 150px;
	z-index: 1;
}

INPUT#regButton1 {
 	position: absolute;
        top: 80px;
        left: 150px;
	width: 440px;
        height: 88px;
	z-index: 2;
        -moz-opacity: 0;
        filter:alpha(opacity: 0);
        opacity: 0;
}

DIV#regButtonText2 {
 	position: absolute;
        top: 170px;
        left: 150px;
	z-index: 1;
}

INPUT#regButton2 {
 	position: absolute;
        top: 170px;
        left: 150px;
	width: 440px;
        height: 88px;
	z-index: 2;
        -moz-opacity: 0;
        filter:alpha(opacity: 0);
        opacity: 0;
}

DIV#regButtonText3 {
 	position: absolute;
        top: 260px;
        left: 150px;
	z-index: 1;
}

INPUT#regButton3 {
 	position: absolute;
        top: 260px;
        left: 150px;
	width: 440px;
        height: 88px;
	z-index: 2;
        -moz-opacity: 0;
        filter:alpha(opacity: 0);
        opacity: 0;
}