/* global */

html {
						height: 100%;
}
					
body {
						font-family: verdana, arial, helvetica, sans-serif;
  						padding: 0px;
  						margin: 0px;
 	  					font-size: 12px;
						background: #BFBFDF url(images/bkground.gif) repeat-x;
  						color: #000080; 	
}

.skipLink a{
						position: absolute;
						top: 0;
						left: 0;
						width: 0;
						font-weight: bold;
						overflow: hidden;						
}

img {
						border: 0px;
}

a{
						outline: none;
}

/* image positioning - left and right are used in heading, centre in side navigation area */

.left {
						float: left; 
  						padding: 0px 8px 0px 0px;
}

.right {
						float: right; 
  						padding: 0px 2px 0px 8px;
}

.center {
						display: block;
						padding: 5px;
  						text-align: center;
  						margin: 0px auto;
}

/* widths */

#main, #heading_panel, #content, #footer { 
						width: 1000px; 
  						margin-left: auto; 
  						margin-right: auto;
  						background: #FFFFF0;
}

#main {
						border: 1px ridge #4040A0;  					
}	
	

/* heading panel */

#heading_panel {
						height: 201px;
						background: #000080;
  						color: #FFFFF0;
 						border-bottom: 1px ridge #4040A0;
}

/* logo */

#logo {
						padding: 65px 35px 65px 35px;
						text-align: center;			
}

#silogo {
						padding: 30px 35px 15px 35px;
						text-align: center;	
}

#jjlogo {
						padding: 5px 35px 15px 35px;
						text-align: center;	
}

/* navigation menu */

.menu {
						padding: 0;
						margin: 0; 
						list-style: none;
						height: 35px; 
						background: url(images/menu_bg.gif);
}

.menu li {
						float: left;
}

.menu li a {
						display: block; 
						float: left; 
						height: 35px; 
						line-height: 33px;
						color: #FFFFF0;  
						text-decoration: none; 
						text-align: center; 
						padding: 0 22px 0 22px;
						cursor: pointer; 
						font-size: 14px;
						font-weight: bold;
}
	
.menu li a b {
						float: left; 
						display: block; 
						padding: 0 20px 0 10px;
}
	
.menu li.selected a {
						color: #FFFFF0; 
						background: url(images/menu_sl.gif);
}

.menu li.selected a b {
						background: url(images/menu_sl.gif) no-repeat right top;
}

.menu li a:hover {
						color: #000080;
						background: url(images/menu_hv.gif);
}

.menu li a:hover b {
						color: #000080;	
						background: url(images/menu_hv.gif) no-repeat right top;
}

.menu li.selected a:hover {
						color: #FFFFF0;
						background: url(images/menu_sl.gif); 
						cursor: default;
}

.menu li.selected a:hover b {
						background: url(images/menu_sl.gif) no-repeat right top;
}

/* main content */

#content {
						height: auto;
  						padding: 20px 0px 0px 0px;
						overflow: hidden;
  						background: url(images/side.png) right repeat-y;
}

/* right column (links, etc.) */

#col_right {
						float: right;
  						width: 210px;
  						padding: 5px 0px 15px 0px;
/*  						border: 1px solid black; */
}

.content_right {
						text-align: left;
						float: left;
 						color: #000080;
  						margin: 0px 5px 20px 10px;			
}

.content_right h1 {
						padding: 0px;
  						margin: 0px 0px 10px 0px; 
  						font-weight: bold;
 						font-size: 14px;
}

.content_right h2 {
  						margin: 5px 0px 5px 0px; 
  						font-weight: bold;
 						font-size: 12px;
}

.content_right p {
  						line-height: 20px;
  						padding: 0px 0px 5px 0px;
  						font-size: 12px;
}

.content_right img {
						border: 2px ridge #4040A0;
}

.links_right {
						padding: 0px 0px 30px 0px;
}

		
.links_right ul {
						margin: 0px auto;
  						padding: 0px;
						
} 

.links_right li {
						margin: 0px; 
						width: 190px;
 						float: left; 
 						list-style: none;
						padding: 0px 0px 2px 0px;
 						font-size: 12px;
} 

.links_right li a , .links_right li a:hover {
						float: left; 
  						height: 10px;
  						text-decoration: none; 
 						padding: 4px 0px 4px 19px;
 						width: 155px;
 						border: 0px;
 						color: #000080;
} 

.links_right li a, .content_right a {
						background: transparent url(images/arrow.png) no-repeat left center;	
} 

.links_right li a:hover {
						background: transparent url(images/blue_arrow2.png) no-repeat left center;
  						color: #555;
}

/* page content on larger left panel - right margin size prevents overlap between panels */

#col_left {     
						text-align: justify;
				        width: 770px;
/*					border: 1px solid black;  */
  						padding: 0px 0px 15px 0px;
    					margin: 0px 210px 0px 0px;
  						background: #FFFFF0;
  						color: #000080;
}

#col_left h1 {
  						margin: 0px 0px 10px 0px; 
  						font-size: 16px;
  						font-weight: bold;
  						text-align: center;
}

#col_left h2 {
  						margin: 0px 20px 5px 20px; 
  						font-size: 14px;
  						font-weight: bold;
}

#col_left h3 {
  						margin: 2px 10px 5px 20px; 
  						font-size: 12px;
  						font-weight: bold;
}

#col_left p {
  						margin: 5px 12px 5px 20px; 
  						font-size: 12px;
  						line-height:16px;
}

#col_left li {
						padding: 0px 0px 5px 0px;
}

#col_left a {
						color: #000080;
						text-decoration: underline;
}
						
#col_left a, #col_left a:hover {
						padding: 0px 0px 2px 0px;				
}

#col_left a:hover {
						background: #CFCFE7;
}

#col_left, .content_right, #col_left a {
						background: transparent;
}

.words_box {
						float: left;
						width: 760px;
						margin-bottom: 5px;
}
					
.team_link_t {
  						font-size: 14px;
  						font-weight: bold;
  						width: 300px;		
  						float: left;		
}
	
.team_link_f {
  						font-size: 13px;
  						font-weight: bold;
  						float: left;		
}

.team_link_n {
  						font-size: 13px;
  						font-weight: bold;
						float: right;
}	

table {
						border: 2px ridge #4040A0;
/*						border-collapse: collapse; */
						font-size: 11px;
}

th {
						background: #000080;
						border: 1px ridge #4040A0;
						color: #FFFFF0;
  						height: 16px;
}

.tc_red {
						text-align: center;	
						background: #FF0000;	
						color: #FFFFF0;		
}

.tc_blue {
						text-align: center;
						background: #0000FF;	
						color: #FFFFF0;							
}

.tc_white {
						text-align: center;	
						background: #FFFFFF;	
						color: #000080;	}

.tc_yellow {
						text-align: center;	
						background: #FFFF00;	
						color: #000080;							
}

.tr_alt {
						background: #E6E6F3;
}

.tr_sky {
						background: #BFBFDF;
}

.tr_poff {
						background: #C3FDB8;
}

.tr_rel {
						background: #FFFF99;
}

.table_left {
						width: 235px;
						float: left;
						padding-left: 17px;
						padding-right: 18px;
						padding-bottom: 15px;
}

.table_centre {
						width: 235px;
						float: left;
						padding-right: 18px;
						padding-bottom: 15px;
}

.table_right {
						width: 235px;
						float: left;
						padding-bottom: 15px;				
}

.tc_lt {
						text-align: left;
						width: 73%;
}

.tc_lti {
						background: #ACF3AC;
						text-align: left;
						width: 73%;
}				

.tc_ctr {
						text-align: center;
						width: 7%;
}

.tc_rt {
						text-align: right;
						width: 10%;
}

.table_gp {
						width: 740px;
						float: left;
						padding-left: 20px;
						padding-bottom: 15px;
}

.table_iw {
						width: 1000px;
						float: left;
						padding-left: 90px;
						padding-bottom: 15px;
}

.updates {
						width: 735px;
						background: #FFFF66;
						float: left;
						padding: 5px 0px 0px 0px;
  						margin: 5px 0px 5px 20px; 
						border: 2px ridge #4040A0;						
}

.updates a {
						font-weight: bold;
}

.table_news {
						width: 715px;
						background: #E6E6F3;
						float: left;
						font-size: 12px;
  						margin: 5px 0px 10px 20px; 
						padding: 10px 10px 10px 10px;
						border: 2px ridge #4040A0;						
}


.table_links {
						border-top: 1px solid #4040A0;
						border-right: 1px solid #4040A0;
						border-left: 1px solid #4040A0;
						width: 745px;
						float: left;
						padding-left: 20px;
}
	
.table_form {
						width: 600px;
						padding-top: 10px;
						padding-left: 125px;
						padding-bottom: 30px;
}

.tc_gc {
						text-align: center;
						width: 27px;
}

.tc_gr4 {
						text-align: right;
						width: 27px;
}

.tc_gl {
						text-align: left;
						width: 28px;
}

.tc_gc2 {
						text-align: center;
						width: 30px;
}

.tc_gl2 {
						text-align: left;
						width: 34px;
}

.tc_gr {
						text-align: right;
						width: 35px;
}

.tc_grf {
						text-align: right;
						background: #FFD700;
						width: 37px;
}

.tc_gri {
						text-align: right;
						background: #ACF3AC;						
						width: 37px;
}

.tc_grl {
						text-align: right;
						background: #66FF99;						
						width: 37px;
}

.tc_grs {
						text-align: right;
						background: #C0C0C0;
						width: 37px;
}

.tc_grsf3 {
						text-align: right;
						background: #99FF33;						
						width: 37px;
}

.tc_grsf4 {
						text-align: right;
						background: #FF99FF;						
						width: 37px;
}

.tc_grt {
						text-align: right;
						background: #DEB887;						
						width: 37px;
}

.tc_gc4 {
						text-align: center;
						width: 40px;
}
.tc_gr5 {
						text-align: right;
						width: 40px;
}

.tc_gr5i {
						text-align: right;
						background: #FFFF66;
						width: 40px;
}

.tc_gr5g {
						text-align: right;
						background: #BFBFDF;
						width: 40px;
}

.tc_gc5 {
						text-align: center;
						width: 50px;
}

.tc_gl4 {
						text-align: left;
						width: 45px;
}

.tc_gr2 {
						text-align: right;
						width: 48px;
}

.tc_gr3 {
						text-align: right;
						width: 52px;
}

.tc_gl3 {
						text-align: left;
						width: 60px;
}

.tc_gl5 {
						text-align: left;
						width: 64px;
}

.tc_grk {
						text-align: left;
						background: #FFFFF0;						
						width: 70px;
}

.tc_rl {
						text-align: left;
						width: 70px;
}

.tc_rc {
						text-align: center;
						width: 70px;
}

.tc_gpr {
						text-align: left;						
						width: 75px;
}

.tc_gdt {
						text-align: left;						
						width: 82px;
}

.tc_85l {
						text-align: left;						
						width: 85px;
}

.tc_grk2 {
						text-align: left;						
						width: 90px;
}

.tc_tr {
						text-align: right;
						width: 105px;
}

.tc_grk3 {
						text-align: left;						
						width: 105px;
}

.tc_grk4 {
						text-align: left;						
						width: 108px;
}

.tc_rc2 {
						text-align: center;
						width: 120px;
}

.tc_gh {
						text-align: left;
						width: 125px;					
}

.tc_gh2 {
						text-align: left;
						width: 150px;					
}

.tc_gh2i {
						background: #ACF3AC;
						text-align: left;
						width: 150px;					
}

.tc_gh3 {
						text-align: left;
						width: 160px;					
}

.tc_gn {
						text-align: left;
						width: 165px;					
}

.tc_gnf {
						text-align: left;
						background: #FFD700;
						width: 165px;					
}

.tc_gns {
						text-align: left;
						background: #C0C0C0;
						width: 165px;					
}

.tc_gnt {
						text-align: left;
						background: #DEB887;
						width: 165px;					
}

.tc_gn2 {
						text-align: left;
						width: 168px;					
}

.tc_gn2i {
						background: #ACF3AC;
						text-align: left;
						width: 168px;					
}

.tc_gs {
						text-align: left;
						width: 180px;					
}

.tc_sp {
						text-align: left;
						width: 185px;					
}


.tc_gs2 {
						text-align: left;
						width: 195px;					
}

.tc_gs4 {
						text-align: left;
						width: 225px;					
}

.tc_for {
						text-align: center;
						width: 230px;
}

.tc_for_a {
						background: #E6E6F3;
						text-align: center;
						width: 230px;
}

.tc_gs3 {
						text-align: left;
						width: 350px;					
}


.tc_lcom {
						text-align: left;
						width: 438px;					
}

.tc_lcomgb {
						background: #BFBFDF;
						text-align: left;
						width: 438px;					
}



/* footer */

#footer {
						text-align: center;
						height: 40px;
						padding: 10px 0px 0px 0px;
						font-size: 12px;
  						border-top: 3px solid;
  						border-color: #000000;
  						background: #000080;
  						color: #FFFFF0;
  						clear: both;
}

#footer a:hover {
						padding: 2px;
						background: #E6E6F3;
						color: #000080;						
}

#footer a {
						text-decoration: underline;
						padding: 2px;
						background: #000080;
						color: #FFFFF0;
}

#footer img {
						float: right;
						padding-right: 15px;
}

#iw_tests {
						background: #614F39;
						color: #FF8c00;
}

#iw_testm {
						background: #FFFFFF;
						color: #FF8c00;
}