/* Style sheet for Internet Future template */
body  { background: #FFFFFF; color: #333; text-decoration: none; font: normal 12px Verdana; }
input { background: #FFF; color: #000; text-decoration: none; font: normal 9px Verdana; }
h1    { color: #FFFFFF; font:  normal bold 25px Arial; margin-bottom: 4px; }
h2    { color: #FFFFFF; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h3    { color: #333333; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #333333; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #333333; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #738397; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol, ol ol, ol ol ol { color: #FEFEFE; text-decoration: none; font: normal 12px Verdana; }
ul       { color: #333333; text-decoration: none; font: normal 12px Verdana; }
ul ul    { color: #333333; text-decoration: none; font: normal 12px Verdana; }
ul ul ul { color: #333333; text-decoration: none; font: normal 12px Verdana; }
li       { color: #333333; text-decoration: none; font: normal 12px Verdana; }
li li    { color: #333333; text-decoration: none; font: normal 12px Verdana; }
li li li { color: #333333; text-decoration: none; font: normal 12px Verdana; }
.form { background: #FFFFFF; color: #33333; text-decoration: none; font: normal 14px Verdana; }
.input { background: #FFFFFF; color: #33333; text-decoration: none; font: normal 12px Verdana; }


/* Define upper left area */
.top1ft { background: #3966A5; background-image: url('images/design_elements/logo.jpg'); height: 6px  }

/* Define upper right area */
.topctr { background: #3966A5; color: #FFFFFF; font: bold 20px Arial; padding: 10px; }
	
/* Define upper right area */
.toprt { background: #3966A5; color: #FFFFFF; font: bold 10px Verdana; padding: 10px; }
.toprt a:link    { color: #FFFFFF; text-decoration: none; font: bold 10px Verdana; }
.toprt a:active  { color: #333333; text-decoration: none; font: bold 10px Verdana; }
.toprt a:visited { color: #FFFFFF; text-decoration: none; font: bold 10px Verdana; }
.toprt a:hover   { color: #333333; text-decoration: none; font: bold 10px Verdana; }

/* Define horizontal menu areas */
.menubar { background: #917B0C; font: bold 11px Verdana; height: 25px; }
.menubar a:link    { color: #FFFFFF; text-decoration: none; font: bold 12px Verdana; }
.menubar a:active  { color: #333333; text-decoration: none; font: bold 12px Verdana; }
.menubar a:visited { color: #FFFFFF; text-decoration: none; font: bold 12px Verdana; }
.menubar a:hover   { color: #333333; text-decoration: none; font: bold 12px Verdana; }
.undermenubar { background: #917B0C; font: bold 11px Verdana; height: 7px; }
	
/* Define text boxes */
.textboxtop { background: #917B0C;  font: normal bold 12px Verdana; color: #FFFFFF;
	height: 18px;  }
.textbox { background: #E1DCBC; text-decoration: none; font: 11px Verdana; color: #000000; padding: 2px; line-height: 12px;}
.textbox a:link    { color: #122685; text-decoration: none; font: bold 11px Verdana; }
.textbox a:active  { color: #917B0C; text-decoration: none; font: bold 11px Verdana; }
.textbox a:visited { color: #122685; text-decoration: none; font: bold 11px Verdana; }
.textbox a:hover   { color: #917B0C; text-decoration: none; font: bold 11px Verdana; }
.textboxbot { background: #FFFFFF;  font: #000000 normal bold 10px Verdana; height: 10px; padding-right: 5px; }
.textboxcenter { background: #FFFFFF; font: normal 12px Verdana; color: #000000 padding-right: 5px; padding-left: 5px; padding: 10px; line-height: 18px; }


/* Define vertical menu areas */
.menuboxtop { background: #3966A5; font: normal bold 14px Arial; height: 18px; height: 25px; }
.menubox { background: #E1DCBC; text-decoration: none; font: 11px Verdana; color: #OOOO00; padding: 2px; line-height: 12px;}
.menubox a:link    { color: #122685; text-decoration: none; font: bold 11px Verdana; }
.menubox a:active  { color: #917B0C; text-decoration: none; font: bold 11px Verdana; }
.menubox a:visited { color: #122685; text-decoration: none; font: bold 11px Verdana; }
.menubox a:hover   { color: #917B0C; text-decoration: none; font: bold 11px Verdana; }


/* Define main sections */
.leftside { background: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; color: #FFF; width: 222px; }
.rightside { background: #000; font: normal normal 11px Verdana, Arial, sans-serif; width: 225px; }
.main { background: #FFF; color: #000000; font: normal normal 10px/12px Verdana, Arial, sans-serif; padding: 10px; }

/* Define product page sections */
.productbox { background: #FFFFFF; color: #3966A5; font: normal normal 12px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	 }
.productboxtop { background: #3966A5; color: #FFF; font: normal bold 18px/20px Arial; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; 
	border-top: 1px solid #CCC; border-left: 1px solid #CCC;  border-right: 1px solid #CCC;  }
.products { background: #FFF; font: normal 12px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px;}
.products a:link    { color: #BE1301; text-decoration: none; font: bold 12px Verdana; }
.products a:active  { color: #333333; text-decoration: none; font: bold 12px Verdana; }
.products a:visited { color: #BE1301; text-decoration: none; font: bold 12px Verdana; }
.products a:hover   { color: #333333; text-decoration: none; font: bold 12px Verdana; }
.productssleft { background: #FFF; color: #333; border-left: 0px solid #CCC; border-top: 0px solid #CCC; 
	padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; 
	font: normal 9px Verdana; }
.productssleft ul       { color: #333333; text-decoration: none; font: normal 9px Verdana; }
.productssleft ul ul    { color: #333333; text-decoration: none; font: normal 9px Verdana; }
.productssleft ul ul ul { color: #333333; text-decoration: none; font: normal 9px Verdana; }
.productssleft li       { color: #333333; text-decoration: none; font: normal 9px Verdana; }
.productssleft li li    { color: #333333; text-decoration: none; font: normal 9px Verdana; }
.productssleft li li li { color: #333333; text-decoration: none; font: normal 9px Verdana; }
.productssright { background: #FFF; color: #333; border-left: 1px solid #CCC; border-top: 1px solid #CCC; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #CCC;
	font: normal normal 11px Verdana, Arial, sans-serif; }


/* Define horizontal rule */
HR { height:1px; width: 96%; background:#CCC; margin: 0% 2% 0% 2%; }

/* Define footer area */
.footer { background: #FFFFFF; font:  normal normal 9px Verdana; color: #333333; border-top: 1px solid #BFAD57; border-bottom: 1px solid #BFAD57; }
.footer a:link    { color: #BFAD57; text-decoration: none; font: bold 9px Verdana;  }
.footer a:active  { color: #BFAD57; text-decoration: none; font: bold 9px Verdana;  }
.footer a:visited { color: #BFAD57; text-decoration: none; font: bold 9px Verdana;  }
.footer a:hover   { color: #333333; text-decoration: underine; font: bold 9px Verdana; }

	
/* Define standard hyperlinks */	
a:link  { color: #122685; text-decoration: none; font: bold 12px Verdana; }  
a:active { color: #333333; text-decoration: none; font: bold 12px Verdana; }
a:visited { color: #122685; text-decoration: none; font: bold 12px Verdana; }
a:hover { color: #917B0C; text-decoration: none; font: bold 12px Verdana; }

/* Define webhost */
.plantitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding: 5px 5px 5px 0px;
	font-weight: bold;
}
.plansubtitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 5px 5px 5px 0px;
	font-weight: bold;
}