/*
 * Style sheet for Thomson site.
 *
 * Author: Sunpreet S. Jassal
 * Date Created: Jan 04, 2008
 *
 */



/* PUT STYLE RULES IN HERE IF THEY PERTAIN ONLY TO THOMSON.
   RULES FOR INTERNAL MARKUP INSTRUCTIONS AND THOSE RESULTING FROM
   SITE GENERATION MUST GO IN gumich-style.css. */




/*
  ============ Global Styles ============
 */

* {
	margin: 0;
	padding: 0;
}

body {
	background: white;
	font-size: 9pt;
	font-family: Verdana, sans-serif;
}

img {
	border: 0;
}



/*
  ============ Main Container Style Rules ============
 */

div#container,
div#banner-container,
div#content-container {
	text-align: center;
	margin: 0px auto;
}

div#banner-container,
div#content-container,
div#content-top,            /* These two rules are necessary despite width on content-container to */
div#content-bottom {        /* fix peek-a-boo bug in IE 6. */
	width: 760px;
}

div#thomson-banner {
	height: 152px;       /* The height of Thomson banner image. */
}

div#gumich-banner {
	position: absolute;
	top: 8px;
	margin-left: 106px;
}


/*
  ============ Body Content Style Rules ============
 */

div#content-container {
	background: transparent url("../images/content-bg-repeat.jpg") top left repeat-y;
}

div#content-top {
	background: transparent url("../images/content-bg-top.jpg") top left no-repeat;
}

div#content-bottom {
	background: transparent url("../images/content-bg-bottom.jpg") bottom left no-repeat;
	
}


div#top-navigation,
div#left-navigation,
div#content {
	text-align: left;
}


/* Top Navigation Style Rules */

div#top-navigation {
	background-color: rgb(241, 193, 89);
	margin-right: 130px;       /* To prevent text from covering the top banner tree. */
	padding-top: 5px;
	font-family: Tahoma, sans-serif;
}

div#top-navigation li {
	display: inline;
	list-style-type: none;
	padding-right: 8px;
	background-color: rgb(241, 193, 89);
}

div#top-navigation a {
	text-decoration: none;
	color: rgb(27, 38, 70);
}

div#top-navigation a:hover,
li#top-nav-active a {
	color: white;
}

li#top-nav-active a {
	font-weight: bold;
}

div#top-navigation,
div#left-navigation {
	padding-left: 22px;
}



/* Left side Navigation Style Rules */

div#left-navigation {
	float: left;
	width: 127px;		/* Total width of the box model should be 154px. */
	margin-top: 17px;
	margin-bottom: 100px;
	padding-right: 5px;
	font-family: Tahoma, sans-serif;
}

div#left-navigation li {
	list-style-type: none;
	margin-bottom: 14px;
}

div#left-navigation a {
	text-decoration: none;
	color: rgb(47, 62, 84);
}

div#left-navigation a:hover,
li#subactive a {
	color: rgb(120, 120, 140);
}

li#subactive a {
	font-weight: bold;
}

li#lang-separator {
	padding-top: 16px;
}



/* Content Style Rules */

div#content {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	min-height: 398px;        /* Min-height should be at least 418px. Actual value here depends on the top and bottom padding as well. */
	padding-top: 57px;
	padding-right: 50px;
	padding-bottom: 25px;
	margin-left: 210px;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content p,
div#content ul,
div#content ol {
	margin-bottom: 14px;
}

div#content h1,
div#content h2,
div#content h3,
div#content h4 {
	font-weight: normal;
	color: rgb(112, 51, 25);
}

div#content h1 {
	font-size: 1.9em;
}

div#content h2 {
	font-size: 1.8em;
}

div#content h3 {
	font-size: 1.5em;
}

div#content h4 {
	font-size: 1.2em;
}

div#content ul {
	margin-left: 20px;
}

div#content ol {
	margin-left: 28px;
}

div#content p,
div#content ul,
div#content ol {
	line-height: 1.3em;
	margin-top: 5px;
}

div#content a {
	color: #2D85B9;
	text-decoration: none;
}

div#content a:hover {
	color: #666666;
	text-decoration: none;
}

div#content a:visited {
	color: rgb(105, 46, 159);
}


/*
  ============ Footer Styles Rules ============
 */

div#footer {
	text-align: left;
	margin-left: 190px;
	padding-bottom: 10px;
	clear: left;
}

div#footer li {
	list-style-type: none;
	display: inline;
	padding-right: 10px;
}

div#footer a {
	font-size: 0.9em;
	font-family: Tahoma, sans-serif;
	text-decoration: none;
	color: rgb(112, 51, 25);
}

div#footer a:hover,
li#bottom-nav-active a {
	color: black;
}

li#bottom-nav-active a {
	font-weight: bold;
}

#docImage {
	float: left;
	padding: 0 0 0 0;
	margin: 0 10px 10px 0;
}

#docImageCentre {
	float: none;
	padding: 0 0 0 0;
	margin: auto;
	margin-bottom: 5px;
}

#docImageCentre img, #docImage img {
	border: 1px solid #ccc;
}

.back
{
	margin: 10px 0 10px 0;
	text-align:right;	
}



/* PUT STYLE RULES IN HERE IF THEY PERTAIN ONLY TO THOMSON.
   RULES FOR INTERNAL MARKUP INSTRUCTIONS AND THOSE RESULTING FROM
   SITE GENERATION MUST GO IN gumich-style.css. */

.imgCaption {
	background-color: #eee;
	padding: 5px;
}

.clearFloat {
	clear: both;
}

#flashintro {
	margin: auto;
	margin-top: 20px;
	text-align: center;
	width: 550px;
}

#flasintro #alternate-content {
	margin: 0 0 10px 0;
}

#flashintro a {
	color: #2D85B9;
	font-size: 1.3em;
	text-decoration: none;
}
