/*  - Logos Design style sheet -  */

/* *** Basic font styles *** */

body {
	color: #1e1e32; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Verdana, tahoma, arial, sans-serif; ; 
	word-spacing: 0px; 
	letter-spacing: 0px; 
	margin: 0px 0px 6px; 
	padding: 0px;
	background-color: #646478;
}

p, ol, ul {
	color: #1e1e32; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 12px; 
	line-height: 16px; 
	font-family: Verdana, tahoma, arial, sans-serif; ; 
	word-spacing: 0px; 
	letter-spacing: 0px; 
	margin: 0px 0px 6px; 
	padding: 0px; 
}

h1 { 
	color: #464646; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 30px; 
	line-height: 34px; 
	margin-top: 28px; 
	padding-bottom: 8px; 
	letter-spacing: 1px; 
}

h2, h3 { 
	color: #464646; 
	font-weight: bold; 
	font-size: 13px; 
	line-height: 17px; 
	margin-top: 12px; 
	padding-bottom: 4px; 
	margin-bottom: 1px 
}

a:link {	color: #8c0000; text-decoration: none }
a:visited {	color: #8c0000; text-decoration: none }
a:hover {	color: #8c0000; text-decoration: underline }
a:active {	color: #8c0000; text-decoration: underline }


/* ***  Structural elements *** */

#container {
	width: 640px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	margin-left: auto;
	margin-right: auto;
}

#whitepage {
	background-color: #FFF;
}

@media screen { #whitepage {
    border: solid 1px silver;
}}


/* *** Logo bar *** */

.logobar h2 {
	color: white; 
	position: absolute;
	font-size: 16px; 
	font-weight: bold; 
	margin-top: 12px; 
	margin-top: 57px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: right;
	width: 625px;
}

@media print { .logobar h2 {
		color: white;
}}


/* *** Menu bar *** */

#menubar {
	color: white;
	background-color: silver;
	font-size: 14px; 
	font-weight: bold; 
	line-height: 17px; 
	text-transform: lowercase;
	font-weight: bold; 
	padding-top: 1px;
	padding-bottom: 3px;
	text-align: center;
}

@media print { #menubar {
visibility: hidden;
}}

.pulldownmenu {
	position:absolute; 
	visibility: hidden; 
	text-transform: none;
	font-size: 12px; 
	font-weight: normal; 
	white-space: nowrap; 
	line-height: 14px;
	top: 17px; 
	left: -10px; 
	background-color: silver; 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 6px;
	text-align: left;
}

.thin {
	font-weight: normal
}


/* *** Language Selector & SiteMap link & Portal link *** */

#language-selector {
	border: solid 15px white;
	float: right;
}

#language-selector a:link {		color: #aaa; font-size: 8px; text-decoration: none }	 
#language-selector a:visited {	color: #aaa; font-size: 8px; text-decoration: none }
#language-selector a:hover {	color: #aaa; font-size: 8px; text-decoration: underline }
#language-selector a:active {	color: #aaa; font-size: 8px; text-decoration: underline }

@media print { #language-selector {
display: none;
}}

#portal a:link {	color: #fff; font-size: 10px; text-decoration: none; }	 
#portal a:visited {	color: #fff; font-size: 10px; text-decoration: none; }
#portal a:hover {	color: #eaeaea; font-size: 10px; text-decoration: none; }
#portal a:active {	color: #eaeaea; font-size: 10px; text-decoration: none; }

@media print {
#portal a {visibility: hidden }
}


/* *** Bread Crumb Trail *** */

#breadcrumbs p {
	font-size: 10px; 
	margin-left: 28px;
	margin-right: 12px;
	color: #aaa; 
	line-height: 17px; 
}

@media print { #breadcrumbs p {
	visibility: hidden; 
}}

#breadcrumbs a:link {		color: #aaa; font-size: 10px; text-decoration: none; }	 
#breadcrumbs a:visited {	color: #aaa; font-size: 10px; text-decoration: none; }
#breadcrumbs a:hover {	color: #aaa; font-size: 10px; text-decoration: underline; }
#breadcrumbs a:active {	color: #aaa; font-size: 10px; text-decoration: underline; }


/* *** Content on all standard pages *** */


.page h1 {
	margin-left: 26px;
	margin-right: 20px;
}

.page p,h2,h3 {
	margin-left: 26px;
	margin-right: 240px;
}

.page ul,ol {
	margin-left: 50px;
	margin-right: 240px;
}

.page li {
	margin-top: 8px;
}

.page img {
	margin-left: 40px; 
	margin-right: -240px;
	float: right;
}

span.subtext {
	width: 170px;
	margin-left: 40px;
	margin-top: 10px;
	margin-right: -240px;
	margin-bottom: 0px;
	display: block;
	float: right;
	clear: left;
}

/* *** Sitemap page only *** */

div.sitemap {
	padding: 0;
	margin-top: 0px;
	margin-left: 140px;
	margin-right: 30px;
	margin-bottom: 0px;
}

div.sitemappage {
	padding: 0;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.sitemappage h2, .sitemappage h1 {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.sitemappage p {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.sitemappage img {
	border: solid 1px white;
	border-top: none;
	margin-top: -8px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 4px;
}

.sitemappage a {
	font-size: 14px; 
	line-height: 18px; 
	margin-top: 24px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	padding-top: 5px;
	clear: left;
}

div.sitemapteaser {
	width: 380px;
	font-style: italic; 
	padding: 0;
	margin-top: 0px;
	margin-left: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.sitemapteaser h1, .sitemapteaser h2, .sitemapteaser h3, .sitemapteaser p {
	font-style: italic; 
	font-weight: normal; 
	font-size: 11px; 
	line-height: 15px; 
	font-family: Verdana, tahoma, arial, sans-serif; ; 
	word-spacing: 0px; 
	letter-spacing: 0px; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding: 0px;
	display: inline;
}

.sitemapteaser img, .sitemapteaser a {
	display: none;
}	


/* *** Signature at the bottom of each page *** */

#bottombar p {
	font-size: 10px; 
	margin-left: 26px;
	margin-right: 12px;
	color: #aaa; 
	line-height: 17px; 
}

#bottombar a:link {		color: #aaa; font-size: 10px; text-decoration: none; }	 
#bottombar a:visited {	color: #aaa; font-size: 10px; text-decoration: none; }
#bottombar a:hover {	color: #aaa; font-size: 10px; text-decoration: underline; }
#bottombar a:active {	color: #aaa; font-size: 10px; text-decoration: underline; }


/* *** Invisible links *** */

.secretlink a:link {	color: #fff; font-size: 10px; text-decoration: none; }	 
.secretlink a:visited {	color: #fff; font-size: 10px; text-decoration: none; }
.secretlink a:hover {	color: #eaeaea; font-size: 10px; text-decoration: none; }
.secretlink a:active {	color: #eaeaea; font-size: 10px; text-decoration: none; }

@media print {
.secretlink a {visibility: hidden }
}

/* *** Content on the front page *** */

div.white-teaser {
	background-color: white;
	margin: 0px;
}

div.gray-teaser {
	margin: 0px;
}	

div.gray-teaser p {
   	font-size: 11px;
}
div.white-teaser p {
   	font-size: 11px;
}
div.gray-teaser a {
   	font-size: 12px;
}
div.white-teaser a {
   	font-size: 12px;
}


@media screen { div.gray-teaser {
	background-color: #F8F8F8;
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
}}	

div.teaser {
	margin-left: 10px;
	margin-right: 30px;
	margin-top: 8px;
	margin-bottom: 10px;
	padding: 0px;
}	

.teaser h2, .teaser h1, .teaser p {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.teaser img {
	border: solid 1px white;
	border-top: none;
	margin-top: -8px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
}

.teaser a {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	clear: left;
}


/* *** Case bar (front page only) *** */

div.casebox {
	width: 220px;
	padding: 0;
	margin: 0;
	margin-left: 5px;
	border: solid 1px silver;
	border-right: none;
	background-color: silver;
	float: right;
	clear: right;
}

div.casepage {
	padding: 0;
	margin: 0;
}

.casepage h1, .casepage h2, .casepage h3 {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	padding: 0px;
	
}

.casepage p, .casepage a {
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 4px;
	margin-bottom: 8px;
	padding: 0px;
}

.casepage img {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	float: right;
}