/* CSS Document */

/**
  Dark Blue: html 002B45, R0 G43 B69, C100 M56 Y19 K73
  Orange: html C75B12, R199 G91 B18, C1 M74 Y100 K7
  Gray: html CED5DD, R206 G213, B221, C14 M5 Y1 K3
  real gray: 8e9295, from pantone 877 C
  The colors used in the subpages are different than the colors used on the homepage. See the sketches in the /doc directory for more info.
**/

/* debug stuff */
/*
#content {
  border:1px solid red;
}
#content_wrapper {
  border:1px solid yellow;
}

#main_navigation {
  border:1px solid blue;
}

#sub_navigation {
  border:1px solid orange;
}
 */
/*
#content {
  background:#ffe;
}
#content_wrapper {
  background:#eef;
}

#main_navigation {
  background:#fef;
}

#sub_navigation {
  background:#eff;
}
 */
/* end debug stuff */
body{
  line-height: 1.8em;
  font-size: 0.88em;
}
#content_wrapper {
  margin: 20px 0 0 0 ;
  padding: 0 20px 1.5em 0;
  background:#fff url(/images/nav_bg_01.gif) repeat-y scroll 0 0 ;
}
#content_wrapper p {
  text-align: left;
  margin: 0 0 1em 0;
}

#content {
  padding: 0 25px;
  margin:  0;
}
#content  img.header, #content  h1 {
  display:block;
  margin:0 0 1em 0;
}
.column {float: left;}

/*******************/
/* IE5.x/Win hacks */
#content_wrapper {
  width: 920px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 900px;
  min-height:400px;
}
#content {
  width: 485px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 445px;
}
/* END IE5.x/Win hacks */
/***********************/

#footer, #gray_bar{
  padding:0;
  margin:0;
}
#footer {
  background:#fff url(/images/footer_top_01.gif) repeat-x scroll 0 0 ;
  clear:both;
  text-align:right;
}
#footer small {
  display:block;
  padding:1em 0.5em;
}
#gray_bar {
  border : 0 ;
  color : #8e9295 ;
  background-color : #8e9295 ;
  height : 10px ;
  margin : 0 auto;
/*   border-top:10px solid #8e9295; */
}
#sub_navigation {
  width:225px;
  padding: 0 ;
  margin:  0;
}

#sub_navigation h3 {
  color:#fff;
  padding: 0.2em 1em ;
  margin-top:0;
  background:#002B45;
}
#jump_to_language {
  border:1px solid #002B45;
  background:#CED5DD;
}

body {
  margin  : 0 0 1.5em 0 ;
  padding : 0 0 1.5em 0  ;
  text-align:left;
  background: #fff ;
}

#header,#main_navigation {
  background:#CED5DD;
}
#login_bar, #header {
  padding:0.5em;
  text-align: right;
}
#main_navigation div{
  padding-left:10px;
}

#main_navigation {
  background:#CED5DD;
  width:180px;
}
#main_navigation input{
  display:block;
  width:120px;
}

#main_navigation ul {
  margin: 0 0 0.8em 0 ;
  list-style:none;
  margin: 0 ;
  padding:0;
}
#main_navigation > ul {
  border-left:10px solid #002B45;
}

#main_navigation li ul li {
	text-indent: -12px;
	padding-left: 15px;
	margin-left: -15px;
}

#main_navigation li a {
  color: #000;
  margin:1px 0 0 0;
  padding: 0.2em 1em ;
  display:block;
  background:#dfe6ee;
  text-decoration:none;
}
#main_navigation li a:hover {
color: #fff;
background:#373C3F;/*  C75B12; */
}
#main_navigation ul li ul li a {
  background:#DFB599    ; /*C2C8CF;*/
  padding:0.2em 2em;
}
#main_navigation ul li ul li a.selected, #main_navigation li a.selected {
  color: #fff;
  background:#002B45;
}
#main_navigation ul li ul li a.selected { background:#C75B12; }  /* 373C3F; } */

#main_navigation div {
  margin: 2em 0.5em;
}

ul#sitemap,  #sitemap ul{
  margin:0;padding:0 ;
  background:#eee;
  list-style:none;
}
#sitemap h4{
  background:#ccc;
  margin:0;
  padding:0;
}
#sitemap li{
  margin:1px 0 0 0;
}
#sitemap li li {
  padding: 0 0 0 2em;
}
#sitemap li a {
  color: #000;
  padding: 0.2em 1em ;
  display:block;
  text-decoration:none;
}
#sitemap li a:hover {
color: #fff;
background:#373C3F;
}
#title_bar {
  min-width: 450px;
  min-height: 65px;
  color:#fff;
  background: #C75B12;
  padding:0.5em 10px;
}
#title_bar h1,#content h1 {
  font-size:20px;
}
#title_bar h2 {
  font-weight : bold ;
  text-transform:uppercase;
  margin:0 0 0 195px;
  padding:0;
}
#title_bar h2 .sub_header{
  font-size:15px;
  text-transform:none;
  font-style:italic;
}

#login_bar a, #sub_navigation a, #section_navigation a, #news_preview a{
  text-decoration:none;
}
#login_bar a:hover, #sub_navigation a:hover, #section_navigation a:hover, #news_preview a:hover {
  text-decoration : underline  ;
}

#login_bar #login a {
	padding: 5px;
	background: #eee;
	border: 1px solid #ccc;
}

#login_bar #login a:hover {
	padding: 5px;
	background: #ccc;
	border: 1px solid #000;
}

#login_bar a, #news_preview a{
  color : #002B45 ;
}
#login_bar a:hover, #news_preview a:hover {
  color : #C75B12 ;
}

}
.flash_content {
  display : table ;
}
dt, dd {
margin:0;
padding:0.2em 0;
}
dt {
float:left;
}
dd{
  margin-left:75px;
}

div.group{
  margin: 1em 0 2em 0;
  padding: 0 0 1em 0;
  border-bottom:1px solid #aaa;
}
div.group h3 {
font-size:175%;
color:#002B45;
}
div.group img {
float:left;
margin: 0 1em 0 0 ;
}
span.quote {
	font-size: 11px;
}
.quotes blockquote{
  margin:0 0 1em 0;
  padding:0;
}
.quotes p {
  padding-left:1em;
}

.target, .target:hover {
text-decoration : none ;
color : #000 ;
}
/*  page elements  */

/* semi-supported pseudo selector */
*:target,*:target:hover { color : #002B45 ; }
.hide    { visibility : hidden ; }
.erase   { display:none; }
.left    { text-align:left}
.right   { text-align:right}
hr {
  border : 0 ;
  color : #002B45 ;
  background-color : #002B45 ;
  height : 1px ;
  margin : 0 auto;
}
hr.clearing{
  clear:both;
  visibility : hidden ;
}
img {
  margin:0;
  padding:0;
  border:none;
}
a img {
  display : inline;
}
textarea{
  width:450px;
}
pre, code {
  color:#069;
}
pre {
  padding:.5em 1em;
  overflow:auto;
  background:black;
}
pre code {
  color:#06f;
}

.article {
	text-overflow: clip;
} 

/* form elements *//*
input, textarea {
display : block ;
padding : 0 ;
margin : 0 0 1em 0 ;
}
label {
padding : 0 ;
margin : 0 0 .5em ;
display : block ;
}

/* Typography */
body {
font-family : "Trebuchet MS", verdana, lucinda, arial, helvetica, sans-serif ;
color : #000 ;
font-size:0.85em;
}

h6 {
color : #888 ;
font-family : "Georgia", "Trebuchet MS", verdana, lucinda, arial, helvetica, sans-serif ;
}


p, td {
margin : 0 0 0.5em 0 ;
font-family : "Trebuchet MS", verdana, lucinda, arial, helvetica, sans-serif ;
color : #000 ;
line-height : 1.7 ;
}

.warning { color : #900 }

p.warning{
 padding: 0.5em 1em;
 background:#f6f6f6;
 border-right:1px solid #cdd;
 border-bottom:1px solid #966;
}

.quote, blockquote {
  font-style:italic;
  font-family : "Bembo", "Georgia", "Times New Roman", serif ;
}

.separator{
  color:#888;
}

.date{
font-weight:normal;
color:#888;
  font-family : "Bembo", "Georgia", "Times New Roman", serif ;
  font-size:   xx-small ;
  voice-family: "\"}\"" ;
  voice-family: inherit ;
  font-size:    x-small ;
}
html>.date	{
 font-size: x-small;
}

a {
text-decoration : underline ;
color : #C75B12 ;
}
a:hover {
text-decoration : none  ;
color : #002B45 ;
}

.arrow {
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
}

.arrow li {
  padding-left: 14px;
  background-image: url(/images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 9px;
}


h3 a, h3 a:hover { text-decoration: none }
.r{text-align:right}
.l{text-align:left}
.c{text-align:center}
.fr{float:right}
.fl{float:left}

th { background:#fafafa; padding: 0.5em 1em; }
tr.alt th { background:#f1f1f1; padding: 0.5em 1em; }
tr.lowlight td { background: #ffd !important;}
tr.highlight td { background: #ffb !important;}
tr.error td { background: #fbb !important;}
tr.alt, tr.alt td {background-color: #F1F1F1; }
.caption {
  font-size:9px;
  color:#888;
}


a.button, input.button {
color:#555;
background:#ccc;
padding:1px 5px;
border:1px solid #555;
text-decoration:none;
}
a.button:hover, input.button:active {
color:#fff;
background:#555;
text-decoration:none;
}


/* This stuff is used in the Experience controller */
.blueHeader{ font-family: Verdana, Helvetica, sans-serif; color: #77B0E9; font-size: 11pt; font-weight: bolder; }
.printBody{ font-family: Verdana, Helvetica, sans-serif; color: #000000; font-size: 9pt; font-align: justify; }
.printHeader{ font-family: Times New Roman, Times, serif; color: #000000; font-size: 13pt; font-weight: bolder; }

/* --------------------------------------------------------------------- */
/* form elements */
.button{
width : auto ;
margin : 0.5em 0;
padding : 0 0.5em;
color:#888;
background:#ccc;
border: 1px solid #888;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.button:active {
color:#888;
background:#ccc;
border: 1px solid #ddd;
border-top: 1px solid #888;
border-left: 1px solid #888;
}
.listactions a{
width : auto ;
margin : 0.5em 0;
padding : 0 0.5em;
color:#888;
background:#ccc;
border: 1px solid #888;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
text-decoration:none ;
}
.listactions a:hover {
color:#ccc;
background:#888;
text-decoration:none;
}
.align, div.submit input, fieldset input[type=submit] {
margin:0.5em 0 0.5em 13em;
width : auto ;
padding : 0 0.5em;
color:#888;
background:#ccc;
border: 1px solid #888;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
fieldset{
border:1px solid #ddd;
border-left:none;
border-right:none;
margin:1.5em 0;
padding:1em 0 ;
}
legend {font-weight:bold;
padding:0.2em 2em;
border:1px solid #ddd;
color: #555;
}
div.required, div.optional{
clear:both;
margin:0.5em 0;
}
div.error input, div.error select, div.error textarea,
.fieldWithErrors textarea, .fieldWithErrors select, .fieldWithErrors input{
background:#ffb;
}
div.required label, div.optional label{
color:#555;
width:11em;
text-align: left;
float:left;
line-height:1em;
padding:4px 0;
}
div.required select, div.optional select, div.required input, div.optional input {
width:15em;
}
select.short{
width:7em;
}
input.short{
width:7em;
}
div.required label {
color:#000;
}
div.required label:after {
  content:' *';
  color:#900;
}
div.required textarea, div.optional textarea{
width:28em;
}
input:focus, textarea:focus {
background: #edeeef;
color: #000;
}
div.checkbox{
  margin-left:11em;
}

div.checkbox input,input.checkbox {
margin: 0 1em 0 0 ;
width:auto;
display:inline;
float:none;
}
label.checkbox, div.checkbox label{
display:inline;
float:none;
}
/* --------------------------------------------------------------------- */
/* default error messages */

#errorExplanation {
  color:#a00;
  border:1px solid #f80;
  border-bottom:1px solid #a00;
  padding: 7px;
  margin: 0 0 15px 0;
  padding:10px;
  background:#ffd;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding:5px 5px 5px 15px;
  margin:-10px;
  font-size: 12px;
  background-color: #c00;
  color: #f80;
}

#errorExplanation ul, #errorExplanation p {
  color: #f80;
}

#errorExplanation p{  margin-top:2em; }


div#flash div{
margin: 0 0 1.5em 0;
padding:1em 2em;
background:#efefef;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
}
div#flash div.error {
color:#a00;
background:#ffd;
border-right:1px solid #f80;
border-bottom:1px solid #a00;
}
div#flash div.message, div#flash div.notice{
color:#380;
background:#ffd;
border-right:1px solid #4a0;
border-bottom:1px solid #380;
}
div#flash ul{
  margin:0 0 0 1.5em;
  padding:0;
}
p.error{
  margin-left:1em;
  color:#900;
  display:inline;
}

.arabic { text-align:right;direction: rtl;  }
/* --------------------------------------------------------------------- */