/* CSS Document */

/* General Layout Elelements */

body {
margin-left: 0px; 
margin-top: 20px; 
margin-right: 0px;
margin-bottom: 20px; 
background-image: url('http://www.balticmill.com/yokoono/grass.jpg');
background-repeat: repeat;
background-position: top center;
background-color: #333;
text-align:center;
}

hr {
	height: 2px;
	border:0;
	color: #5A9344;
	width: 100%;
}


#centerContainer{
width: 900px;
margin-right: auto;
margin-left: auto;
text-align:left;
}

#container{
position:relative; 
width: 100%; 
height:auto;
float:left;
background-color:#fff;
}

#containerHomePage{
position:relative; 
width: 100%; 
height:480px;
float:left;
background-color:#fff;
}

#navigation { 
position:relative; 
width: 650px; 
height:70px; 
left:26px;
padding-top:30px;
float:left;
line-height: 10pt;
color:
}

#footer { 
position:relative; 
width: 100%; 
left:26px;
padding-top:30px;
float:left;
line-height: 10pt;
} 

#searchBox { 
position:relative; 
width: 225px; 
height:70px; 
left:32px; 
padding-top:30px;
float:left;
}

#pageTitle { 
position:relative; 
width: 100%; 
height:145px; 
left:26px; 
float:left;
}

/* HOMEPAGE LAYOUT ELEMENTS */

#homepageGraphic { 
position:relative;
width: 738px; 
height:305px; 
left:30px; 
top:105px;
}

/* HALF SPLIT IMAGE LEFT / TEXT RIGHT */
#halfSplitLeftContainer { 
position:relative; 
width: 418px;
height:auto;
float:left;
}

#halfSplitRightContainer {
position:relative;
width: 429px;
left:12px; 
float:left;
}

/* DIVISIONS WITHIN THE HALF SPLIT COLUMNS */

#smallLeftSplitRightContainer{
float:left;
width: 65px;
height: 65px;
}

#largeRightSplitRightContainer{
width: 359px;
}

#smallImageLeft {
float:left;
padding-right:12px;
padding-bottom:14px;
}

#smallImageRight{
float:left;
padding-bottom:14px;
}


/* WIDE LEFT IMAGE / THIN RIGHT TEXT LAYOUT ELEMENTS*/

#wideLeftImage {
position:relative; 
width: 633px;
/*height:418px;*/
left:26px; 
float:left;
margin-right:38px;
}

#thinRightText { 
position:relative; 
width: 203px; 
/*height:500px;*/
float:left;
}

/* WIDE RIGHT IMAGE / THIN LEFT TEXT LAYOUT ELEMENTS*/

#thinLeftText { 
position:relative;
left:26px;
width: 203px; 
float:left;
margin-right:38px;
margin-bottom: 12px;
}

#thinLeftTextRightM { 
position:relative;
width: 203px; 
float:left;
margin-right:12px;
}

#thinLeftTextLargeRightM { 
position:relative;
width: 203px; 
float:left;
margin-right:40px;
}

#wideRightImage {
position:relative; 
width: 633px;
height:418px;
float:left;
}

#wideRightText {
position:relative; 
width: 633px;
height:120px;
float:left;
}

#wideRightImageNoH {
position:relative; 
width: 605px;
float:left;
}

#halfWideImageRightM{
position:relative; 
width: 290px;
float:left;
margin-right:20px;
}

#halfWideImageNoM{
position:relative; 
width: 290px;
float:left;
}

#thumbnail{
margin-bottom:5px;
}

/* 4 COLUMNS LAYOUT ELEMENTS */
#col4LowerContainer{ 
position:relative;
width:848px;
left:26px;
margin-bottom:32px;
float:left;
}

#col4LowerContainerNoM{
position:relative;
width:848px;
left: 26px;
float:left;
}

#col4LowerContainerBottomM{
position:relative;
width:848px;
left: 26px;
float:left;
margin-bottom:20px;
}

#col4LowerContainerBottomMHeight137{
position:relative;
width:848px;
left: 26px;
float:left;
height:137px;
margin-bottom:32px;
}

#col4NoM{ 
position:relative; 
width: 203px;
float:left;
}

#col4RightM{ 
position:relative; 
width: 203px;
margin-right:11px;
float:left;
}

#col4BottomM{ 
position:relative; 
width: 203px;
float:left;
margin-bottom:14px;
}


#col4BottomMRightM{ 
position:relative; 
width: 203px;
margin-right:12px;
margin-bottom:14px;
float:left;
}

#col4TitleContainer{
position:relative;
width: 848px;
left:26px;
height:30px;
float:left;
}

/* 3 COLUMNS LAYOUT ELEMENTS */

#Yokocol3LowerContainer{ 
position:relative;
width:848px;
float:left;
}

#Yokocol3NoM{ 
position:relative; 
width: 275px;
float:left;
}

#Yokocol3RightM{ 
position:relative; 
width: 275px;
margin-right:11px;
float:left;
}

#Yokotext{ 
position:relative; 
width: 631px;
float:left;
margin-right: 11px;
margin-bottom:32px;
margin-top:32px;
}

#Yokotextright{ 
position:relative; 
width: 203px;
float:left;
margin-bottom:32px;
margin-top:32px;
}

#Yokotextright2{ 
position:relative; 
width: 275px;
float:left;
margin-bottom:32px;
margin-top:32px;
}

#Yokotext3col{ 
position:relative; 
width: 561px;
float:left;
margin-right: 11px;
margin-bottom:32px;
margin-top:32px;
}

#Yokotextright3col{ 
position:relative; 
width: 275px;
float:left;
margin-bottom:32px;
margin-top:32px;
}

/* IMAGES SPREADING OVER 2 COLUMNS ELEMENTS */
#col2NoM{
position:relative; 
width: 418px;
float:left;
}

#col2RightM{
position:relative; 
width: 418px;
margin-right:12px;
float:left;
}

#col2HalfHeightNoM{
position:relative; 
width: 418px;
float:left;
}

#col2HalfHeightRightM{
position:relative; 
width: 418px;
float:left;
margin-right:12px;
}

#col2BottomM{ 
position:relative; 
width: 403px;
float:left;
margin-bottom:12px;
}

#col2BottomMFixedH{ 
position:relative; 
width: 406px;
float:left;
height:110px;
}

/* IMAGES SPREADING OVER 2 COLUMNS ELEMENTS */
#col3NoM{
position:relative; 
width: 627px;
float:left;
}

#col3RightM{
position:relative; 
width: 627px;
float:left;
margin-right:12px;
}

#col3BottomM{ 
position:relative; 
width: 203px;
float:left;
margin-bottom:12px;
}


/* ONE LARGE CENTER IMAGE LAYOUT ELEMENTS */
#oneLargeCenterImage { 
position:relative; 
width: 848px; 
height:1025px; 
left:28px; 
}

/* MISCELANEOUS CONTAINERS */
#noSizeFloat {
position:relative;
float:left;
}

/* TEXT STYLES */

.cyan_plain_11 {
font-family: Arial;
color: #0099FF;
font-size: 11px;
line-height: 13px;
font-weight: normal;	
}

.cyan_plain_13 {
font-family: Arial;
color: #0099FF;
font-size: 13px;
line-height: 15px;
font-weight: normal;	
}

.cyan_bold_11 {
font-family: Arial;
color: #0099FF;
font-size: 11px;
line-height: 13px;
font-weight: bold;	
}

.cyan_bold_13 {
font-family: Arial;
color: #0099FF;
font-size: 13px;
line-height: 15px;
font-weight: bold;	
}

.cyan_bold_15 {
font-family: Arial;
color: #0099FF;
font-size: 15px;
line-height: 17px;
font-weight: bold;	
}

.cyan_bold_20 {
font-family: Arial;
color: #0099FF;
font-size: 20px;
line-height: 22px;
font-weight: bold;	
}

.blue_plain_11 {
font-family: Arial;
color: #5395B1;
font-size: 11px;
line-height: 13px;
font-weight: normal;	
}

.gray_bold_11 {
font-family: Arial;
color: #999999;
font-size: 11px;
font-weight: bold;	
}

.gray_bold_15 {
font-family: Arial;
color: #999999;
font-size: 15px;
line-height: 17px;
font-weight: bold;
}

.black_plain_11 {
font-family: Arial;
color: #000000;
font-size: 11px;
line-height: 13px;
font-weight: normal;	
}

.black_plain_13 {
font-family: Arial;
color: #000000;
font-size: 13px;
line-height: 15px;
font-weight: normal;	
}

.black_plain_9 {
font-family: Arial;
color: #000000;
font-size: 9px;
line-height: 11px;
font-weight: normal;
}

.black_bold_11 {
font-family: Arial;
color: #000000;
font-size: 11px;
line-height: 13px;
font-weight: bold;	
}

.black_bold_12 {
font-family: Arial;
color: #000000;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}

.black_bold_13 {
font-family: Arial;
color: #000000;
font-size: 13px;
line-height: 15px;
font-weight: bold;	
}

.black_bold_15 {
font-family: Arial;
color: #000000;
font-size: 15px;
line-height: 17px;
font-weight: bold;
}

.black_bold_20 {
font-family: Arial;
color: #000000;
font-size: 20px;
line-height: 22px;
font-weight: bold;
	
}

.green_bold_12 {
font-family: Arial;
color: #5A9344;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}

/* RED USED TO BE EE3224 */

.red_bold_11 {
font-family: Arial;
color: #E37721;
font-size: 11px;
font-weight: bold;	
}
.red_bold_12 {
font-family: Arial;
color: #E37721;
font-size: 12px;
line-height: 14px;
font-weight: bold;	
}

.red_bold_15 {
font-family: Arial;
color: #E37721;
font-size: 15px;
line-height: 17px;
font-weight: bold;	
}

.red_bold_20 {
font-family: Arial;
color: #E37721;
font-size: 20px;
line-height: 22px;
font-weight: bold;	
}
.yellow_bold_12 {
font-family: Arial;
color: #c90;
font-size: 12px;
line-height: 14px;
font-weight: bold;	
}
.yellow_bold_11 { font-family: Arial; color: #f90; font-size: 11px; font-weight: bold; }
.yellow_bold_11 a:active {color: #E37721;text-decoration: none;}

/* LINK STYLES */

a {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 11px;
font-weight: bold;	
}

a:link {color: #999999;	text-decoration: none;}
a:visited {color: #999999;text-decoration: none;}
a:hover {color: #E37721;text-decoration: none;}
a:active {color: #999999;text-decoration: none;}

/* USED TO BE 9C9EA0 */

.gray_link_9 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 9px;
line-height: 11px;
font-weight: normal;
}

.gray_link_11 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 11px;
line-height: 13px;
font-weight: normal;
}

.gray_link_11 a:link {color: #999999;text-decoration: none;}
.gray_link_11 a:visited {color: #999999;text-decoration: none;}
.gray_link_11 a:hover {color: #E37721;text-decoration: none;}
.gray_link_11 a:active {color: #999999;text-decoration: none;}

.gray_link_20 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 20px;
line-height: 22px;
font-weight: bold;
} 

.gray_bold_15 {
font-family: Arial;
color: #999999;
text-decoration: none;
font-size: 15px;
line-height: 17px;
font-weight: bold;
} 

.gray_link_20 a:link {color: #999999;text-decoration: none;}
.gray_link_20 a:visited {color: #999999;text-decoration: none;}
.gray_link_20 a:hover {color: #E37721;text-decoration: none;}
.gray_link_20 a:active {color: #E37721;text-decoration: none;}

a.linkclass_blue_11_underline {	
font-family: Arial, Helvetica, Verdana;	
color: #5395B1; 
font-size: 11px; 
line-height: 13px; 
text-decoration:underline;
} 

a.linkclass_blue_11_underline:link {color: #5395B1; text-decoration:underline;}
a.linkclass_blue_11_underline:visited {color: #5395B1;text-decoration: underline;}
a.linkclass_blue_11_underline:hover {color: #5395B1;text-decoration: underline;}
a.linkclass_blue_11_underline:active {color: #5395B1;text-decoration: underline;}

a.yellow_link_11 {
font-family: Arial;
color: #ffba00;
text-decoration: none;
font-size: 11px;
line-height: 13px;
font-weight: bold;
}

a.yellow_link_11:hover {color: #E37721;}


/* INPUT FIELDS ETC */

.searchField { 
height: 18px; 
width:175px; 
font-size: 11px; 
font-family: Arial; 
color: #333333; 
border-style: solid; 
border-color: #9C9EA0; 
border-width: 1 1 1 1;
}

.drop_down {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
height: 25px;
width: 150px;
}

.multipleSelect{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
height: 200px;
width: 200px;
}

.input_field {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: ##333333;
height: 25px;
width: 100%;
}


/* FLOATING TOOL TIP STYLING */

div#tipDiv {
font-family: arial;font-size: 10px;
font-weight:bold;
color:#EE3224;		
text-align: left;
position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
background-color:#FFFFFF; 
border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;
padding:5px;
width:150px;
  
}

/*new styles for social icons in page footer*/

#socialfooter {
	margin: 0 40px 0 0;
	padding: 0;
	float: right;
	text-align: right;
}

#socialfooter li { 
	margin: 0; 
	padding: 0;
	display:inline;  
}