/*cream/yellow colour scheme. Based on medium font-size. 
*/ 
body
{
font-family: arial, sans-serif;
font-size: medium;
background-color: #ffffbb;    /*ffffbb*/
padding: 0em;
margin: 0;
/*margin:	0.25em;
padding:	0em;
border:	medium solid #0000aa;*/
/*border-bottom:	thick solid #0000aa;*/
}


/***** PARAGRAPHS AND HEADINGS ********************************** */

p, ul
{
color:    black; 
margin-top:		0.0em;	
line-height:	150%;
}

p
{
margin-left:  	1.1em;
}

ul
{
margin-left:	0em; /*2.5em;*/
}

p, h2, h3, h4, h5, h6, tr, ul
{
margin-right: 1em;
}

h2, h3, h4, h5, h6
{
margin:	0;
padding:	0;
color:	black;
}

/* h1 is dealt with under title bar */

h2
{
margin-top: 	2.0em;
margin-left:	0.7em;
margin-bottom:	0.25em;
font-size:		x-large;	
font-weight:	bold;

}

h3
{
margin-top:		2.0em;
margin-left:	1.2em;
margin-bottom:	0.2em;
font-size:		medium;
font-weight:	bold;		
}

.first_h3
{
margin-top:	0.3em;
}

.h3_after_h2
{
margin-top:		0em;
margin-bottom: 	1.0em;
}


h4
{
margin-left:	1.2em;
margin-top:	1.0em;
font-size:		medium;
font-weight:	normal;
font-style:		italic;
}

h5
{
margin-left:	1.2em;
margin-top:		1.0em;
font-size:		medium;
font-weight:	normal;
text-decoration:	underline;
}

blockquote p
{
font-size: 	1.0em;
line-height: 1.5em;
color:	#0000dd;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 
{
color: 	#0000dd;
}

table
{
margin-left:	1.4em;
}

td
{
line-height:  120%;
}

pre
{
}

/***** MAIN BLOCKS ***************************************/
/* nesting order in html is
wrapper
	left_column
		corner_box
		navigation 
		certificates
	right_column
		title_bar
		content
*/

#wrapper
{
background-color: #ffffbb;
margin:	1px; 
margin-bottom:	2px;  /*needs to be extra-wide or it gets lost */
padding:	0em;
border:	medium solid #0000aa;

}


#left_column
{
float: 	left;
width:	14em;  /* must match right_column margin */
background-color:   #ffffbb;
}

#corner_box		
{
width: 100%;		/* necessary for IE */
overflow:	hidden;
background-color:	#ffffdd;
}

.navigation
{
}



#right_column
{
margin-left:	14em;  /* same as width of left column*/
border-left:	medium solid #0000aa;
margin-top:		0;
padding:		0;
padding-bottom:	1.0em;
width:		auto;
background-color: #ffffdd;
}

#title_bar
{
margin: 0; 
padding: 0;
width:	auto;
background-color: #ffffbb;
overflow: 	hidden;
}

#corner_box, #title_bar
{
height:	5.5em;
}

.navigation, #content
{
padding-top:	0.75em;
border-top:	medium solid #0000aa;
}

#content .navigation	/* avoid 2 borders border when nav is inside content
*/
{
border-top:		none;
}

 
/*****  TITLE BAR FORMATTING **************************************/
h1		
{
font-size:		xx-large;
font-weight:	bold;
margin-left:	0.5em;
margin-top:		0.25em;
margin-bottom:	0em;	
color: 	#0000aa;
}

#title_bar p
{
margin-left:	0.9em;
margin-top:		0.25em;
margin-bottom:	0em;
padding:		0em;
font-size:		large;
font-weight: 	bold;
color:		#0000aa;
}

/***** NAVIGATION BAR, SITE MAP, and WHAT'S NEW FORMATTING *********************************/

#statcounter
{
margin_left: 	2em;
}


.navigation ul	/* lists for navigation */ 
{
list-style-type:	none;
padding:		0;
margin-top:		0em;
margin-right:	0;
margin-bottom:	0.0em;
line-height:	1.5em;
}

.navigation  ul      
{
margin-left: 0.5em;
}

.navigation  ul ul
{
margin-top:		0.5em;
margin-left: 1.0em;
}

#content .navigation ul    /*for site map */
{
margin-top:		0.5em;
margin-left:	1.0em;
}

#content .navigation ul ul    /*for site map */
{
margin-left:	3.0em;
}

.about_menu		/*for 2ndry menu of about, contact, site map etc */
{
margin-top:   3.0em !important;
}

.navigation li	/* list items in navigation bar */
{
display:		block;
padding:		0;
margin-top:		0.0em;
margin-bottom:	0.5em;
line-height:	110%;
}

.navigation ul a, #whats_new_table a	/* links in navigation bar only if in menu list*/
{
display:		block;
width:		100%;
font-weight:	normal;
text-decoration:	none;
}

.navigation ul a:link, #whats_new_table a:link
{
color:	#000099;
background-color:	inherit;

}

.navigation ul a:visited, #whats_new_table a:visited
{
color:	#990099;
background-color:	inherit;
}

.navigation ul a:hover, #whats_new_table a:hover
{
color:	#000099;
background-color:	#ffff00;
}

.navigation ul a:active, #whats_new_table a:active
{
color:	#000099;
}


.this_page_menu_item
{
display:	block;
font-weight:	bold;
color:		rgb(0%,0%,60%);
}

.home_menu_item   /*for top item of menu list only*/
{
display:		block;
font-weight:	bold !important;
margin-left:	0.0em;
margin-bottom:	0.0em;
text-decoration:	none;
}

.certificates
{
width:		8em;	
border:		1px solid black;
margin-top:		3em;
padding-bottom:	1em;
margin-left: 	auto;
margin-right:	auto;
background-color:		#ffffdd;
/*font-size:		small;*/
}

.certificates p
{
margin-top:		1em;
margin-bottom:	0em;
font-size:		small;
line-height:	120%;
}

.cert
{
display: block;
margin-top:	1em;
margin-left: auto;
margin-right: auto;

}

.statcounter
{
width:		90px;
margin-left: 	auto;
margin-right: 	auto;
margin-top:		3em;
}

#whats_new_table
{
margin-left:	1.1em;
}


#whats_new_table td
{
padding-right:	1.0em;
padding-bottom: 	0.2em;
padding-top: 	0.2em;
border-bottom:	thin solid #dddd00;
}

#whats_new_table th
{
text-align:  left;
}


#whats_new_table caption
{
width:	auto;
caption-side:	top;
text-align:		left;
padding-bottom:	1.0em;
margin-right:	2.0em;
margin-left:	0.0em;
line-height:	150%;
margin-left:	1.1em;
}

/***** NON-NAVIGATION-BAR LINKS***********************************/

a:active a:hover
{
color:	#000099;
background-color:	#ffff00;
}

#homepage_images a:hover,  #homepage_images a:active
{
background-color: #ffffdd;
}



/***** IMAGES ****************************************************/

#content img
{
margin-left: 1.1em;
margin-bottom: 0.5em;
margin-top: 0.3em;
}

a img	/*	 invisible border on pictures that are links */
	/*border turns yellow when picture becomes active  */
	/* helps people who are tabbing through links	*/
{
/*border:	solid 3px #ffffdd;*/
outline: none;
}

a:active img, a:hover img
{
border:	solid 2px yellow;

}

#corner_box img
{
border: none;
}

#corner_box a:link, #corner_box a:visited, #corner_box a:active, #corner_box a:hover 
{
border:	none;
}

img.float_right
{
float:	right;
margin-left:	1.5em;
margin-right: 1.0em;
}

img.float_left
{
float:	left;
margin-right:	1.1em;
}


.picture_box
{
float: left;
width: 100%;
padding-top: 1.0em;
}

.picture_box img
{
float: left;   
margin-left: 1.2em;
margin-right: 1.0em;
}

.picture_box p
{
color:	#000099;
margin-top:		0.5em;  /* was 0.5 */
margin-bottom:	1.0em;
line-height: 120%;
}

.end_float  /* empty div that forces end of floating behaviour */
{
clear: both;

}

.end_float_right  /* empty div that forces end of floating behaviour on right side only*/
{
clear: right;

}

/***** BITS AND BOBS *********************************************/
#gsc_evangelism
{
font-weight: bold;
text-align: center;
margin-top: 2.0em;
margin-bottom: 2.0em;
}


/***** SPECIAL STUFF FOR HOMEPAGE ********************************/


#homepage_title_bar p
{
position: absolute;
right: 0em;
font-size:	60px;
font-weight:	bold;
color: #000077;	/*#ffffcc;*/
padding:		0;
margin-bottom:	0;
margin-top: 	0.3em;
margin-right:	0.5em;
line-height:	100%
}

#homepage_title_bar img
{
float: 	left;
border:	none;
}

#homepage_title_bar a:link, #homepage_title_bar a:visited, #homepage_title_bar a:active, #homepage_title_bar a:hover
{
border: 	none;
}


#homepage_title_bar
{	
/*float: left;*/
margin-right:	0em;
margin-bottom:	0.0em;

width:	100%;
height:	157px;  /*specific to the image used*/
overflow:	hidden;
background-image: url(wide_sheep_continuation.jpg);
text-align:	right;
}


#homepage_images img
{
margin-left: 1.1em;
margin-right: 2.0em;
margin-bottom: 2.0em;
}

#w3c_check_bottom, #revision_date
{
width:	10em;
margin:	auto;
padding-top:	0.5em;
padding-bottom:	0.5em;
border:		1px solid black;
background-color:	#ffffdd;
font-size:		small;
}

#revision_date, #w3c_check_bottom 
{
margin-top:	4em;
}

#accessibility_link
{
margin-top:	5em;
}


#accessibility_link p, #w3c_check_bottom p, #revision_date p
{
margin-bottom:	0;
line-height:	120%;
}