/* overall page styles */

		
		#gtj_content{
			float:left;
			font-family:verdana, arial, sans-serif;
			font-size:12px;
			width:629px;
		}

		#gtj_content h1{
			color:black;
			font-size:18px;
			font-weight:normal;
			margin-top:8px;
			margin-bottom:8px;
		}

		#gtj_content p{
			font-size:12px;
		}

		#gtj_banner{
			width:629px;
			margin-bottom:10px;
		}

		#gtj_nav{
			width:629px;
			height:20px;
			border-bottom:solid 1px #999999;
		}

		.gtj_navtab, .gtj_navtab_on{
			float:left;
			margin-right:4px;
			height:19px;
			border:solid 1px #999999;
			border-bottom:none;

			padding-top: 1px;
			padding-left:2px;
			padding-right:2px;
			padding-bottom: 0px;

			font-family:verdana, arial, sans-serif;
			font-size:11px;
			font-weight:bold;
			color:#003399;
		}

		.gtj_navtab a, .gtj_navtab_on a {
			font-size:11px;
			font-weight:bold;
			color:#003399;
			text-decoration:none;
			margin-top:2px;
		}

		.gtj_navtab{
			background-color:#adeed8;
		}

		.gtj_navtab_on{
			background-color:#fdb26b;
		}

		#gtj_subnav{
			margin-top:4px;
			margin-bottom:2px;
		}

		#gtj_subnav a{
			
			font-size:11px;
			font-weight:bold;
			color:#003399;
			text-decoration:none;
		}

		#gtj_subnav .selected{
			color:#ff661e;
		}

		.subnav_jobsearch{
			margin-left:79px;
		}
		
		.subnav_cvs{
			margin-left:154px;
		}
	
		.subnav_coveringletter{
			margin-left:187px;
		}
		
		.subnav_interview{
			margin-left:306px;
		}	
		#gtj_mainarea {
			width:629px;
		}
		#gtj_leftcolumn { 
			width:454px;
			float:left;
			margin-right:10px;
		}
		
		#gtj_rightcolumn {
			width:129px;
			float:left; 
		}
		
		#gtj_rightcolumn img{
			margin-bottom:10px;
		}
		
		.gtj_whatsnext {
			xposition:relative;	
			width:163px;
			height:76px;
			background-color:#c3feea;
			background-image:url('/staticarchive/2c8b8a8be3d651ddc5bca770e1d470b93bcecb0e.gif');
			background-repeat:no-repeat;
			background-position:bottom left;
			border-top:solid black 2px;
			border-bottom:solid black 2px;
			
		}
		
		.gtj_whatsnext .header{
			width:163px;
			height:26px;
			background-color:#37d69f;
			
		}
		
		.gtj_whatsnext .header h2{
			font-size:11px;
			color:white;
			font-weight:bold;
			margin:0px;
			padding-top:7px;
			padding-left:5px;
		}

		.linkouter{
			height:48px;
			margin-left:48px;
		}
		
		.linkouter .link {
		
			/* The padding-top for this class needs to be
			overridden inline on each page
			depending on how long the link text is.
			This is a work-around, required because vertical-align
			just doesn't work consistently across the browsers */

			padding-top:10px;
			padding-right:4px;
			padding-bottom:6px;
			line-height:14px;
		}
		
		.gtj_whatsnext .link a {
			font-size:11px;
			color:#003399;
			font-weight:bold;
			text-decoration:none;
		}
		
		#gtj_introbox{
			
			color:black;
			line-height:13px;
			background-color:#e4ece9;

		}
		
		#gtj_introbox p{
			font-size:11px;
			padding:10px;
			margin:0px;
		}
		
		#gtj_contents{
			width:454px;
			margin-top:10px;
		}
		
		.gtj_contents_section{
			width:454px;
			margin-top:10px;
		}
		
		#gtj_contents .contents_titlebar{
			height:18px;
			background-color:#118686;
			font-size:14px;
			color:white;
		}
		
		#gtj_contents .contents_titlebar span{
			padding-left:4px;
		}
		
		
		#gtj_contents .contents_graphic{
			float:left;
			width:120px;
			margin-right:8px;
		}
		
		#gtj_contents .contents_list{
			float:left;
			width:324px;
		}
		
		#gtj_contents .contents_item{
			background-image:url('/staticarchive/99f511c927937836de33c21d3d55f47cf17be78d.gif');
			background-position:bottom left;
			background-repeat:no-repeat;
			margin-top:6px;
		}
		
		#gtj_contents .contents_list a{
			text-decoration:none;
			color:#00339b;
			font-size:12px;
			padding-left:14px;
		}


		.gtj_vocabbox{
			margin-bottom:10px;
		}
		.gtj_vocabbox, .gtj_vocabboxbig{
			width:165px;
			color:black;
			font-size:11px;
			background-color:#e4ece9;
			padding-bottom:5px;
		}
		
		.gtj_vocabboxbig{
			width:454px;
		}

		#gtj_content .gtj_vocabbox p, #gtj_content .gtj_vocabboxbig p, #gtj_content .gtj_vocabboxbig td{
			/* Need to include #gtj_content to ensure that this style
			correctly overrides #gtj_content p which is defined earlier */
			padding-left:5px;
			font-size:11px;
		}

		.vocab_header{
			font-weight:bold;
			background-color:#abd5d5;
			padding:4px 8px 4px 8px;
		}
		
/* this one is just a hack to show where the flash will be*/		
		#gtj_flashbox{
			width:454px;
			height:380px;
			background-color:#118686;
			font-size:18px;
			color:white;
		}
/* special one for the drop down games to increase the lineheight and make the text readable */
		.dropdowntext{
			line-height:26px;
		}

/* styles for the spelling game */
		
		.spellinggame .question{
			color:black;
		}
		.spellinggame .question div{
			display:none;
		}
		.spellinggame .question input{
			display:inline;
		}
		
		.spellinggame .correct{
			color:green;
			font-weight:bold;
		}
		.spellinggame .correct input{
			display:none;
		}
		.spellinggame .correct div{
			display:inline;
			margin-left:8px;
			margin-right:8px;
		}
		
		.spellinggame .incorrect{
			color:red;
			text-decoration:line-through;
			font-weight:bold;
		}
		.spellinggame .incorrect input{
			display:none;
		}
		.spellinggame .incorrect div{
			display:inline;
			margin-left:8px;
			margin-right:8px;
		}
		
		.spellinggame .visible{
			display:block;
		}
		
		.spellinggame .invisible{
			display:none;
		}
		
/* audiogame styles */		
		
		.audiogame .question{
			color:black;
		}
		

		
		.audiogame .question .feedback{
			display:none;
		}
		.audiogame .question select{
			display:inline;
		}

		.audiogame .question .check{
			display:inline;
		}

		.audiogame .question .tryagain{
			display:none;
		}


		.audiogame .correct select{
			display:none;
		}
		.audiogame .correct .feedback{
			display:inline;
			color:green;
			font-weight:bold;
		}
		
		.audiogame .correct .check{
			display:none;
		}
		
		.audiogame .correct .tryagain{
			display:none;
		}
		

		.audiogame .incorrect select{
			display:none;
		}
		.audiogame .incorrect .feedback{
			color:red;
			text-decoration:line-through;
			font-weight:bold;
			display:inline;
			margin-right:50px;
		}
		
		.audiogame .incorrect .check{
			display:none;
		}
		
		.audiogame .incorrect .tryagain{
			display:inline;
		}
		
		.audiogame .visible{
			display:block;
		}
		
		.audiogame .invisible{
			display:none;
		}

		
		.displaybox{
			border:solid 1px black;
			background-color:#FFDDAD;
			padding:5px;
		}
		
		.displaybox td{
			font-size:14px;
		}
		
		.displaybox p{
			font-size:14px;
		}
		
		.displaybox h1, .displaybox h2{
			font-family:verdana, arial sans-serif;
		}
		
		.displaybox h1{
			font-size:18px;
		}
		
		.displaybox h2{
			font-size:16px;
		}
		
		#organigram{
			text-align:center;
		}
		
		#organigram td{
			font-size:12px;
			text-align:center;
		}
		
		.seperator{
			margin-left:100px;
			width:200px;
			border-bottom:1px solid #999999;
		}
/* style for the javascript games */

.dropdowntext, .audiogame, .spellinggame{
	background-color:#f5fdf9;
	border:solid 1px #0f8587;
	border-top:solid 10px #0f8587;
	padding:7px;
}

.dropdownfeedback{
	background-color:#e4ece9;
	font-family:verdana, arial, sans-serif;
	font-weight:normal;
	font-size:11px;
}

.dropdownfeedback h2{
	font-weight:bold;
	font-size:14px;
	margin-top:4px;
	margin-bottom:6px;
}

.dropdownfeedback .correct{
	color:#007d35;
}

.dropdownfeedback .wrong{
	color:#990035;
}

.dropdownfeedback .notanswered{
	font-style:italic;
}

		
/* special style for notes about what's missing */
	.todo{
		color:red;
		font-size:14px;
	}