/* Master stylesheet for ipmsstockholm.org */
/* 
	Color set (primary colors marked with (*):
	baby blue				#99ccff	light-coloreed blue elements, tabs, boxes
	intermediate blue	*	#6699cc	graphics, cheatlines
	sea blue*				#336699	default link color
	royal blue				#003366	page titles
	used purple				#664466	visited links
	dark orange*			#cc6600	hovered and active links
	bullet yellow*			#eaad00	bullets
	ipms yellow				#ffe76b	? (currently unused)
	blue hint				#eef4ff	box backgrounds
	the palest grey			#eeeeee	box backgrounds, list backgrounds used alternated with pale grey
	pale grey				#dddddd	list backgrounds, text on reveresed (black) backgrounds
	windows grey			#c0c0c0	box outlines
	button grey*			#a29ea2	push buttons, cheatlines
	dark grey				#666066 grayed text
	off-black				#222222	text color
	
	Please add more colors as your find them.
	Examples can be found in the file insert_color_palette.htm
	
*/
/* ============================================= */
/* Page body styles */
/* --------------------------------------------- */
/* tested and approved condidated for legible body text for online reading 
Font: Times, Size 90-95% of 1em, Line height 1.4, align:left
Font: Arial, Size 75%-80% of 1em, Line height 1.6, align: left (75% gives the same font size as today but better legibility)
*/

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align:center;
    background-color: #999999
}

div.body
{
	background-color:#fffefa;
	border-left:1px solid #332A24;
	border-right:1px solid #332A24;
	width: 780px;
	margin:0 auto;
	padding-left:40px;
	padding-right:40px;
	padding-top: 4 px;
	padding-bottom: 40px;
	text-align: left;
	color: #000000;
}

div.body_wide
{
	background-color:#fffcf8;
	border-left:1px solid #332A24;
	border-right:1px solid #332A24;
	width:90%;
	margin:0 auto;
	padding-left:40px;
	padding-right:40px;
	padding-top: 4 px;
	padding-bottom: 4 px;
	text-align: left;
	color: #000000;
}

/* --------------------------------------------- */
/* Paragraph styles */
/* --------------------------------------------- */

p
{
	font-size: 100%;
	line-height: 1.6
}

/* centered text */
p.align_center
{ 
	text-align: center 
}

/* right-justified text */
p.align_right
{ 
	text-align: right 
}

/* a paragraph which returns to browser's default line spacing */
p.spacing_single
{ 
	line-height: 1.25
}

p.link
{ 
	line-height: 1.25;
}

/* image(s) or image caption centered on page */
p.image
{
	color: #666066;
	text-align: center; 
	font-style: italic;
    line-height: 1.33
}

p.image img
{
	padding: 6px;
	border: 1px solid #c0c0c0;
	margin: 1px;
}

/* a paragraph of text with image(s) floating inline along the right marging, text flowing around them */

p.image_hanging
{
	clear: both;
}

p.image_hanging img
{
	padding: 6px;
	border: 1px solid #c0c0c0;
	margin: 0.5em 0em 0.5em 1em;
	float: right;
}

/* page footer text */
p.footertext		
{
    font-family: Arial, Helvetica;
    font-size: 85%;  // 11px
    color: #666066;
    text-align: left;
    line-height: 1.25
}	


/* tiny text style suitable for sidebars, text boxes, quick menus etc. */
P.smalltext		
{
	font-size: 85%;    // 11px
	color: #222222;
	font-weight: normal;
	text-align: left
}

/* --------------------------------------------- */
/* Other HTML text elements */
/* --------------------------------------------- */

/* DEBUG */
/* div, table
{
	border: 1px solid #ff8080
}  */


ul
{
	list-style-type: square;
	margin-bottom: 0;
    line-height: 1.6
}

ol
{
	margin-bottom: 0;
    line-height: 1.6
}

small		
{
    font-size: 85%;
}	

/* --------------------------------------------- */
/* Horizontal line styles */
/* --------------------------------------------- */

hr
{
    color: #808080;
    height: 1px;
}

hr.light
{
    color: #c0c0c0;
    height: 1px;
}

/* --------------------------------------------- */
/* Table Styles */
/* --------------------------------------------- */

table
{
	font-size: 100%;
	line-height: 1.25;
	empty-cells: show;
	borer-collapse: collapse;
}

table ul
{
    line-height: 1.25
}

table ol
{
    line-height: 1.25
}


table.sidebar_outline_blue
{
	border: 1px solid #99ccff;
	width: 100%
}

table.sidebar_outline_blue td
{
	padding: 0.5em 0.75em 0.75em 0.75em;
}

table.sidebar_outline_grey
{
	border: 1px solid #c0c0c0;
	width: 100%
}

table.sidebar_outline_grey td
{
	padding: 0.5em 0.75em 0.75em 0.75em;
}

table.sidebar_solid_blue
{
	border: 1px solid #c0c0c0;
	background-color: #eef4ff;
	width: 100%
}

table.sidebar_solid_blue td
{
	padding: 0.3em 0.3em 0.3em 0.3em;
}

/* --------------------------------------------- */
/* Header Styles */
/* --------------------------------------------- */

/* H1 is intended exclusively for article title. Use in conjunction with H2 if multi-line title is required */

h1
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 169%;    // 22px
    font-weight: bold;
    color: #003366;
    margin-top: 0px; 
    margin-bottom: 0px;
    text-align: left
}

/* H2 is intended exclusively for use in conjunction with H1 as 2nd title line */

h2
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 138%;   // 18 px
    font-weight: bold;
    color: #003366;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: left
}

/* Complementary to h1 & h2, this style is suitable for an author byline below the title */

p.author
{
    font-size: 85%; 
	line-height: 1.25;
    margin-top: 12px
}

/* Header Styles */
/* Style settings for subtitles */
/* --------------------------------------------- */

/* H3 is intended for subtitles within the body text */

h3
{
    font-family: Arial, Helvetica;
	font-size: 108%; // 12px (?)
    font-weight: bold;
    text-align: left
}

/* H4 provides next level of subtitles within body text */

h4
{
    font-family: Arial, Helvetica;
	font-size: 108%;
    font-weight: bold;
    text-align: left
}

/* H5 provides next level of subtitles within body text */

h5
{
    font-family: Arial, Helvetica;
    font-size: 108%;
    font-weight: bold;
    text-align: left
}

/* H6 provides next level of subtitles within body text */

h6
{
    font-family: Arial, Helvetica;
    font-size: 108%;
    font-weight: bold;
    text-align: left
}


/* Link coloring HTML tags */
/* --------------------------------------------- */

a	{
	color: #336699; 
	text-decoration: underline;
} 

a:link	{
	color: #336699; 
	text-decoration: underline;
} 

a:visited	{
	color: #664466; 
	text-decoration: underline;
} 

a:active	{
	color: #cc6600;
	text-decoration: underline;
} 

a:hover	{
	color: #cc6600;
	background-color: #ffffff; 
	text-decoration: underline;
} 

/* Forms, input fields etc. */
/* --------------------------------------------- */

form
{
	font-size: 100%
}	

input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
}

select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%
}