/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

html { height:100%;}
html, body, p, .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #000; }
#main_body { padding: 0px; margin: 0px; background: #eee url(../images/bg.gif) repeat center top; height:100%; }
#main_container { height: 100%; width: 748px; border-right: 1px solid #fff; border-left: 1px solid #fff; margin-right: auto; margin-left: auto; }

.text p { margin:0px 0px 10px 0px; }
.text h1 { font-size: 20px; line-height: 20px; color: #0c1967; font-weight: normal; margin:0px 0px 15px 0px; }
.text h2, .text h3, .text h4, .text h5 { font-size: 14px; line-height: 16px; color: #0c1967; font-weight: normal; margin:15px 0px 2px 0px; }

.hometext p { font-size: 11px; line-height: 18px; color: #fff; }

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 6px; margin-top: 10px; padding-left: 5px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0px 6px; padding-left: 5px; margin-left: 5px; }

a:link, a:visited { color: #ff0d01; text-decoration: underline; }
a:hover, a:active{ color: #333; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #ccc; border-right: 0px; border-bottom: 0px; border-left: 0px; padding-bottom:5px; margin: 18px 0px 13px 0px !important; margin: 0px 0px 13px 0px; }

/*-- input, textarea { border: 1px solid #999; font-size: 11px; color: #1e3667; padding: 0px 5px;} --*/
.formbox { border: 1px solid #ccc; height: 16px; font-size: 11px; color: #1e3667; padding: 0px 5px;}
.formbox2 { border: 1px solid #ccc; height: 16px; font-size: 11px; color: #1e3667; padding: 0px 0px 0px 5px;}

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; padding:0px 0px 10px 20px;}
.photoleft { float:left; padding:0px 20px 10px 0px;}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { display:block; }


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { padding:15px 30px;color:#999;font-size:10px;line-height:10px; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#999; }
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:underline; }


/*----- TIER 2 NAVIGATION ELEMENTS (apply these to td) -----*/
/* HEADER */.Tier2_Head { background: url(../images/navigation/Tier2_top.gif) no-repeat left top; padding: 24px 0px 5px 11px; width:110px; font-weight:bold;}
/* OFF */.Tier2_Inactive a:link, .Tier2_Inactive a:visited 
	{ width:95px;padding:3px 0px 3px 23px;text-decoration:none;color:#4d4d4d;display:block;background:url(../images/bullet.gif) no-repeat 12px 7px; font-size:11px; line-height:13px; font-weight:bold; }
/* OFF HOVER */.Tier2_Inactive a:hover, .Tier2_Inactive a:active, .Tier2_Active a:link, .Tier2_Active a:visited, .Tier2_Active a:hover, .Tier2_Active a:active 
	{ width:95px;padding:3px 0px 3px 23px;text-decoration:none;color:#000;display:block;background:url(../images/bullet2.gif) no-repeat 12px 7px; font-size:11px; line-height:13px; font-weight:bold;  }

/*----- TIER 3 NAVIGATION ELEMENTS (apply these to td) -----*/

/* OFF */.Tier3_Inactive a:link, .Tier3_Inactive a:visited 
	{ width:83px;padding:3px 0px 3px 35px;text-decoration:none;color:#4d4d4d;display:block;background:url(../images/bullet.gif) no-repeat 24px 7px; font-size:10px; line-height:13px; font-weight:bold; }
/* OFF HOVER */.Tier3_Inactive a:hover, .Tier3_Inactive a:active, .Tier3_Active a:link, .Tier3_Active a:visited, .Tier3_Active a:hover, .Tier3_Active a:active 
	{ width:83px;padding:3px 0px 3px 35px;text-decoration:none;color:#000;display:block;background:url(../images/bullet2.gif) no-repeat 24px 7px; font-size:10px; line-height:13px; font-weight:bold; }


/*----- FOOTER ELEMENTS -----*/

.Footer { color: #ccc; padding-left:14px; }
.Footer a:link, .Footer a:visited { color: #fff; text-decoration:none; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:underline; }


/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */


/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

/*----- CUSTOM ARROW-REQUESTED STYLES -----*/
.AccordionTitle, .AccordionContent, .AccordionContainer
{ position:relative;
  width:200px; }

.AccordionTitle
{ height:20px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none; }

.AccordionContent
{ height:0px;
  overflow:auto;
  display:none; }

.AccordionContainer
{ border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1; }
  
/* Begin custom styles */  
.technology{
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 6px 0;
}

.openlanguage{
color: #FF0000;
}

.closedlanguage{
color: black;
}

.apple{
width: 100%;
}

.banana{
width: 80%;
}

.cherry{
width: 20%;
height: auto;
text-align: center;
}

td.cherry td{
width: 10%;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

.grape{
width: 20%;
text-align: center;
font-weight: bold;
}

