body { color: #000080; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; background-color: transparent; max-width: 2000px; }


#wrap { background-image: url(../img/left-repeater.gif); background-repeat: repeat-y; background-attachment: scroll;  width: 100%; margin: 0; padding: 0; background-position: 28% 0;}


#yourway  { background-image: url(../img/top-repeater.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; height: 130px; width:100%; z-index: 1; float: left; }

.logo { margin: 0; padding: 0 0 0 30px; float: left; background-image: url(../img/pcball.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center; position: absolute; top: 20px; left:0; width: 70px; height: 100px; z-index: 4; }

.plate { background-image: url(../img/plate-72.gif); background-repeat: no-repeat; background-attachment: scroll; position: absolute; top: 15px; left: 79px; width: 433px; height: 95px; z-index: 12; float: left; }

#textsize ul{ padding-right: 1em; position: absolute; left: 90%; z-index: 1; float: right; margin-top: 2em; list-style: none; }

#textsize li { height:25px; z-index: 10; float: right; margin-top: 8px; margin-right: 5px; list-style-type: none; list-style-image: none; display: inline; } 
 
#head .repeater
{ background-image: url(../img/top-repeater.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; height: 110px; width:100%; z-index: 1; }



#main-body { float: left; width: 68%; clear: both; }

#content { clear: left; float: right; width: 60%; line-height:160%; color: #000080; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; margin-top: 4px; }

.slideshowdrop { width: 400px; height: auto; }

h1 { 
color: #000080; 
font-size: 225%; 
font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; background-color: transparent; }


 .name { color: #000080; 
 font-size: 75%; font-family: Georgia, "Times New Roman", Times, serif; line-height: normal; background-color: transparent; float: right; }


h2 { 
color: #00008b; 
font-size: 175%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: normal; 
background-color: transparent; 
}

h3 { 
color: #00008b; 
font-size: 120%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: normal; 
background-color: transparent; 
}

h4 { 
color: #00008b; 
font-size: 110%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 160%; 
background-color: transparent;
 }
 

h5 { 
color: #00008b; 
font-size: 90%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 140%; 
background-color: transparent; 
}


h6 { color: #00008b; 
font-size: 100%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 50%; 
background-color: transparent; 
}

p { 
color: #00008b; 
font-size: small; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 160%; 
background-color: transparent; 
}

a:link { 
color: #00008b; 
font-size: small; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: 700; 
font-variant: small-caps; 
line-height: 160%; 
background-color: transparent; 
}

a:visited {
 color: maroon; 
 font-size: small; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-variant: small-caps; 
 line-height: 160%; 
 background-color: transparent; 
 }
 
a:hover { 
color: #b22222; 
font-size: small; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700; 
line-height: 160%; 
background-color: transparent; 
}

#wrap {max-width: 3000px;}

#wrap-inner { background-image: url(../img/left-repeater.gif); background-repeat: repeat-y; background-position: 28% ;background-attachment: scroll; }


#header {
 background-image: url(../img/top-repeater.jpg); background-repeat: repeat-x; 
 background-attachment: scroll; 
 background-position: left top; 
 height: 110px; 
 }
 
#mainbody { 
width: 70%; 
float: left; 
}


#content { color: #000080; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 160%; background-color: #fff; width: 55%; float: right; padding: 5px 20px 5px 0; }
 
#sidebar { width: 30%; float: left; margin-right: 5%; margin-left: 3%; padding-top: 1px; }

#sidebar2 { width: 25%; float: right; margin-right: 5px; padding-top: 5px; }


.boxpanel2 { background-position: center top; width: 220px; height: 401px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 2px; }


.boxpanel { background-image: url(../img/panels/nica09promo215327.jpg); background-repeat: no-repeat; background-position: center top; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 2px; width: 290px; height: 640px; }
.rightbox { color: #00008b; font-size: 85%; line-height: 1.2%; background: url(../img/sidebar2/div-bottom2.gif) no-repeat center top; z-index: 1; padding: 3px 14px; }
 
 .rightbox h3 { font-size: 130%; color: #333; background: url(../img/sidebar2/h3-bg2.gif) no-repeat center top; text-align: center; z-index: 2; padding-right: 14px; padding-bottom: 4px; padding-left: 14px; }


.box { font-size: 85%; line-height: 1.2em; color: #666; background-color: white; margin: 27px 1px 27px 5px; padding: 8px 5px 6px; }

.box-t { font-size: 85%; line-height: 1.2em; color: #666; background-color: transparent; margin: 27px 1px 27px 5px; padding: 8px 5px 6px; }

.boxcenter { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 3px; padding: 3px; border: dotted 2px #dcdcdc; }

.boxcentervalid { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../img/valid-xhtml10-blue.png) no-repeat right 0; margin: 3px; padding: 3px; border: outset 2px #dcdcdc; }


.boxcentervalidw3c { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; width: 88px; height: 31px; float: right; margin: 3px; padding: 3px; }

.boxraised { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e4efe4; background-repeat: no-repeat; width: 100%; margin: 3px; padding: 9px 9px 3px; border: outset 3px #dcdcdc; }

.boxraised-y { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e6eede; background-repeat: no-repeat; width: 100%; margin: 3px; padding: 9px 9px 3px; border: outset 3px #dcdcdc; }

.boxraised-z { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dbe2d0; background-repeat: no-repeat; width: 100%; margin: 3px; padding: 9px 9px 3px; border: outset 3px #dcdcdc; }


.boxraised-x { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dde7d4; background-repeat: no-repeat; width: 100%; margin: 3px; padding: 9px 9px 3px; border: outset 3px #dcdcdc; }

.answer { font-size: small; line-height: 160%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #dde7d4; background-repeat: no-repeat; width: 90%; margin: 3px; padding: 9px 9px 3px; border: outset 2px transparent; }

.box h3 { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #069; background-color: transparent; }

.box dt { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #693; background-color: transparent; margin: 0; padding: 5px; }

#promoheader { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #693; background-color: #fff; margin: 0; padding: 5px; }

.box dd{ color: #00008b; background-color: transparent; margin: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.box h4 { background-color: white; margin: 0; border: dotted 1px #069; }

.box p, .box ul{ color: #00008b; background-color: #fff; padding: 0 5px; }

.box ul li { color: #00008b; background-color: transparent; margin: 0 0 8px; padding: 0; list-style: none; }

.box-a { font-size: small; line-height: 160%; color: #069; background-color: white; margin: 27px 1px 27px 5px; padding: 8px 5px 6px; border: dotted 1px; }

.box-a h3 { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #069; background-color: #fff; }

.box-a dt { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #693; background-color: #fff; margin: 27px 27px 27px 5px; padding: 5px; }

.box-a dd{ color: #00008b; background-color: #fff; margin: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
.box h4 { background-color: white; margin: 0; border: dotted 1px #069; }

.box-a p, .box ul{ color: #00008b; background-color: #fff; padding: 0 5px; }

.box-a ul li { color: #00008b; background-color: transparent; margin: 0 0 8px; padding: 0; list-style: none; }

.box-b { font-size: 85%; line-height: 1.5em; color: #069; background-color: white; margin: 27px 0 27px 5px; padding: 8px 3px 6px 5px; border: dashed 1px; }

.box-b h3 { font-family: Georgia, serif; font-size: 140%; font-weight: normal; color: #008080; background-color: #fff; }

.box-c h4 { color: #008080; font-size: 140%; font-family: Georgia, serif; font-weight: normal; background-color: transparent; }
.box-c { font-size: 85%; line-height: 1.5em; color: #069; background-color: transparent; margin: 27px 1px 27px 5px; padding: 8px 2px 6px; }


#footer { clear: both; background: #cc9; text-align: center; width: 100%; }


#data li{ color: #000; padding: 0 8% 0 0; font-size: small; background-color: #cc9;; background-position: center; text-align: center; width: 100%; list-style-type: none; list-style-image: none; display: inline; }

#data2 li{ color: #000; padding: 0 5% 0 0; font-size: small; background-color: #cc9;; background-position: center; width: 100%; list-style-type: none; list-style-image: none; display: inline; }

#credits {

background: white;
}


/* the horizontal index menu starts here */

#menu { /* all lists ; put in aboslute page positioning later*/
	font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 95px; width: 95%; list-style: none; font-weight: normal; font-style: normal; background-attachment: scroll; text-align: center; z-index: 900; float: right; }


#menu ul { /* all lists */
	padding: 0; list-style: none; line-height: 16em; color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: transparent; background-position: 0 0; text-align: left; left: 2em; width: 10em; z-index: 10; padding: 0 8px; float: right; }
	
#menu a, #menu h2 { color: #00008b; font: 11px/16px arial, helvetica, sans-serif; background: transparent; text-transform: uppercase; text-align: center; }

#menu h2 { color:#069; font-size: 11px; font-weight: bold; line-height: 16px; background: transparent; text-transform: uppercase; left: 10px; border-bottom: 2px solid #008080; }

#menu a { color: #00008b; font-size: 11px; line-height: 16px; background: transparent; text-decoration: none; width: 16em; margin-left: 2px; }

#menu a:hover { color: #a00; font-size: 11px; line-height: 16px; background: transparent; width: 16em; }

#menu li { /* all list items ; can't put 20% in here; messes up structure*/
	float: left; color: #00008b; font-size: 11px; line-height: 16px; background-color: transparent; width: 12em; padding: 0; }
	

#menu ul ul { background-color: #f5f5f5; position: absolute; z-index: 500; }

#menu ul ul ul { background-color: #dcdcdc; position: absolute; top: 0; left: 100%; }

#menu li ul ul  /* distance for flyout to sit from dropdown */ { /* third-and-above-level lists and this sets where the medly sits */
	width: 8em; margin: -1em 0 0 8em; }

#menu li ul { /* second-level lists */
	position: absolute; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li:hover ul /*  SET WIDTH FOR SUBMENU LIST HERE */ { left: auto; width: 15em; padding: 1em 3em 1em 1em; }

#menu li:hover ul ul { left: -999em; }


#menu li:hover ul ul ul{ left: -999em; } 
#menu li.sfhover ul ul{left: -999em;} 
#menu li.sfhover ul ul ul {left: -999em;}



#menu li li:hover ul {left: auto; width: 16em;}

#menu li li li:hover ul{left: auto; width: 10em;}

#menu li.sfhover ul {left: auto; width: 10em;}

#menu li li.sfhover ul {left: auto; width: 10em;} 

#menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; width: 10em;
}
.menubar { background-color: transparent; background-image: url(../img/menu-repeater.gif); background-repeat: repeat-x; background-attachment: scroll; position: absolute; top: 115px; left: 10px; width: 98%; height: 21px; z-index: 7; float: right; }

.feature {  margin: 15px 0; padding: 15px 3px; list-style-type: none; }

.feature dt { font-family: Georgia, serif; font-size: 115%; color: #006400; line-height: 160%; background-color: transparent; }

.feature2 dt { font-family: Georgia, serif; font-size: 130%; color: #006400;  line-height: 160%; background-color: transparent; }

dl .feature2 dd { font-size: small; color: #f00; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 160%; background-color: transparent; }

.feature dt img { float: left; margin: 0 7px 0 0; padding: 0 4px 4px 0; background-image: url(../img/photo-frame.gif); background-repeat: no-repeat; }

.feature dd { margin-left: 10px; font-size: 80%; line-height: 140%; color: #000080; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; float: right; }


dd .feature { margin-left: 10px; font-size: 54%; line-height: 140%; color: #000080; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; }




.featurefairtrade {  margin: 15px 0; padding: 15px 3px; list-style-type: none; }

.featurefairtrade dt { font-family: Georgia, serif; font-size: 115%; color: #006400; line-height: 160%; background-color: #e6eede; }

.feature2 dt { font-family: Georgia, serif; font-size: 130%; color: #006400;  line-height: 160%; background-color: transparent; }

dl .feature2 dd { font-size: small; color: #f00; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 160%; background-color: transparent; }

.feature dt img { float: left; margin: 0 7px 0 0; padding: 0 4px 4px 0; background-image: url(../img/photo-frame.gif); background-repeat: no-repeat; }

.feature dd { margin-left: 10px; font-size: 80%; line-height: 140%; color: #000080; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; float: right; }


dd .feature { margin-left: 10px; font-size: 54%; line-height: 140%; color: #000080; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; }







content dl dt { color: #099; font-size: 120%; font-family: Georgia, "Times New Roman", Times, serif; }


content dl dd { margin-left: 10px; font-size: 80%; line-height: 140%; color: #000080; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: transparent; }


 .featureright { background-color: #fff; margin: 15px 0; padding: 15px 5px 15px 10px; list-style-type: none; }

.featureright dt { font-family: Georgia, serif; font-size: 120%; color: #006400; line-height: 160%; background-color: #fff; }

.featureright dt img { float: right; margin: 0 5px 0 0; padding: 0 4px 4px 0; background-image: url(../img/photo-frame.gif); background-repeat: no-repeat; }

.featureright dd { font-size: 115%; line-height: 160%; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }

#contentrdm { float: right; font-size: 98%; line-height: 1.6em; background-color: transparent; width: 60%; z-index: 10; }

#contentrdm h2 { 
font-family: Georgia, serif; 
font-size: 150%; 
color: #556b2f; 
}


#contentrdm h3 { font-size: 120%; color: #008000; font-family: Verdana, Arial, Helvetica, sans-serif; }


dl.feature250 { background-color: transparent; margin: 15px 0; }

dl.feature250:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

dl.feature250 dt img { background-image: url(../img/photo-frame.gif); background-repeat: no-repeat; float: left; margin: 0 4px 0 0; padding: 0 4px 4px 0; }

dl.feature250 dt  { font-size: small; line-height: 1.6em; background-color: #000080; }


dl.feature250 dd { front-size: small; line-height: 1.6em; color: #006400; font-size: small; background-color: transparent; }



dl.feature250x { background-color: transparent; margin: 15px 0; }

dl.feature250x:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

dl.feature250x dt img {  float: left; margin: 0 4px 0 0; padding: 0 4px 4px 0; }

dl.feature250x dd { front-size: 98%; line-height: 1.5em; color: #000080; background-color: transparent; }



dl.feature250right { background-color: transparent; float: right; margin: 15px 0; }

dl.feature250right:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

dl.feature250right dt img {
float: right;
margin: 0 0 0 4px;
padding: 0 4px 4px 0;
}

dl.feature250 { background-color: transparent; margin: 15px 0; }

dl.feature250:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
#main {

 }
 
#answer h3 { 
color: #00008b; 
font-size: 120%; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: normal; 
background-color: transparent; 
}