@import url("reset.css");

/* Skip Navigation */
.screenReaderMenu {position:absolute; top:-1000px; left:-1000px; font-size:1px; line-height:1px;}

/* Container */
#container {width:990px; margin:0 auto; background:#fff;}

/* Header */
#header {height:104px; position:relative; background:url('../Images/Header/bgXmas.png') 100% 0 no-repeat #3a4b01;}
#header .logo {position:absolute; top:18px; left:21px;}

/* Navigation - Main */
ul#topNav {background:url('../Images/Header/bgXmasTail.png') 100% 0 no-repeat #bc9b6a; list-style-type:none; float:left; width:975px; padding:0 0 0 15px; display:inline; font-size:1.6em; text-transform:uppercase; height:1%;}
ul#topNav li {float:left; margin:0 0 0 10px; display:inline;}
ul#topNav li a {padding:8px 8px 7px; display:block;}
ul#topNav li a:hover {color:#3a4b01;}
ul#topNav li a.active {background:#fff; color:#3a4b01;}

/* Banners */
#banner {position:relative; clear:both; height:337px; display:block;}
#bannerSub {clear:both; height:185px; display:block;}

/* Banners - Send to a friend alternative method */
#banner #tagRight {position:absolute; top:0; left:656px; behavior:url(../Css/iepngfix.htc);}
#banner #tagLeft {position:absolute; top:0; left:106px; behavior:url(../Css/iepngfix.htc);}

/* ------------------ Content -------------------- */
#content {background:#f3efe7; padding:20px; height:1%; color:#000; clear:both;}
#standardContent {background:#f3efe7; padding:0 20px; color:#000;}
#content a, #standardContent a {color:#600;}
#content a:hover, #standardContent a:hover {text-decoration:underline;}

/* Home */
#homeVid {float:left; margin:0 17px 0 0; display:inline; width:305px}
#insideStory {float:left; margin:0 17px 0 0; display:inline; width:305px;}

#featuredJobs {float:right; width:275px; background:#fff; padding:12px 15px 20px 15px;}
#featuredJobs h1 {font-size:2.4em; color:#333; margin:0 0 0 0;}
#featuredJobs p {margin:0 0 0.2em 0; font-size:1.1em;}
#featuredJobs p.job {font-size:1.6em; color:#600; margin:0 0 0.2em 0; font-family:Tahoma, Georgia, Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif;}
#featuredJobs .jobEntry {margin:11px 0 0 0;}

/* RIGHT COLUMN */
#rightCol {float:right; width:571px; padding:18px; background:#fff;}
#rightCol a {color:#600;}
#rightCol a:hover {text-decoration:underline;}
#rightCol h1 {font-size:2.5em; color:#333; margin:0 0 0.6em 0;}
#rightCol h2 {font-size:1.9em; color:#333; margin:1.2em 0 0.6em 0;}
#rightCol h2.questionsAsked {font-size:1.9em; color:#333; margin:1.9em 0 0.6em 0;}
#rightCol h3 {font-size:1.6em; color:#535252; margin:1.4em 0 0.6em 0;}
#rightCol p.lead {font:normal 1.6em/1.4em Tahoma, Georgia, Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; color:#600;}
#rightCol p.caveat {font-size:1em; font-style:italic; padding:0 0 10px 26px;}
#rightCol p, #rightCol ul, #rightCol ol, #rightCol blockquote {/*font-size:1.5em; */ color:#333; margin:0 0 0.8em 0;}
#rightCol ul {margin:0 0 1em 1.8em; list-style-type:square;}
#rightCol ul li {padding:4px 0;}
#rightCol ol {margin:0 0 1em 1.8em;}
#rightCol ol li {padding:4px 0;}
#rightCol blockquote {margin:0 0 1.6em 0; padding:0 0 0 16px; line-height:1.5em;}

/* Send to a friend */
#sendFriend {width:571px; height:300px; background:url('../Images/label.jpg') 0 0 no-repeat; position:relative;}
#sendFriend label, #sendFriend input, #sendFriend #friend .friendError, #sendFriend #your .yourError {font:normal 1.3em/1.4em Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; color:#333;}
#sendFriend #friend input, #sendFriend #your input {width:360px; padding:0 0 3px 0;}
#sendFriend #friend {position:absolute; top:65px; left:55px;}
#sendFriend #friend input {border:none; border-bottom:1px dotted #67463d; background:transparent; cursor:text;}
#sendFriend #friend .friendError {position:absolute; top:0px; left:30px;}
#sendFriend #your {position:absolute; top:180px; left:55px;}
#sendFriend #your input {border:none; border-bottom:1px dotted #67463d; background:transparent; cursor:text;}
#sendFriend #your .yourError {position:absolute; top:0px; left:45px;}
#sendFriend #send {position:absolute; top:172px; left:430px;}

#sendFriend .response {position:absolute; width:570px; height:237px;}

/* Time Line */
#rightCol #timeLine .time {overflow:hidden; width:100%; margin:0 0 20px 0;}
#rightCol #timeLine .time h3 {font-size:3.8em; font-weight:normal; color:#666; margin:0 0 0.2em 0; float:left;}
#rightCol #timeLine .time .info {font-size:2.0em; color:#333; float:left; margin:23px 0 5px 8px; display:inline; width:465px;}
#rightCol #timeLine .time .small {font-size:0.7em;}
#rightCol #timeLine .time p {clear:both; margin:0 0 0 6.0em;}

/* Quick Facts */
#rightCol ul#quickFacts {list-style-type:square;}
#rightCol ul#quickFacts li {margin:0 0 0.8em 1.5em; padding:2px 0;}

/* Profiles */
#quote { margin:0 0 2.5em 0;}
#quote p {font:italic 1.9em/1.4em Georgia, Tahoma, Verdana, Arial, Helvetica, "Trebuchet MS", sans-serif; color:#600; padding:0 36px 0 40px;}
#quote #open {height:22px; width:27px; background:url('../Images/speechOpen.png') no-repeat 0 0; position:relative; top:8px;}
#quote #open span {display:none;}
#quote #close {height:22px; width:27px; background:url('../Images/speechClose.png') no-repeat 0 0; float:right; position:relative; top:-30px;}
#quote #close span {display:none;}

/* Faqs */
#rightCol #faqs h2 {margin:0.6em 0 1em 0;}
#rightCol #faqs h3.reveal {cursor:pointer; cursor:hand; font-size:1.5em; color:#600; margin:0 0 1em 0;}
#rightCol #faqs .answer {width:573px;}
#rightCol #faqs .wrap {padding:0 0 3em 1.0em;}
#rightCol #faqs p.caveat {font-size:1em; font-style:italic; padding:1em 0 0 0;}

/* Accessiblity */
#accessibility ul {margin:0 0 1.8em 1.6em; list-style-type:square;}
#accessibility ul li {padding:3px 0;}
#accessibility h3 {margin:1.4em 0 0.6em 0;}

/* Site Map */
#rightCol #siteMap ul {font-size:1.7em; list-style-type:none;}
#rightCol #siteMap ul li {padding:8px 0;}
#rightCol #siteMap ul li a {color:#333;}
#rightCol #siteMap ul ul {font-size:0.8em; list-style-type:square; margin:0.5em 0 0.7em 3em;}
#rightCol #siteMap ul ul li {padding:2px 0;}
#rightCol #siteMap ul ul li a {color:#600;}


/* LEFT COLUMN */
#leftCol {float:left; width:303px; padding:18px 20px 35px 20px;}
#leftCol h2 {font-size:2.1em; color:#333; margin:0 0 0.6em 0;}

/* Left Hand Navigation */
#leftCol ul {list-style-type:none;}
#leftCol ul li {background:#fff; font-size:1.4em; padding:7px 10px; margin:2px 0;}
#leftCol ul li a {color:#666;}
#leftCol ul li a:hover, #leftCol ul li a.active {color:#600;}

/* I-GRASP */
#rightCol .search {font-size:1.5em;}
#rightCol .search a {color:#600;}
#rightCol .search h1 {font-size:1.5em;}
#rightCol .search td #searchcriteria_container {color:#333; margin:25px 0 0 0;}

/* Search page */
#searchcriteria_container .searchpair {clear:both; margin:0 0 10px 0; overflow:hidden; width:100%;}
#searchcriteria_container .searchpair label {float:left; width:150px; margin:0 15px 0 0; display:inline;}
#searchcriteria_container .searchpair input {float:left; width:316px;}
#searchcriteria_container .searchpair select {float:left; width:320px;}
#searchcriteria_container #searchsubmit {text-align:right; width:488px;}

/* Search results */
#searchSection #searchresultslist {margin:20px 0 0 0;}
#searchSection #searchresultslist #igSortBar {background:#bc9b6a; padding:4px 18px; color:#fff;}
#searchSection #searchresultslist #igSortBar a:hover {color:#600;}
#searchSection #searchresultslist #igSortBar .general_bold {color:#fff;}
#searchSection #searchresultslist .igSortBarSub {background:#ccc; padding:4px 18px; color:#fff; text-align:right;}

#searchSection #searchresultslist td.searchresultsjoblink, #searchSection #searchresultslist td.searchresultscodelist {padding:1px 18px;}
#searchSection #searchresultslist td a {color:#600;}
#searchSection #searchresultslist td.searchresultscodelist {color:#000;}
#searchSection #searchresultslist table.greytable {background:#f3efe7; color:#000; padding:8px;}
#searchSection #searchresultslist table.greytable label {margin:15px 0 0 0;}
#searchSection #searchresultslist table.greytable input {margin:15px 0 0 0;}

/* Job details */
#searchSection #igWriteJob .header {font-size:1.2em; margin:0 0 20px 0; color:#600;}
#searchSection #igWriteJob .jobcodelists {color:#000;}
#searchSection #igWriteJob .jobcodelists td {padding:2px 0;}
#searchSection #igWriteJob .jobcodelists .descvalue {color:#333;}
#rightCol #igWriteJob p {font-size:1.0em; color:#333; margin:0 0 0.8em 0;}
#rightCol #igWriteJob a {color:#600;}

#rightCol .igPageTitle {font-size:1.2em; margin:0 0 20px 0; color:#600;}
#rightCol .search #igscreen td a {border:1px solid red;}

#rightCol .search #referralwarning {color:#600; margin:0 0 20px 0;}
#rightCol .search #preappdetails td.iglabel {padding:15px 15px 0 0;}
#rightCol .search #preappdetailssubmit td {background:#f3efe7; color:#000; padding:6px;}

#searchSection .header {font-size:1.2em; margin:0 0 20px 0; color:#600;}
#searchSection #igAppQuestion2 textarea {width:550px;}
#searchSection #AppQuestionLinkBar td {background:#f3efe7; color:#000; padding:6px; text-align:right;}

#applicationlogin #applicationlogin_inner td#newappbar {background:#f3efe7; color:#000; padding:6px;}
#applicationlogin #applicationlogin_inner td#newapplink {padding:6px;}
#applicationlogin #applicationlogin_inner td#existingappbar {background:#f3efe7; color:#000; padding:6px;}
#applicationlogin #applicationlogin_inner td.iglabel {padding:6px;}
#applicationlogin #applicationlogin_inner td#existingapplink {text-align:right;}
#applicationlogin #applicationlogin_inner td#forgottonpasswordtxt {padding:15px 0 0 0;}

#searchSection .applytable td {padding:6px;}
#searchSection #txt_title1 {font-size:1.2em; margin:0 0 20px 0; color:#600;}

#igWriteConfirmApp #equaloppstable {background:#f3efe7; color:#000;}
#igWriteConfirmApp #equaloppstable td {padding:8px;}
#igWriteConfirmApp #equaloppstable .text2 p {font-size:0.9em; margin:12px 0 0 0;}

#searchSection .emailtable label {padding:8px 0 0 0;}
#searchSection .emailtable textarea {width:550px; height:120px; margin:0 0 10px 0;}

/* ---------------- Content End ------------------ */


/* Footer */ 
#footer {background:url('../Images/Footer/bgXmas.png') 0 100% no-repeat #bc9b6a; padding:14px 0 100px 40px; font-size:1.0em;}
#footer p {color:#fff;}
#footer a:hover {text-decoration:underline;}

#footer ul#footerLinks {list-style-type:none; text-transform:uppercase; margin:0 0 16px 0; font-size:1.2em;}
#footer ul#footerLinks li {display:inline; margin:0 20px 0 0;}

#footer ul#global {list-style-type:none;}
#footer ul#global li {display:inline; margin:0 20px 0 0;}


/* Useful bits */
.newline {clear:both; height:0px; overflow:hidden;}
.strong {font-weight:bold;}
.btop {text-align:right;}