/* CSS Document */

/* the pixel-perfect version :-) */
body
{
    font-size: 11px;
    background:#dddddd url("../images/homepage/November_GG_background3.gif") repeat-x !important;
    font-size: 11px;
	line-height:140%;
	}

body, div,
frame, iframe, frameset,
form, input, fieldset,
p, a,
h1, h2, h3, h4, h5, h6,
th, td, caption,
ol, ul, dl,
li, dd, dt {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
}
/* Holds different language icons/ flags like GE EN FR..... bla bla bla  */
#langBar
{
    height: 12px;
    float: left;
    padding: 2px 0px 0px 60px;    
    margin: 0px;    
}
#german{}
/* Rule to fix quirks-mode inheritance behavior - but this doesn't work in IE!!!*/
table, caption {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
}
/*Important to set the SEARCH box with visible text!*/
.field{ 
  font-size: 11px!important;
}

/*links on most pages in blue*/
a {
	color: #003aaf; 
	font-weight: bold; 
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none; color: #2F74CA;
}
a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

a img {
	border: 0;
}

h1 {
	color: #0079a1; 
	font-weight: normal;
	font-size: 1.7em;
	line-height: 100%;
	padding: 0;
	margin: 0;
	margin-top: 2em;
	margin-bottom: 1em;
}

h2 {
	color: #0079a1; 
	font-weight: bold; 
	font-size: 1.3em;
	padding: 0;
	margin-top: 0.9em;
	margin-bottom: 0;
}

p {
	margin: 0.5em 0;

	padding:0;
}

div#head { /* grey bar across top of each page */
	background-color: #ebebeb;
	text-align: left;
	height: 67px;
	width: 100%;
	min-width: 760px;
}

div#head div#logo {
	float: left;
}

div#head div#minor_menu {
	vertical-align: top;
	margin: 5px;
	float: right;
	white-space: nowrap;
}

div#head div#minor_menu a {
	color: #595959;
	font-weight: normal;
}

div#head div#major_menu {
	color: #595959;
	white-space: nowrap;
	position: absolute;
	top: 37px; /*67-30=37px 30px is the height of the menu image */
	left: 290px; /*760-3*(116+2)-116 */
}

div#head div#major_menu img.menu_button {
	border: 0;
	border-right: solid #4eaac1 2px;
}

div#theme {
	width: 760px;
}

div#main {
	overflow: hidden; /* ensures this block's border goes around any floated content blocks */
	width: 750px; /* same as div#head's min-width */
	margin: 0px; /* or should I use padding-left? */
	padding: 0px;
	clear: both;
}

/* the inline style is used by \news/ggpress.nsf database amongst possible others */
ul.inline {
	list-style-type:none;
	margin: 0;
	padding:0;
}

ul.inline li {
	/* list-style-image: url(/images/template/chevron_11.gif); doesn't work */
	display: inline;
}

div#sectionlinks { /* right hand side information and link paned */
	float: right;
	width: 149px; /* 149+1=150px */
	border: 0;
	padding: 0;
	/*border: solid blue 1px;*/
	border-left: 1px solid #b6b6b6; /* total width 150px */
	line-height: 120%;
}

div#sectionlinks ul {	
	padding: 0;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 9px!important; /* chosen carefully to position chevron bullet 1+5=6px within sectionlinks's border */
	margin: 0;
	margin-left: 0;
	list-style-image: url(/images/template/chevron_11.gif);
}

div#sectionlinks li {
	padding-bottom: 3px;
}

div#sectionlinks h2 {
	color: #0079a1;
	font-weight: bold; 
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	letter-spacing: normal;
	padding-left: 9px;
	padding-top: 5px;
}

div#sectionlinks a#selected, div#sectionlinks li#selected a {
	text-decoration: underline;
	font-weight: bold;
	color: #0079a1;
}


div#downloads { /* images+links to downloads - appears to left of sectionlinks */
	font-size: 0.8em;
	line-height: 100%;
	float: right;
	text-align: center;
	width: 76px;
	margin: 0;
	padding: 9px;
	/*border: solid green 1px;*/
	list-style-type: none;
}

div#downloads ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div#downloads a, div#downloads span {
	display: block;
}

div#downloads a {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}


div#content {
	/*position: relative;*/ /* can't remember why relative could be appropriate */
	left: 0;
	width: 506px;  /*760-10(margin)-76(downloads)-18(downloads padding)-150(sectionlinks)= */
	/*border: solid orange 1px;*/
}


div#contentMedium {
	/*position: relative;*/ /* can't remember why relative could be appropriate */
	left: 0;
	width: 582px;  /*760-10(margin)-18(downloads padding)-150(sectionlinks)= */
}
div#productsBar{
	width: 750px;
	clear:both;
	margin: 0px auto;
	padding:25px 0;
}

div#foot {
	width: 968px;
	clear:both;
	margin: 0px auto;
	padding:25px 0;	
}

/*** table formatting for forms ***/
/* used by:
/news/newssubscription.nsf/websubscription
/services/servicecentre.nsf/contactXPS
/services/servicecentre.nsf/contact

*/

table.form {
	border-collapse: collapse;
}

table.form td {
	vertical-align: top;
}

table.form td.desc div {
	width: 15em;
	margin-right: 1em;
}

table.form td.main div {
	border-left: black 1px dotted;
	border-right: black 1px dotted;	
}


table.form table {
	margin: 0 1em;
}

table.form tr.head td {
	background-color: #ebebeb;
	color: #0079a1; 
	font-weight: bold; 
	font-size: 1.3em;
	padding: 2px;

}

.overImg { /* this class is used by mouseover.js only
but is added here to convince TopStyle that the class isn't missing a definition */
}

ul.chevron 
{
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul.chevron li 
{
	padding-left: 0;
}
.newHeadings{text-align: center; font-size: 18px; font-weight: lighter; line-height: 1.1em; margin-left: 17px;margin-right: 17px; padding:1px;}