@charset "UTF-8";
/* CSS Document
green: #869217
bage: #EDF2E1
darker bage: #E4ECDA
med blue: #35A5BD
dark blue: #006389
brown: #574E3A
*/

body{
	background-image:url(imgs/bg_blue_fade.png);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#FFFFFF;
	margin:auto;
	
	font-family:Arial, Helvetica, sans-serif;
}

#leaf{
	border: 1px solid #333333;
	background:none;
	min-height: 400px;
	width: 940px;
	margin: 10px auto 0px auto;
}

#header{
	background:none;
	height: 410px;
	overflow:hidden;
}
#brown_via{
	float:left;
}
#tagline{
	float:left;
	padding: 60px 0px 0px 25px;
	
	color: #574E3A;
	font-size:22px;
	
}
#language_nav{
	float:right;
	margin-right: 43px;
	border-top: 7px solid #869217;
	
}
#language_nav a{
	display:block;
	float:left;
	color: #333333;
	padding: 3px 7px 3px 7px;
	text-decoration:none;
	font-size:10px;
}
#language_nav a:hover{
	background-color: #574E3A;
	color:#FFFFFF;
}



#nav{
	background-color:#EDF2E1;
}
#contentarea{
	margin: 0px 20px 0px 20px;
}
#side_a{
	width: 60%;
	float:left;
}
#side_b{
	float:right;
	margin: 20px 35px 0px 0px;
	width: 250px;
	background-color:#EDF2E1;
	background-image:url(imgs/bg_bage_transition.png);
	background-position:center bottom;
	background-repeat:repeat-x;
	min-height: 250px;
}

hr{
	color:#E4ECDA;
	height:1px;
}

#textarea3{
	padding: 10px;
}

#textarea2 h1, #textarea3 h1{
	font-size: 20px;
	color: #005375;
}

#textarea2 h2, #textarea3 h2{
	font-size: 16px;
	color: #005375;
}

#textarea2 p, #textarea3 { /*no p on t3*/
	font-size: 12px;
	color: #333333;
}

#textarea2 ol, #textarea3 ol{
	font-size: 12px;
	color: #333333;
	list-style-type: decimal;
}

#textarea2 ul, #textarea3 ul{
	font-size: 12px;
	color: #005375;
	list-style-type: square;
}

#textarea2 li, #textarea3 li{
	font-size: 12px;
}

#textarea2 a, #textarea2 a:active, #textarea2 a:link, #textarea2 a:visited,
#textarea3 a, #textarea3 a:active, #textarea3 a:link, #textarea3 a:visited{
	font-size: 14px;
	color: #35A5BD;
	text-decoration: none;
	
}

#textarea2 a:hover, #textarea3 a:hover{
	text-decoration: underline;
}



#footer{
	font-size: 10px;
	text-align:center;
	border-bottom: 1px solid #E4ECDA;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* Below is a set of CSS rules that will allow you to style the drop down menu bar. */

/* note: the term 'dropdown' refers to the second level menus, which drop down vertically. */
/* note: the term 'flyout' refers to the third level menus, which stick out from the second level drop down menus. */
/* note: you need to change #menubar to reflect the name of the menubar you are styling.
    if the menubar is called 'henry', then change #menubar to #henry
*/

/* use this to style the main menu */
#menubarCH ul.horizontal li.level1,
#menubarEN ul.horizontal li.level1,
#menubarFR ul.horizontal li.level1,
#menubarJN ul.horizontal li.level1,
#menubarKR ul.horizontal li.level1,
#menubarSP ul.horizontal li.level1,
#menubarPG ul.horizontal li.level1 {
	float:left;
	
	font-size: 14px;
}

/* controls the root menu's list item links, use this to style the main menus links */
#menubarCH ul.horizontal li.level1 a,
#menubarEN ul.horizontal li.level1 a,
#menubarFR ul.horizontal li.level1 a,
#menubarJN ul.horizontal li.level1 a,
#menubarKR ul.horizontal li.level1 a,
#menubarSP ul.horizontal li.level1 a,
#menubarPG ul.horizontal li.level1 a  {
	padding: 0px 10px 0px 10px;
	line-height: 35px;
  color: #333333;
  text-decoration: none;
}

/* controls the root menu's list item links when a cursor is over them (mouseover) */
#menubarCH ul.horizontal li.level1 a:hover,
#menubarEN ul.horizontal li.level1 a:hover,
#menubarFR ul.horizontal li.level1 a:hover,
#menubarJN ul.horizontal li.level1 a:hover,
#menubarKR ul.horizontal li.level1 a:hover,
#menubarSP ul.horizontal li.level1 a:hover,
#menubarPG ul.horizontal li.level1 a:hover {
  color: #FFFFFF;
  background-color: #869217;
}

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */

#menubarCH ul.dropdown,
#menubarEN ul.dropdown,
#menubarFR ul.dropdown,
#menubarJN ul.dropdown,
#menubarKR ul.dropdown,
#menubarSP ul.dropdown,
#menubarPG ul.dropdown {
	width: 135px;
  border: 1px solid #E4ECDA;
  background-color: #E4ECDA;
}
#menubarCH ul.flyout,
#menubarEN ul.flyout,
#menubarFR ul.flyout,
#menubarJN ul.flyout,
#menubarKR ul.flyout,
#menubarSP ul.flyout,
#menubarPG ul.flyout {
	width: 135px;
  border: 1px solid #E4ECDA;
  background-color: #E4ECDA;
}

/* this controls the styles of the list items that are in the dropdown and flyout menus.
/* note that the comma needs to be there, don't remove it. */
#menubarCH ul.dropdown li.level2,
#menubarCH ul.flyout li.level3,
#menubarEN ul.dropdown li.level2,
#menubarEN ul.flyout li.level3,
#menubarFR ul.dropdown li.level2,
#menubarFR ul.flyout li.level3,
#menubarJN ul.dropdown li.level2,
#menubarJN ul.flyout li.level3,
#menubarKR ul.dropdown li.level2,
#menubarKR ul.flyout li.level3,
#menubarSP ul.dropdown li.level2,
#menubarSP ul.flyout li.level3,
#menubarPG ul.dropdown li.level2,
#menubarPG ul.flyout li.level3 {
  border-bottom: 1px #E4ECDA solid;
}

/* this controls the styles of the list item's links that are in the dropdown and flyout menus */
/* note that the comma needs to be there, don't remove it. */
#menubarCH ul.dropdown li.level2 a,
#menubarCH ul.flyout li.level3 a,
#menubarEN ul.dropdown li.level2 a,
#menubarEN ul.flyout li.level3 a,
#menubarFR ul.dropdown li.level2 a,
#menubarFR ul.flyout li.level3 a,
#menubarJN ul.dropdown li.level2 a,
#menubarJN ul.flyout li.level3 a,
#menubarKR ul.dropdown li.level2 a,
#menubarKR ul.flyout li.level3 a,
#menubarSP ul.dropdown li.level2 a,
#menubarSP ul.flyout li.level3 a,
#menubarPG ul.dropdown li.level2 a,
#menubarPG ul.flyout li.level3 a {
	font-size: 12px;
	color: #333333;
	padding: 2px 4px 2px 5px;
	line-height: 12px;
}

/* this controls the style of the list item's links that are in the dropdown and flyout menus when a cursor is over them. (mouseover) */
/* note that the comma needs to be there, don't remove it. */
#menubarCH ul.dropdown li.level2 a:hover,
#menubarCH ul.flyout li.level3 a:hover,
#menubarEN ul.dropdown li.level2 a:hover,
#menubarEN ul.flyout li.level3 a:hover,
#menubarFR ul.dropdown li.level2 a:hover,
#menubarFR ul.flyout li.level3 a:hover,
#menubarJN ul.dropdown li.level2 a:hover,
#menubarJN ul.flyout li.level3 a:hover,
#menubarKR ul.dropdown li.level2 a:hover,
#menubarKR ul.flyout li.level3 a:hover,
#menubarSP ul.dropdown li.level2 a:hover,
#menubarSP ul.flyout li.level3 a:hover,
#menubarPG ul.dropdown li.level2 a:hover,
#menubarPG ul.flyout li.level3 a:hover {
  color: #869217;
  background-color: #E4ECDA;
}

/* This is a set of CSS rules that allow the drop down menubar to function properly. Change these at your own risk!  */

/* this controls the div that is wrapped around the entire menubar */
#menubarCH,
#menubarEN,
#menubarFR,
#menubarJN,
#menubarKR,
#menubarSP,
#menubarPG { position: relative; float: left; }

/* controls the unordered list tag, I don't think styling should be done here either. Use more specific selectors to style the menu. */
#menubarCH ul,
#menubarEN ul,
#menubarFR ul,
#menubarJN ul,
#menubarKR ul,
#menubarSP ul,
#menubarPG ul { margin: 0px; padding: 0px; list-style: none; }

/* controls a list item in an unordered list tag, I don't think styling should be done here either. Use more specific selectors to style the menu. */
#menubarCH ul li,
#menubarEN ul li,
#menubarFR ul li,
#menubarJN ul li,
#menubarKR ul li,
#menubarSP ul li,
#menubarPG ul li { list-style: none; }

/* controls the list item link tag. */
#menubarCH ul li a,
#menubarEN ul li a,
#menubarFR ul li a,
#menubarJN ul li a,
#menubarKR ul li a,
#menubarSP ul li a,
#menubarPG ul li a { float: left; display: block; }

/* controls the root menu's list items. use this to style the main menu */
#menubarCH ul.horizontal li.level1,
#menubarEN ul.horizontal li.level1,
#menubarFR ul.horizontal li.level1,
#menubarJN ul.horizontal li.level1,
#menubarKR ul.horizontal li.level1,
#menubarSP ul.horizontal li.level1,
#menubarPG ul.horizontal li.level1 { float: left; }

/* controls the width of a list item's link tag. DON'T CHANGE UNLESS YOU KNOW WHAT YOU ARE DOING.
This is needed for things to function well. */
#menubarCH ul.horizontal > li.level1 a,
#menubarEN ul.horizontal > li.level1 a,
#menubarFR ul.horizontal > li.level1 a,
#menubarJN ul.horizontal > li.level1 a,
#menubarKR ul.horizontal > li.level1 a,
#menubarSP ul.horizontal > li.level1 a,
#menubarPG ul.horizontal > li.level1 a { width: auto; }

/* More functional css, don't change unless you know what you are doing */
/* Commented Backslash Hack hides rule from IE5-Mac */
#menubarCH ul li a,
#menubarEN ul li a,
#menubarFR ul li a,
#menubarJN ul li a,
#menubarKR ul li a,
#menubarSP ul li a,
#menubarPG ul li a { float:none; }
/* End IE5-Mac hack */

/* this controls the style of the dropdown and flyout menus, A great deal of the styling will be done here, probably. */
/* note that the comma needs to be there, don't remove it. */
#menubarCH ul.dropdown,
#menubarCH ul.flyout,
#menubarEN ul.dropdown,
#menubarEN ul.flyout,
#menubarFR ul.dropdown,
#menubarFR ul.flyout,
#menubarJN ul.dropdown,
#menubarJN ul.flyout,
#menubarKR ul.dropdown,
#menubarKR ul.flyout,
#menubarSP ul.dropdown,
#menubarSP ul.flyout,
#menubarPG ul.dropdown,
#menubarPG ul.flyout { position: relative; top: 0px; left: 0px; visibility: hidden; }

/* don't change this unless you know what you are doing, this makes sure that the menus appear on the top like they are supposed to */
#menubarCH ul,
#menubarEN ul,
#menubarFR ul,
#menubarJN ul,
#menubarKR ul,
#menubarSP ul,
#menubarPG ul { z-index: 1 !important; }

#menubarCH #bridgetools,
#menubarEN #bridgetools,
#menubarFR #bridgetools,
#menubarJN #bridgetools,
#menubarKR #bridgetools,
#menubarSP #bridgetools,
#menubarPG #bridgetools{ margin-bottom: 0px; height: 5px; white-space: nowrap;}

/*HACKS*/
#imagespace1 #bridgetools{
	position:absolute;
	top: 250px;
	width: 200px;
	float: left;
	left: 75px;
}
#imagespace1 #bridgetools a{
	
}