/*******************************************************************/
/* banner and crumbtrail at top of page */
#banner {
	margin-bottom: 3px;
	width:935px;
}

#crumbtrail {
	margin-bottom: 16px;
	width:935px;
}

#crumbtrail table {
		width: 100%;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#crumbtrail table td {
		font: 9px Verdana, Arial, Helvetica, sans-serif;
}

#crumbtrail a {
		color: #000;
		text-decoration: none;
}
#crumbtrail a:hover {
		text-decoration: underline;
}

/*******************************************************************/




/*******************************************************************/
/* links between sites */
#site-nav {
	padding: 0px 0px 0px 10px;
	float: left;
}
#site-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#site-nav li {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 110px; /* 80px plus (2 x 1px borders) plus (2 x 5px padding) plus (20px space for icon) */
}

#site-nav li a {
	padding: 0px 5px 0px 32px;
	margin: 0px 4px 0px 0px;
	display: block;
	height: 2em;
	line-height: 2em;
	color: #0f4692;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#site-nav li a:hover {
	color: #000;
}

#site-nav a.its-online {
	background: #D8EBEB url(/common/images/site-icons/24x16/its-online.gif) no-repeat 2px 2px;
	border: 1px solid #009999;
	border-width: 1px 1px 0px 1px;
}
#site-nav a.its-online:hover {
	background: #009999 url(/common/images/site-icons/24x16/its-online.gif) no-repeat 2px 2px;
}

#site-nav li a.its-teachers {
	background: #D8EBD8 url(/common/images/site-icons/24x16/its-teachers.gif) no-repeat 2px 2px;
	border: 1px solid #99cc99;
	border-width: 1px 1px 0px 1px;
}
#site-nav a.its-teachers:hover {
	background: #99cc99 url(/common/images/site-icons/24x16/its-teachers.gif) no-repeat 2px 2px;
}

#site-nav li a.its-english {
	background: #EBD8DE url(/common/images/site-icons/24x16/its-english2.gif) no-repeat 2px 2px;
	border: 1px solid #990033;
	border-width: 1px 1px 0px 1px;
}
#site-nav li a.its-english:hover {
	background-color: #990033;
/*	color: #fff;*/
}

#site-nav li a.its-myworld {
/*	background: #fff url(/common/images/gradients2/its-myworld-grad.gif) bottom left repeat-x;*/
	background: #EBE1D8 url(/common/images/site-icons/24x16/its-myworld2.gif) no-repeat 2px 2px;
/*	background: #EBE1D8;*/
	border: 1px solid #ff9933;
	border-width: 1px 1px 0px 1px;
}
#site-nav li a.its-myworld:hover {
	border: 1px solid #ff9933;
	border-width: 1px 1px 0px 1px;
	background: #ff9933 url(/common/images/site-icons/24x16/its-myworld2.gif) no-repeat 2px 2px;
/*	background: #EBE1D8;*/
/*	color: #998067;*/
}

#site-nav li a.threesixtyfive {
/*	background: #fff url(/common/images/gradients2/3sixty5-grad.gif) bottom left repeat-x;*/
	background: #D8E1EB url(/common/images/site-icons/24x16/3sixty5.gif) no-repeat 2px 2px;
/*	background: #D8E1EB;*/
	border: 1px solid #6699cc;
	border-width: 1px 1px 0px 1px;
}
#site-nav li a.threesixtyfive:hover {
	border: 1px solid #6699cc;
	border-width: 1px 1px 0px 1px;
	background: #D8E1EB;
	background: #6699cc url(/common/images/site-icons/24x16/3sixty5.gif) no-repeat 2px 2px;
/*	color: #678099;*/
}

#site-nav li a.its-open {
	background: #D8EBEB url(/common/images/site-icons/24x16/its-open.gif) no-repeat 2px 2px;
	border: 1px solid #99cccc;
	border-width: 1px 1px 0px 1px;
}
#site-nav li a.its-open:hover {
	background: #99cccc url(/common/images/site-icons/24x16/its-open.gif) no-repeat 2px 2px;
}


/*******************************************************************/
/* header for this site navigation */
#this-site-width {
	width: 140px;
}

#this-site {
	background: #fff;
	text-align: right;
	margin: 0px 0px 0px 38px;
}

#this-site a {
	display: block;
	height: 2em;
	line-height: 2em;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
}



/*******************************************************************/
/* links between sections */
#section-nav-width {
	width: 140px;
	float: left;
}

#section-nav {
	margin-top: 0px;
	background: #eee;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#section-nav hr
{
	width: 130px;
}

#section-nav input
{
	font-size: 10px;
}

#section-nav h1 {
	margin: 0;
	padding: 2px 0 2px 5px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#section-nav h2 {
	margin: 20px 0 0 0;
	padding: 2px 0 2px 23px;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(/common/images/point-down.gif) no-repeat 5px 4px;
	color: #333;
}

#section-nav .normal h3 {
	margin: 0;
	padding: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
/*	background: url(/common/images/point-down.gif) no-repeat 5px 4px;*/
	color: #333;
}

#section-nav .normal {
	margin: 20px 0 0 0;
	padding: 2px 0 2px 5px;
}

#section-nav p {
	margin: 2px 5px;
}

#section-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: solid #eeeeee;
	border-width: 5px 0px 0px 0px;
}

#section-nav ul ul {
	border: none;
	background-color: #ddd;
}

#section-nav ul ul ul {
	border: none;
	background-color: #ccc;
}

#section-nav li {
	margin: 0;
	padding: 0;
	border: solid #eeeeee;
	border-width: 0px 0px 0px 0px;
	width: 138px; /* 126px plus (2 x 1px borders) plus (2 x 5px padding) */
}

#section-nav li a {
	border: 1px solid #eee;
	border-bottom-color: #e3e3e3;
	padding: 0px 1px 0px 5px;
	display: block;
	height: 2em;
	line-height: 2em;
	color: #0f4692;
	font-size: 10px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#section-nav ul ul a {
	border: 1px solid #d5d5d5;
	padding: 0px 1px 0px 10px;
}

#section-nav ul ul ul a {
	border: 1px solid #c5c5c5;
	padding: 0px 1px 0px 15px;
}

#section-nav li a:hover {
	color: #696;
}

#section-nav a.its-online:hover {
	border: 1px solid #009999;
	background: #D8EBEB;
/*	color: #679999;*/
}

#section-nav a.its-english:hover {
	border: 1px solid #990033;
	background: #EBD8DE;
/*	color: #996777;*/
}

#section-nav a.its-teachers:hover {
	border: 1px solid #99cc99;
	background: #D8EBD8;
/*	color: #679967;*/
}

#section-nav a.its-myworld:hover {
	border: 1px solid #ff9933;
	background: #EBE1D8;
/*	color: #998067;*/
}

#section-nav a.threesixtyfive:hover {
	border: 1px solid #6699cc;
	background: #D8E1EB;
/*	color: #678099;*/
}

#section-nav a.its-open:hover {
	border: 1px solid #99cccc;
	background: #D8EBEB;
/*	color: #679999;*/
}

/*******************************************************************/






/*******************************************************************/
/* layout the main content area */
#main-page { /* container to stop wrapping in narrow windows */
	width: 762px; /* to contain 140px + 622px, leaves 8px of 770px for 2 x 4px page margins */
	overflow: hidden;
}
#main-content-width {
	width: 622px; /* 600px plus (10px margin) plus (2 x 5px padding) plus (2 x 1px border) */
	float: left;
}
#main-content {
	padding: 10px 5px 0px 5px;
	margin: 0px 0px 0px 10px;
	border: solid #999; /* this border will be over-ridden by the local.css for each site */
	border-width: 0px 1px 1px 1px;
	border-top: #999 5px solid;
	xbackground: #f0f;
}
body.popup #main-content {
	padding: 5px;
	margin: 0px;
}
#main-content-inner {
	width: 600px;
	overflow: hidden;
}



/*******************************************************************/
/* footer text */
#footer {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	border-top: 2px solid #eee;
	padding-top: 10px;
	margin: 10px 0;
}

#footer hr {
	display: none;
}


/*******************************************************************/
/* ad placement */
div#rhs-skyscraper {
	position:absolute;
	top: 140px;
	left: 775px;
}


/*******************************************************************/
/* other styles */

body {
	margin: 4px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

#its-logo {
	background-color: #f00;
}

body.popup div.close {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	clear: left;
}


/*******************************************************************/
/* remove unnecessary specific sections while printing */
@media print{
	#banner { display: none; }
	#crumbtrail { display: none; }
	#site-nav { display: none; }
	#section-nav-width { display: none; }
	#main-page { width: auto; overflow: visible; }
	#main-content-width { width: auto; float: none; }
	#main-content-inner { width: auto; overflow: visible; }
	#main-content { margin: 0px; }
	div#rhs-skyscraper { display: none; }
}