/*----------------------------------------------------------------------
  RESET
  ----------------------------------------------------------------------*/
* {
  margin:0;
  padding:0;
  font-size:1em;
  font-weight:normal;
  text-align:left;
}
strong {
  font-weight:bold;
}

/*----------------------------------------------------------------------
  BODY AND TYPE
  ----------------------------------------------------------------------*/
body {
  background:#ffffff url(../ui/bkg_wsf_watermark.gif) center top no-repeat;
  font-size:82%;
  font-family:'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', Helvetica, Arial, Verdana sans-serif;
  text-align:center; /* Hack centering in IE 5 */
}

/*----------------------------------------------------------------------
  LAYOUT
  ----------------------------------------------------------------------*/
#content {
  text-align:left;
  margin:0 auto;
  width:60em;
}
/* NAVIGATION */
#mainNav {
  background:#6D355A left 34px repeat-x url(../ui/navigation_bkg.gif);
  border-top:2px solid #cccccc;
  line-height:1;
  padding:0 0 0 2em;
  margin:0;
  width:58em;
  float:left;
}
#mainNav a {
  background:right 0.65em no-repeat url(../ui/navigation_separator.gif);
  color:#ffffff !important;
  text-decoration:none !important;
  text-align:center;
  padding:10px 1.5em 27px 1.5em;
  height:16px;
  margin:0;
  float:left;
}
#mainNav li {
  list-style-type:none;
  display:inline;
}
#mainNav .selected a {
  background:#522744 bottom center no-repeat url(../ui/navigation_current.gif);
}/* LOGO */
#logo {
  background:left top no-repeat url(../ui/logo.gif);
  letter-spacing:-1000em;
  text-indent:-1000em;
  margin:4em 0 1em 0;
  width:451px;
  height:60px;
  float:left;
}
/* CHOOSE LANGUAGE */
#chooseLanguage {
  text-align:right;
  padding:0.5em 0;
  margin:90px 0 0 0;
  width:20em;
  float:right;
}
#chooseLanguage a {
  background:left center no-repeat;
  padding:0 0 0 20px;
}
#chooseLanguage.english a {background-image: url(../ui/flags/gb.gif);}
/* FOOTER */
#copyright,
#caramel {
  border-top:1px solid #cccccc;
  color:#666666;
  padding:1em 0 2em 0;
}
#copyright {
  font-weight:bold;
  width:30em;
  float:left;
}
#caramel {
  text-align:right;
  margin:0;
  width:30em;
  float:right;
}
#caramel a {
  color:#0080FF !important;
}

/*----------------------------------------------------------------------
  TYPE
  ----------------------------------------------------------------------*/
h2 {
  font-family:Trajan, Georgia, 'Times New Roman' serif;
  text-transform:uppercase;
  line-height:1;
  color:#546E53;
  background:#E6E5E4;
  font-size:2.5em;
  padding:0 0.4em;
  margin:0 0 0.5em 0;
  clear:both;
}
h3 {
  color:#6D355A;
  margin:0 0 -1.3em 2em; /* eh? */
  font-size:1.6em;
  font-weight:bold;
  letter-spacing:-0.02em;
}
p,
ul {
  line-height:1.5;
  margin:0 0em 1.5em 18em;
  width:39em;
}
ul {
  padding:0 0 0 2em;
  width:38em;
}
li {
  list-style-type:disc;
}
/* LINKS */
a:link {color:#4357BB;}
a:link img {border-color:#333333 !important;}
a:hover, 
a:hover img {color:#503FCE;text-decoration:underline;}
a:visited, 
a:visited img {color:#A150CB;}

p.linkOut,
.article h4 {
  text-align:right;
  margin-right:0;
  margin-bottom:1em;
}
p.linkOut a,
p.downloadLink a,
.article h4 a{
  background:left center no-repeat;
  text-decoration:none !important;
  padding:0.2em 0 0.2em 22px;
}
p.linkOut a,
.article h4 a {background-image: url(../ui/link_arrow.gif);}
p.downloadLink a {background-image: url(../ui/download_button.gif);}

/*----------------------------------------------------------------------
  TABLE
  ----------------------------------------------------------------------*/
table {
  width:100%;
  clear:both;
}
th {
  padding:0.5em 1em 0.5em 0.3em;
  background:#f4f4f4;
  font-weight:bold;
  color:#666666;
}
td {
  padding:1em 1em 1em 0.3em;
  vertical-align:top;
  border-top:1px solid #cccccc;
}
td.english {
  background:left 1.2em no-repeat;
  padding-left:22px;
}
td.english {background-image:url(../ui/flags/gb.gif);}

/*----------------------------------------------------------------------
  FORMS
  ----------------------------------------------------------------------*/
form {
  border:1px solid #cccccc;
  background:#F2F2F2;
  margin:0 0 1.5em 0;
  padding:2em 0 1.5em 0;
  width:60em;
  float:left;
}
fieldset {
  border:0;
  margin:0 0 1.5em 16em;
  width:29em;
  clear:both;
}
legend {
  color:#6D355A;
  margin:0 0 0 -11em;
}
label {
  color:#6D355A;
  text-align:right;
  margin:1px 1em 1px 0;
  padding:0.4em 0;
  width:15em;
  float:left;
  clear:left;
}
input,
textarea {
  border:1px solid #cccccc;
  padding:0.4em 1em;
  margin:0 0 0.7em 0;
  width:25em;
  float:left;
  clear:right;
}
textarea {
  font-family:'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', Helvetica, Arial, Verdana sans-serif;
  height:12em;
}
input.option {
  margin:0.4em 0.5em 0 0;
  float:left;
}
label.option {
  color:#333333;
  text-align:left;
  width:11.5em;
  clear:none;
}

input.checkbox {
	width:auto;
}
button {
  background:left top no-repeat url(../ui/send_button.gif);
  border:0;
  padding:0;
  margin:0.8em 17em 0 0;
  width:158px;
  height:42px;
  text-indent:-1000em;
  float:right;
}


/*----------------------------------------------------------------------
  BLOCKS
  ----------------------------------------------------------------------*/
.article {
  clear:both;
  float:left;
  width:58em;
}
.article img {
  float:left;
  margin:0 1em 1em 0;
}
.article .text {
  float:right;
  width:auto;
}
.article .text p {
  margin-left:0;
  margin-right:0;
}

.fullText p {
	width:58em;
	margin-left:1em;
	margin-right:1em;
}

.article .imageFrame {
	float:left;
	width:20em;
	margin-left:10em;
}


.article h3 {
	margin-bottom:0.25em;
}

.major h2 { 
	width:100%;
}

.major h3 {
	font-weight:normal;
	font-size:1.1em;
	width:7em;
	float:left;
}

.sub,
.journal  {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #CCC;
}

.languages .sub h3 {
	margin-left:0;
}
.languages .article {
	width:100%;
}
.languages .article .text {
	width:28em;
}
.languages p.downloadLink {
	width:28em;
}

.journal {
	padding:1em;
}

.journal h3,
.journal h4,
.major h4{
	float:none;
	clear:both;
	width:100%;
	text-align:left;
	margin-left:0;
}

#home .major h4 {
	text-align:right;
}
#home .major ul {
	width:35em;
}
#home .contact h4 {
	text-align:left;
}

.journal h3 {
	margin-bottom:0.1em;
}

.journal h4 {
	font-size:1.2em;
	color:#817F79;
	margin-bottom:1em;
}

.journal .text{
	clear:both;
	font-size:0.9em;
	width:39em;
	margin-right:2em;
}

.text ul{
	margin-left:2em;
	margin-right:0em;
}

.byLine {
	font-size:0.8em;
	color:#817F79;
	text-align:right;
}

#devNotice {
	display:none;
}

/*----------------------------------------------------------------------
  SPLASH
  ----------------------------------------------------------------------*/
.splashWrapper {
  width:60em;
  margin-bottom:1.5em;
  float:left;
  background:left top no-repeat;
}
#splash {
  background:url(../ui/splash_mask.gif) no-repeat bottom left transparent;
  color:#ffffff;
  margin:0;
  padding:0 0 75px 0;
  width:60em;
  height:19em;
  float:left;
  clear:both;
  position:relative;
}
#splash li {
  padding:2em 0 75px 2.5em;
  height:14em;
  width:25em;
  list-style-type:none;
  position:absolute;
  left:0;
  top:0;
}
#splash h2 {
  font-size:1.3em;
  margin-bottom:1em;
  width:18em;
  font-family:'Lucida Grande', 'Lucida Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif !important;
  color:#ffffff !important;
  background:transparent !important;
  text-transform:none;
  padding:0;
}
#splash a:link    {color:#9FB1FF;}
#splash a:visited {color:#CD95EA;}
#splash li p {
  line-height:1.8;
  margin:0 0 1em 0;
  width:auto !important;
}
#splash p span {
  text-align:right;
  color:#CCCCCC;
  font-size:0.85em;
}
#blurb {
  line-height:1.8;
  margin:0 5em 1.5em 30em;
  width:25em;
}
#banner {
	width:60em;
	height:120px;
	overflow:hidden;
	clear:both;
}