﻿body 
{
  background-color: #dbe0e4;
  color: #3468b2;
  font-family: Helvetica, Arial, Sans-Serif !important;
}

a
{
  color:#3468b2;
  font-weight:bold;
}

#curtain
{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 500;
}

#frame
{
  width: 100%;
  min-height: 600px;
  background: #ffffff url(/_images/bg-gradient.jpg) repeat-x bottom left;
  padding-top: 30px;
}

#page
{
  width: 990px;
  margin: 0 auto 0 auto;
}

#header
{
	width:200px;
	float:right;
}

#header img
{
  float: right;
}

#navigation
{
	width:700px;
	margin-top:50px;
  float:left;
  white-space: nowrap;
}

#navigation ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  white-space: nowrap;
}

#navigation li
{
  display: inline;
  padding: 0;
  margin: 0 0 0 -2px;
}

#navigation li a
{
  background: transparent url(/_images/tab-button.jpg) no-repeat top left;
  width: 111px;
  height: 45px;
  display: inline-block;
  line-height: 33px;
  text-align: center;
  text-transform: lowercase;
  font-weight: bold;
  letter-spacing: 1px;
}

#navigation li a.long
{
  background: transparent url(/_images/tab-button-long.jpg) no-repeat top left;
  width: 141px;
}

#navigation li a:hover
{
  text-decoration: none;
}

#subNavigation
{
	width:770px; float:left;
}

#subNavigation ul
{
  padding: 0;
  margin: 0 0 0 0px;
  list-style-type: none;
}

#subNavigation li
{
  display: inline;
  padding: 0 3px 0 3px;
  margin: 0;
  color: #8facd0;
  font-weight: bold;
}

#subNavigation li a
{
  color: #8facd0;//#3DD5E7
  font-weight: bold;
  text-transform: lowercase;
}

#content
{
  min-height: 400px;
  clear: both;
  padding: 20px 0 30px 20px;
}

#content h1
{
  color: #3468b2;//#3DD5E7
  font-size: 130%;
}

#content h2
{
  color: #3468b2; //3DD5E7;
}

#content p, #content li
{
  width: 50%;
}

#content p
{
  margin: 0 0 15px 0;
}

#content ul
{
  list-style-type: none;
  margin-left: 15px;
  margin-bottom: 20px;
}

#content li
{
  background: transparent url(/_images/bullet-plus.png) no-repeat 0px 2px;
  padding-left: 15px;
}

#contentImage
{
  float: right;
}

#footer
{
  clear: both;
  height: 200px;
  padding-top:20px;
}

#strapline
{
  float: left;

}

#straplineHome

{
	margin-top:-300px;
	margin-left:-180px
}

* html body #straplineHome

{
	margin-top:100px;
	margin-left:0px
}

* html body #strapline
{
  float: left;
  margin-top:0px; 
  margin-left:0px

}



#awards
{
  float: right;
}

#copyright
{
  padding-top: 10px;
  float: right;
  clear: right;
}

#copyright a
{
  margin-left: 10px;
}

#middleCol
{
  width: 230px;
  float: right;
  text-align: left;
 
}

#rightCol
{
  width: 450px;
  float: left;

}

#rightCol p, #rightCol li
{
  width: 100%;
  line-height:150%
}

#rightCol h2
{
	padding-bottom:10px;
}

#rightCol ul
{
  position: relative;
  left: 15px;
}

#moreInfo
{
  clear: both;
  width: 700px;
  margin-left: 230px;
}

#moreInfoRight
{
  float: right;
  padding-left:30px;
  width:470px;
}

#moreInfoLeft
{
  float: left;
  width:200px;

}

#moreInfo p
{
  float: left;
  padding-left: 20px;
}

/* forms */

fieldset
{
  padding: 0;
  margin: 0 0 0 6px;
  border: none;
  clear: left;
}

legend
{
  display: none;
}

fieldset label, fieldset span
{
  width: 100px;
  height: 20px;
  line-height: 30px;
  clear: left;
  float: left;
  text-align: right;
  vertical-align: middle;
  font-size: 7pt;
  font-weight: bold;
  text-transform: lowercase;
}

fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="file"]
{
  margin: 0 0 3px 110px;
  display: block;
  border: none;
  background: transparent url(/_images/field-long.jpg) no-repeat top left;
  width: 296px;
  height: 22px;
  padding: 5px 10px 0 10px;
  font-size: 8pt;
  color: #3468b2;
}

button, input[type="submit"], input[type="button"]
{
  text-transform: lowercase;
}

.short
{
  background: transparent url(/_images/field-short.jpg) no-repeat top left !important;
  width: 126px !important;
}

/*  */

#boxes
{
  width: 950px;
  margin: 0 auto 0 auto;
}

.boxOuter
{
  float: left;
  margin: 0 20px 0 0;
  cursor: pointer;
}

.boxOuter h2
{
  font-size: 14pt;
  margin: -55px 0 0 20px;
  padding-bottom: 10px;
  z-index: 10;
}

.boxOuter h2 a
{
  color: #ffffff;
  text-decoration: none !important;
}

.boxOuter img
{
  clear: both;
  margin-top: 10px;
}

.boxHead
{
}

.textBlob
{
  clear: left;
  width: 225px;
  height:10px;
}

.boxInner
{
  background: transparent url(/_images/box-repeat.jpg) repeat-y top left;
  width: 210px;
  height: 270px;
}

.boxInnerInner
{
  background: transparent url(/_images/box-gradient.jpg) no-repeat bottom left;
  width: 200px;
  padding: 5px;
  min-height: 66px;
  height: 100%;
}

.boxInner ul
{
  padding: 30px 0 0 0;
}

.boxInner li
{
  width: 200px;
  white-space: nowrap;
  margin-bottom: 3px !important;
line-height:13px;
}

/* specs */

#specs 
{
  clear: right;
  margin-left: 230px;
  padding-top: 10px;
}

#specs .subhead 
{
  font-weight: bold;
  font-size: 9pt;
  background-color: #99B4D9;
  padding: 5px 0px 5px 0px;
  color: #ffffff !important;
}

#specs .left 
{
  text-align: left;
}

#specs table 
{
  width: 658px;
  border-collapse: collapse;
  background-color: #e9f0f9;
  clear: right;
  empty-cells: show;
}

#specs th 
{
  font-size: 9pt;
  background-color: #b8cde5;/*#b6cce7*/
  color:#5b8bc1;
  border-bottom: 1px solid white;
  padding: 2px 2px 2px 2px;
  vertical-align: top;
  text-align: center;
}

#specs td 
{
  font-size: 9pt;
  padding: 2px 2px 2px 2px;
  vertical-align: top;
  background-color:#dce8f8;/* #E1E9F4*/
  color: #3468b2;
  border-bottom: 1px solid white;
  vertical-align: top;
  text-align: center;
}


  .language li
  {
  		display:inline
  }
  
  .language
  {
  		width:400px;
  }
