﻿BODY {
	padding: 0;
	margin: 0;
	background: #CCCCCC;
}

#page {  /* This style is for the overall div on the page */
	background: white;
	width: 760;
}

BODY, P, TD {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
}

H1, H2, H3 {
	margin-top:1em;
	margin-bottom:.5ex;
	font-family: Trebuchet MS;
	color: #003300;
	/*font-weight : normal;*/
}

H1 {
	font-size: 11pt;
	border-bottom: 1px solid;
}

H2 {
	font-size: 10pt;
}

H3 {
	font-size: 9pt;
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

HR {
	border : dotted Gray;
	height: 1px;
}

A:LINK, A:VISITED {
	color: #333333;
	text-decoration: underline;
}

A:HOVER {
	color: #003300;
}

UL {
	
}

LI {
	
}

#topnav { /* This style and the others related are for the main navigation section  */
	color: #99CC00;
	font-family: Trebuchet MS;
	font-size: 13px;
	padding: 5px;
}

#topnav a:link, #topnav a:visited {
	color: white;
	text-decoration: none;
	background: transparent;
	background-image: none;
	padding: 0px 10px 0px 5px,
}

#topnav a:hover {
	color: white;
	background-image: url(../images/arrow_topnav.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#topnav a.current:link, #topnav a.current:visited, #topnav a.current:hover  { /* This is for the active section link */
	color: white;
	background-image: url(../images/arrow_topnav.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#subnav {
	/* the secondary navigation */
	color: #006600;
	font-family: Trebuchet MS;
	font-size: 7pt;
	padding: 18px 2px 2px 5px;
	width: 100%;
	height: 40px;
	background-image: url(../images/banner/bg_sub.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	vertical-align: bottom;
}
 
#subnav a:link, #subnav a:visited {
	color: #006600;
	text-decoration: none;
	background-image: url(../images/arrow_subnav.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0px 10px 0px 8px;
}

#subnav a:hover {
	color: #006600;
	text-decoration: none;
	background-image: url(../images/arrow_subnav_on.jpg);
	background-repeat: no-repeat;
	background-position: center left;
}

#quicklinks {
	/* for FAQs, Contact Us, Links */
	background: #E3F3E6;
	height: 20px;
	border-style: solid;
	border-color : #FFFFFF;
	border-top-width : 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width : 0px;
	padding: 2px 10px 2px 10px;
	text-align: right;
}

#quicklinks a:link, #quicklinks a:visited, #quicklinks a:hover {
	color: #003300;
	text-decoration: none;
	padding-left: 10px;
}

#footernav { /* for the main links area in the footer */
	color: white;
	background: transparent;
	padding: 2px 5px 2px 5px;
	float: right;
	font-size: 8pt;
}

#footernav a:link, #footernav a:visited, #footernav a:hover {
	color: white;
	text-decoration: none;
	padding-left: 10px;
}

#footer { /* for the area below the footernav */
	
}

#maincontent { /* for the main page area */
	padding: 10px;
	height: 300px;
	vertical-align: top;
}

#user-center { /* for user-specific center on the right- eg. Investors, Distributors, Students */
	
}

.special {/*adds arrow to the right of a link*/
	padding-right: 12px;
	background-image: url(../images/arrow_special.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#aboutbox { /*for the right column about info*/
	padding: 46px 10px 10px 10px;
	height: 120px;
	background: #EDEDED;
	background-image: url(../images/rightcol/aboutcccl.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#productbox { /* for the right column featured product */
	padding: 46px 10px 10px 10px;
	height: 120px;
	background: #EDEDED;
	background-image: url(../images/rightcol/featuredproduct.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#resourcesbox { /*for the right column resources info*/
	padding: 46px 10px 10px 10px;
	height: 120px;
	background: #EDEDED;
	background-image: url(../images/rightcol/resources.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#resourcesbox a:link, #resourcesbox a:visited, #resourcesbox a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#resourcesbox a.special:link, #resourcesbox a.special:visited, #resourcesbox a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}

#resourcesbox p {
	padding-bottom: 5px;
}

#studentzonebox { /* for the right column student box */
	padding: 37px 0px 10px 0px;
	/*height: 120px;*/
	background: #EDEDED;
	background-image: url(../images/rightcol/studentzone.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#otherbox { /* for other info on the right column */
	padding: 10px;
}

.whitetext {
	color: white;
	font-size: 8pt;
	padding-left: 5px;
}

#welcome {
	padding: 10px;
}

#rightcol {
	height: 100%;
	background: #EDEDED;
}

#investorrelations {
	padding: 10px;
	padding-right:0px;
	
}

#investorrelations h1 {
	color: #333333;
	background: #DFDFDF;
	background-image: url(../images/header_bot_rightcol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 45px;
	vertical-align: bottom;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#investorrelations p {
	padding-bottom: 5px;
}

#investorrelations a:link, #investorrelations a:visited, #investorrelations a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#investorrelations a.special:link, #investorrelations a.special:visited, #investorrelations a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}

#newsbox { /* for the news area on the right column */
	padding: 10px;
}

#newsbox h1 {
	color: #333333;
	background: #BEBEBE;
	background-image: url(../images/header_bot_rightcol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 45px;
	vertical-align: bottom;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#newsbox p {
	padding-bottom: 5px;
}

#newsbox a:link, #newsbox a:visited, #newsbox a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#newsbox a.special:link, #newsbox a.special:visited, #newsbox a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}

#distributorbox { /* for the news area on the right column */
	padding: 10px;
}

#distributorbox h1 {
	color: #333333;
	background: #BEBEBE;
	background-image: url(../images/header_bot_rightcol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 45px;
	vertical-align: bottom;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#distributorbox p {
	padding-bottom: 5px;
}

#distributorbox a:link, #distributorbox a:visited, #distributorbox a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#distributorbox a.special:link, #distributorbox a.special:visited, #distributorbox a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}

#stocksbox { /* for the stocks area on the right column */
	padding: 10px;
}

#stocksbox h1 {
	color: #333333;
	background: #BEBEBE;
	background-image: url(../images/header_bot_rightcol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 45px;
	vertical-align: bottom;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#stocksbox p {
	padding-bottom: 5px;
}

#stocksbox a:link, #stocksbox a:visited, #stocksbox a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#stocksbox a.special:link, #stocksbox a.special:visited, #stocksbox a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}

#contactbox {
	padding: 10px;
	
}

#contactbox h1 {
	color: #333333;
	background: #DFDFDF;
	background-image: url(../images/header_bot_rightcol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 45px;
	vertical-align: bottom;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#contactbox p {
	padding-bottom: 5px;
}

#contactbox a:link, #investorrelations a:visited, #investorrelations a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#contactbox a.special:link, #investorrelations a.special:visited, #investorrelations a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}
.search-box input {
	background-color: #EDEDED;
	border: 0px none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

#operationsbox { /* for the news area on the right column */
	padding: 10px;
}

#operationsbox h1 {
	color: #333333;
	background: #DFDFDF;
	background-image: url(../images/header_bot_rightcol.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 45px;
	vertical-align: bottom;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

#operationsbox p {
	padding-bottom: 5px;
}

#operationsbox a:link, #operationsbox a:visited, #operationsbox a:hover {
	padding-left: 12px;
	background-image: url(../images/bullet_h3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#operationsbox a.special:link, #operationsbox a.special:visited, #operationsbox a.special:hover  {
	background-image: none;
	padding: 0px;
	/*float: right;*/
	text-decoration: underline;
}

/* Executive Section Begin **/

#executiveslist
{
	float:left;
    width:515px;
}

.topListArticle
{
	width:200px;
	float:left;
	padding-bottom:15px;
}

.articleTitle
{
    clear:left;
    text-align:left;
}


#executiveslist2
{
    clear:left;
    width:400px;
    height:auto;
}

.articleListimg
{
    float:left;
	width:100px;
	height:100px;
}

#executiveslist .articleListTitle
{
	
	text-align: left;
	clear: none;
	padding-right: 50px;
}




/** End **/