/* --------------------------------------------------------------
    Default CSS styles for all common browsers
    Brothers in art
    http://www.brothersinart.net
---------------------------------------------------------------*/

/*  BODY
---------------------------------------------------------------*/
body {
  background-color: #0E5794;
  margin: 0;
  padding: 0;
}
/*  Ferro Explore!
---------------------------------------------------------------*/
#ferro-explore {
  background: #FFF url(../gfx/newlogo.gif) no-repeat top right;
  height: 70px;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 24px 0 0 24px;
  color: #402243;
  border-bottom: 1px solid #00285F;
}
#ferro-explore a {
	color: #97A031;
}
/*  TABS
---------------------------------------------------------------*/
#tabs {
  position: relative;
  width: 844px;
  height: 21px;
  margin: 20px auto 0 auto;
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 11px;
  line-height: 21px;
  color: #FFF;
}
#tabs .tab1, #tabs .tab2 {
  position: absolute;
  top: 0px;
  height: 21px;
  background-color: #00295E;
  text-align: center;
}
#tabs .tab1 {
  left: 36px;
  width: 148px;
  background: url(../gfx/tab1_bg.gif);
}
#tabs .tab2 {
  left: 582px;
  width: 224px;
  background: url(../gfx/tab2_bg.gif);
}
#tabs a {
  color: #FFF;
  text-decoration: none;
}
#tabs .selected {
  font-weight: bold;  
  text-decoration: none;
}
#tabs a:hover {
  color: #FFF;
  text-decoration: underline;
}
/*  PAGE CONTAINER
---------------------------------------------------------------*/
#page {
  position: relative;
  width: 844px;
  background: url(../gfx/page_bg.gif);
  background-color: white;
  margin: 0 auto 20px auto;
}
/*  HEADER
---------------------------------------------------------------*/
#header {
  width: 844px;
  height: 161px;
  background: url(../gfx/header.jpg) no-repeat;
}
/*  Q-AND-A (U WILT)
---------------------------------------------------------------*/
#q-and-a {
  position: absolute;
  top: 21px;
  left: 240px;
  width: 480px;
}
#q-and-a h1 {
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  color: #404E80;
}
#q-and-a ul {
  margin: 0 0 0 24px;
  padding: 0;
}
#q-and-a ul li {
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 11px;
  color: #404E80;
  list-style-image: url(../gfx/q-and-a_li.gif);
  padding: 1px;  
}
#q-and-a ul li a {
  color: #404E80;
  text-decoration: none;
}
#q-and-a ul li a:hover {
  color: #404E80;
  text-decoration: none;
  border-bottom: 1px solid #B9BED0;
}
#q-and-a ul li.more {
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 11px;
  list-style-image: none;
  list-style-type: none;
  padding: 4px 0 0 0;  
}
#q-and-a ul li.more a {
  color: #A90028;
}
#q-and-a ul li.more a:hover {
  color: #A90028;
  border-bottom: 1px solid #DCA3B2;
}
/*  MENU
---------------------------------------------------------------*/
#menu {
  float: left;
  margin-left: 3px;
  width: 212px;
  background: url(../gfx/menu_bg.gif) no-repeat;
}
#menu dl {
	margin: 0px;
	padding: 10px 0 30px 0;
}
#menu dl dt {
	margin: 15px 0 0 0;
	padding-left: 28px;
	border-bottom: 1px solid #F1F1F0;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 18px;
	color: #404E80;
}
#menu dl dd {
	margin: 4px 0 4px 0;
	padding-left: 46px;
	font-family: "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 11px;
	color: #404E80;
}
#menu dl dt a, #menu dl dd a  {
	color: #404E80;
	text-decoration: none;
}
#menu dl dt a.active, #menu dl dd a.active {
	color: #AA0029;
}
#menu dl dt a:hover, #menu dl dd a:hover  {
	color: #AA0029;
	text-decoration: none;
}
/*  CONTENT
---------------------------------------------------------------*/
#content {
  float: right;
  width: 593px;
  margin-right: 11px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #3D3A26;
  line-height: 18px;
}
/*  MAIN
---------------------------------------------------------------*/
#main {
  float: left;
  width: 410px;
}
#main a{
  color: #002E5E;
  text-decoration: none;
  border-bottom: 1px solid #D6DDE5;
}
#main a:hover{
  color: #002E5E;
  text-decoration: none;
  border-bottom: 1px solid #8CA1B6;
}
#main h1{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  font-size: 28px;
  color: #3D3A26;
  margin: 10px 0 0 0;
  padding: 0px;
  line-height: 28px;
  text-align:left;
}
#main h2{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 34px;
  color: #3D3A26;
  line-height: 34px;
  margin: 0 0 10px 0;
  padding: 0px;
  text-align:left;
}
#main h4{
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #87915A;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  text-align:left;
}
#main h5{
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  color: #87915A;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
  text-align:left;
}
#main u {
  text-decoration: none;
  border-bottom: 1px solid #CCC;
}
#main a.image {
  border: none;
}
#main .flash {
  border: 1px solid #CCCCCC;
  width: 405px;
}
#main .newsArchiveBack {	
  float: left;
}
#main .newsArchiveForward {	
  float: right;
}
#main .newsArchivePages a.active {
  color: #AA0029;
  font-weight: bold;
}
/*  SIDE
---------------------------------------------------------------*/
#side {
  float: right;
  width: 160px;
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  margin-top: 30px;
}
#side h1{
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #3D3A26;
  margin: 0 0 10px 0;
  padding: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#side h2{
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #002E5E;
  line-height: 18px;
  margin: 0;
  padding: 0px;
  /*background: url(../gfx/sidetitle_block.gif) no-repeat 0px 5px;*/
}
#side a{
  color: #002E5E;
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
}
#side a:hover{
  color: #002E5E;
  text-decoration: none;
  border-bottom: 1px solid #D6DDE5;
}
/*  FORM
---------------------------------------------------------------*/
form table tr td.label {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #3D3A26;	
}
form table tr td.label small {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #35556C;	
}
form input.textfield {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #3D3A26;
  border-width: 1px;
  border-style: solid;
  border-color: #847B6C #9F978A #9F978A #847B6C;
  padding: 2px;
}
form input.textfield {
	width: 180px;
}
form input.datefield {
  width: 150px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #3D3A26;
  border-width: 1px;
  border-style: solid;
  border-color: #847B6C #9F978A #9F978A #847B6C;
  padding: 2px;
}
form textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #3D3A26;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #847B6C #9F978A #9F978A #847B6C;
  width: 380px;
}
form input.button {
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #3D3A26;
  background: #F0ECE8 url('/gfx/button_bg.gif') repeat-x left center;
  border-width: 1px;
  border-style: solid;
  border-color: #9F968C #696056 #696056 #9F968C;
}

/*  COPYRIGHT
---------------------------------------------------------------*/
#copyright {
  clear: both;
  font-family: "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 11px;
  color: #A8A8A8;
  line-height: 18px;
  border-top: 1px solid #F1F1F0;
  text-align: left;
  margin-top: 30px;
  padding-top: 8px;
}
/*  IMAGES
---------------------------------------------------------------*/
img {
	border: 0px;
}
img.arrowIcon {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}
img.image_left {
	float: left;
	margin: 0 10px 0 0;
}
img.image_right {
	float: right;
	margin: 0 0 0 10px;
}
/*  MISC
---------------------------------------------------------------*/
.clear {
  clear: both;
  font-size: 4px;
}
/*  FOOTER
---------------------------------------------------------------*/
#footer {
  width: 844px;
  height: 13px;
  background: url(../gfx/footer.gif) no-repeat;
  font-size: 1px;
}

/* MESSAGE STYLES
-------------------------------------------------------------------------*/

#errorMsg, #debugMsg, #message{
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	position: absolute;
	margin-left: -150px;
	left: 50%;
	right: 50%;
	top: 120px;
	width: 260px;
	height:auto;
	padding:20px;
	padding-top: 15px;
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	z-index:50;
	border: 2px solid #0E5794;
}
#errorMsg h1, #debugMsg h1, #message h1{
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 21px;
	font-weight: lighter;
	color: #990000;
	margin: 0px;
	padding: 0px;
	letter-spacing: -1px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	border:0px;
}
#errorMsg input, #debugMsg input, #message input{
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: black;
	border: 1px solid #0E5794;
	margin-left: 100px;
	width:60px;
	padding:1px;
	background-color: #EEE;
}

/* DEBUG STYLES (extends message styles)
-------------------------------------------------------------------------*/

#debugMsg{
	border: 2px solid #8DA6A2;
}
#debugMsg h1{
	color: #0E5794;
}
#debugMsg input{
	border: 1px solid #8DA6A2;
	background-color: #E0E7C2;
}


/* MESSAGE STYLES (extends message styles)
-------------------------------------------------------------------------*/

#message{
	border: 2px solid #8DA6A2;
}
#message h1{
	color: #0E5794;
}
#message input{
	border: 1px solid #8DA6A2;
	background-color: #E0E7C2;
}

/*  EOT
---------------------------------------------------------------*/