* { font-family: Verdana, Arial, Helvetica, sans-serif; }

body { padding-bottom: 10px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Arial Narrow', Arial, Sans-serif; margin: 4px 0; }

h1 { font-size: 2em; margin-top: 0; }

h1.subsidiaryArticle { margin: 30px 102px 12px 0; }

h1 a { text-decoration: none; border-bottom: 1px solid #669966; font-family: 'Arial Narrow',Arial,Sans-serif; }
h1 a:hover { text-decoration: underline; border-bottom: 0; }

h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1em; font-weight: bold; }

h4 a { font-family: 'Arial Narrow',Arial,Sans-serif; margin: 4px 0 6px 0; }

label { font-weight: bold; }


table { margin: 8px 0; }
table th { font-size: 0.8em; padding: 2px 4px 2px 2px; }
table td { font-size: 0.8em; padding: 2px 4px 2px 2px; }
table td h2 { font-size: 1.6em; }
table td h3 { font-size: 1.5em; }
table td h5 { font-size: 1em; }
table td p { font-size: 1em; }
table td ul { font-size: 1em; }

/* Give "Find learning" colour-coded tables  */

table.findList { margin: 0; }
table.findList tr.breadcrumbs th { padding: 4px; text-align: right; }
table.findList th { border: 1px outset #D58134; padding: 2px 4px; text-align: left; }
table.findList td { padding: 4px; }
table.findList p { margin: 2px;  }
table.findList tr.findHighlightRow { background-color: #D58134; color: white; }

#primaryContent tr.findHighlightRow a { color: white; }

/* Give "Engage in learning" colour-coded tables */

table.engageList { margin: 0; }
table.engageList tr.breadcrumbs th { padding: 4px; }
table.engageList th { border: 1px outset #EFC73F; padding: 2px 4px; text-align: left; white-space: nowrap; }
table.engageList td { padding: 4px; }
table.engageList p { margin: 2px; }
table.engageList tr.engageHighlightRow { background-color: #EFC73F; }

/* Give "admin" section colour-coded tables  */

table.adminList { margin: 0; }
table.adminList tr.breadcrumbs th { padding: 4px; }
table.adminList th { border: 1px outset #C6C49E; padding: 2px 4px; text-align: left; }
table.adminList td { padding: 4px; }
table.adminList p { margin: 2px;  }
table.adminList tr.adminHighlightRow { background-color: #C6C49E; }

p { margin: 8px 0 8px 0; }

blockquote { font-style: italic; margin: 20px; padding: 4px; }

ul, ol { list-style-position: outside; }

dl { margin-bottom: 20px; }
dt { margin: 20px 0 4px 0; }
dd { margin: 2px 0 2px 16px; }

option { padding: 0 6px 0 4px; }

hr { margin: 16px 0 6px 0; }

#masthead { font-size: 0; background-color: #66993F; height: 100px; }

#masthead #seedsOfChange { float: left; width: 16%; text-align: right; height: 100px; }

#masthead #headingBox { padding-right: 360px; text-align: center; }

#masthead #headingBox img { margin-left: -22px; }

#masthead #cornerFeaturePhoto { position: absolute; right: 0; top: 0; width: 330px; }

#masthead #topRightBG {

background: transparent url(/img/topRightGradient.jpg) no-repeat top left;
height: 100px;
position: absolute;
right: 0;
top: 0;
width: 370px;

}

#primaryContent .SHH { margin-right: 220px; }

#keyLinks { background-color: #54544E; height: 20px; }

#keyLinks p { color: #fff; margin:0; padding-left: 228px; }

#keyLinks a { color: #fff; }

#navigationSidebar { float: left; padding: 14px 0 14px 14px; }

#navigationSidebar * { color: #000; font-family: 'Arial Narrow', Arial, Sans-serif; font-size: 1.08em; }

#navigationSidebar div, #navigationSidebar form { width: 200px; }

#navigationSidebar dl, #rightColumn dl { padding: 0 0 14px 14px; margin: 0 }
#navigationSidebar dt, #rightColumn dt { margin: 0; padding: 10px 0 }
#navigationSidebar dd, #rightColumn dd { font-size: .9em; margin: 0; padding: 0 }

#navigationSidebar label { font-weight: normal; }

#navigationSidebar button { margin: 4px 0; font-family: 'MS Shell Dlg',Verdana,Helvetica,Arial; font-size: 0.8em; }

#navigationSidebar input { width: 90% }

#sideBoxOneTop    { background: transparent url(/img/orangeBoxTop.gif) no-repeat top left; padding-top: 14px; }
#sideBoxOne       { background: transparent url(/img/orangeBoxMiddleRepeat.gif) repeat-y top left; }
#sideBoxOneBottom { background: transparent url(/img/orangeBoxBottom.gif) no-repeat bottom left; }

#sideBoxTwoTop    { background: transparent url(/img/yellowBoxTop.gif) no-repeat top left; margin-top: 14px; padding-top: 14px; }
#sideBoxTwo       { background: transparent url(/img/yellowBoxMiddleRepeat.gif) repeat-y top left; }
#sideBoxTwoBottom { background: transparent url(/img/yellowBoxBottom.gif) no-repeat bottom left; }

#sideBoxThreeTop    { background: transparent url(/img/biegeBoxTop.gif) no-repeat top left; margin-top: 14px; padding-top: 14px; }
#sideBoxThree       { background: transparent url(/img/biegeBoxMiddleRepeat.gif) repeat-y top left; }
#sideBoxThreeBottom { background: transparent url(/img/biegeBoxBottom.gif) no-repeat bottom left; }

#sideBoxThreeBottom #loginBlurb { font-size: 0.7em; padding-bottom: 4px; margin-top: -4px; }

#sideBoxThree a { color: #000; }

.twoColumn { margin-left: 214px; padding: 14px; }

.threeColumn { margin: 0 214px; padding: 14px; }

#primaryContent a { color: #193D00; }

#primaryContent #mapOfWyndham { margin-top: 14px; }

#searchForm label {

float: left;
padding-right: 10px;
text-align: right;
width: 14%;

}

#searchForm p { margin-top: 10px; }

#eventDetails dt { padding: 4px 0; margin: 0; }
#eventDetails dd { padding: 4px 0; }

#map {

border: 2px outset black;
height: 400px;
margin: 10px 0;
width: 400px;

}

#mapTalkingBubble { font-size: 0.8em; }
#mapTalkingBubble img { float: left; padding-right: 6px; }

.post { border: 1px inset #EFC73F; margin: 2px 0; }

#rightColumn {

display: none;
margin: 0 14px 14px 0;
position: absolute;
right: 0;
top: 195px;
width: 200px;

}

#saveAlertDT { display: none; margin: 0; }
#saveAlertDD { display: none; }

#rightColumn dt { color: #C6C49E; margin: 0; }
#rightColumn dt img { margin-bottom: -2px; }

#rightColumn dd { color: #CCC; }
#rightColumn dd ul { margin: 0 10px 0 12px; }
#rightColumn dd a { color: #CCC; }

#rightColumn input { width: 90%; }

#rightColumn button { font-size: 1.1em; }

#rightSideBoxTop    { background: transparent url(/img/blueBoxTop.gif) no-repeat top left; padding-top: 14px; }
#rightSideBox       { background: transparent url(/img/blueBoxMiddleRepeat.gif) repeat-y top left; }
#rightSideBoxBottom { background: transparent url(/img/blueBoxBottom.gif) no-repeat bottom left; }

#clearingDiv { background-color: #54544E; clear: both; font-size: 0; height: 2px; margin-bottom: 8px; }

#footer { color: #000; font-size: 0.8em; text-align: center; }
#footer #leftLogo { float:left; width: 21%; text-align: right; }
#footer #rightLogo { float:right; width: 21%; text-align: left; }

#footer p { margin: 0; line-height: 20px; height: 20px;  }
#footer p a { color: #000; }

.forumBlockquote { background-color: #CCC; padding: 4px; }

/* talkBubbles generic */

.agreement { font-size: 0.9em; }

.tb { display: none; width: 480px; position: absolute; z-index: 10; }

.tb table { border-collapse: collapse; empty-cells: show; position: absolute; width: 400px; }

.tb table, .tb td { padding:0; margin:0 }

.tb .txt { background-color: #FFFF99; }

/* talkBubbles left pointing (lp) */

.tb table.lp { top: 0; left: 80px; }

.tb div.lp  { width: 100px; height: 80px; position: absolute; top: 0; left: 0; background: transparent url(/img/talkBubble/west/arrowLeftTop.png) no-repeat top left; z-index: 10; }
.tb .lp .TM { height: 20px; background: transparent url(/img/talkBubble/west/topRow.png) repeat-x bottom left }
.tb .lp .TR { height: 20px; background: transparent url(/img/talkBubble/west/cornerTR.png) no-repeat bottom left }

.tb .lp .BL { height: 20px; background: transparent url(/img/talkBubble/west/cornerBL.png) no-repeat bottom left }
.tb .lp .BM { height: 20px; background: transparent url(/img/talkBubble/west/bottomRow.png) repeat-x bottom left }
.tb .lp .BR { height: 20px; background: transparent url(/img/talkBubble/west/cornerBR.png) no-repeat bottom left }

.tb .lp .LC { width: 20px; background: transparent url(/img/talkBubble/west/leftColumn.png) repeat-y top left }
.tb .lp .RC { width: 20px; background: transparent url(/img/talkBubble/west/rightColumn.png) repeat-y top left }

/* talkBubbles right pointing (rp) */

.tb table.rp { top: 0; } /* right: 80px;*/

.tb .rp .TL { height: 20px; background: transparent url(/img/talkBubble/east/cornerTL.png) no-repeat bottom left }
.tb .rp .TM { height: 20px; background: transparent url(/img/talkBubble/east/topRow.png) repeat-x bottom left }
.tb div.rp  { width: 100px; height: 80px; position: absolute; top: 0; right: 0; background: transparent url(/img/talkBubble/east/arrowRightTop.png) no-repeat top left; z-index: 10; }

.tb .rp .LC { width: 20px; background: transparent url(/img/talkBubble/east/leftColumn.png) repeat-y top left }
.tb .rp .RC { width: 20px; background: transparent url(/img/talkBubble/east/rightColumn.png) repeat-y top left }

.tb .rp .BL { height: 20px; background: transparent url(/img/talkBubble/east/cornerBL.png) no-repeat bottom left }
.tb .rp .BM { height: 20px; background: transparent url(/img/talkBubble/east/bottomRow.png) repeat-x bottom left }
.tb .rp .BR { height: 20px; background: transparent url(/img/talkBubble/east/cornerBR.png) no-repeat bottom left }

/* Talk Bubble Theme */

.tbTheme { border-collapse: collapse; }

.tbTheme .txt { background-color: #FFFF99; }

.tbTheme .TL {  background: transparent url(/global/img/tbTheme/cornerTL.png)    no-repeat bottom right;  height: 20px; width: 20px; }
.tbTheme .TM {  background: transparent url(/global/img/tbTheme/topRow.png)      repeat-x  bottom center; height: 20px;             }
.tbTheme .TR {  background: transparent url(/global/img/tbTheme/cornerTR.png)    no-repeat bottom left;   height: 20px; width: 20px; }

.tbTheme .RC {  background: transparent url(/global/img/tbTheme/rightColumn.png) repeat-y  center left;                 width: 20px; }

.tbTheme .BR {  background: transparent url(/global/img/tbTheme/cornerBR.png)    no-repeat top    left;   height: 20px; width: 20px; }
.tbTheme .BM {  background: transparent url(/global/img/tbTheme/bottomRow.png)   repeat-x  top    center; height: 20px;              }
.tbTheme .BL {  background: transparent url(/global/img/tbTheme/cornerBL.png)    no-repeat top    right;  height: 20px; width: 20px; }

.tbTheme .LC {  background: transparent url(/global/img/tbTheme/leftColumn.png)  repeat-y  center right;                width: 20px; }


/* Used for table sorting */

.headerSort     { background: transparent url(/global/img/sortable.gif)  no-repeat center right; }
.headerSortUp   { background: transparent url(/global/img/ascending.gif)  no-repeat center right; }
.headerSortDown { background: transparent url(/global/img/descending.gif) no-repeat center right; }