body {
	min-width: 1150px;								/* ### A minimum width MUST be specified in order for the columns not to overlap when browser is being resized ### */
	margin: 0em;
	font-family: Arial, monospace;
	font-size: 12pt;
	background-color: #b6b18a;
	cursor: default;
}

	div#HEADER {
		height: 100px;
		background: url('../images/BellecomLogo.gif') no-repeat;
		background-color: #eae7cf;
	}

		div#HEADER div#MOTTO p {
			margin-top: 0em;
			width: 450px;
			position: absolute;
			top: 4.5em;
			left: 18em;
			font-weight: bold;
			font-style: italic;
		}

		div#HEADER div#CONTACT {
			float: right;
			margin: 1em;
		}

			div#HEADER div#CONTACT p {
				margin-top: 0em;
				margin-bottom: 0em;
				font-weight: bold;
				text-align: right;
			}

	div#NAVIGATION {
		padding-top: 0.6em;
		background: url('../images/BellecomBackgroundLineTop.gif') repeat-x;
		font-weight: bold;
		color: #20201e;
	}
	
		div#NAVIGATION ul {
			margin-left: 0em;
			padding-left: 1em;
		}

			div#NAVIGATION ul li {
				display: inline;					/* ### Needed for the <li> tags being aligned horizontally instead of vertically ### */
				margin-right: 1em;
			}

		div#NAVIGATION ul#NAV {
			width: 750px;
			height: 30px;
			padding-top: 1em;						/* ### This is the adjustment that positions the nav bar correctly under the background line ### */
			padding-bottom: 1em;					/* ### This is in conjonction with the "padding-bottom: 6px" value below ### */
			background: url('../images/BellecomNavigation.gif') no-repeat;
		}

			div#NAVIGATION ul#NAV li.ACTIVE {
				
			}

				div#NAVIGATION ul#NAV li.ACTIVE a.OUTofORDER {
					color: #20201e;
					text-decoration: underline;
				}

				div#NAVIGATION ul#NAV li.ACTIVE span.NAVleft {
					padding-left: 12px;
					padding-top: 1em;
					padding-bottom: 1em;
					background: url('../images/BellecomNavigationActiveLeft2.gif') no-repeat left;
				}

					div#NAVIGATION ul#NAV li.ACTIVE span.NAVmiddle {
						padding-top: 1em;
						padding-bottom: 1em;
						padding-right: 8px;
						background: url('../images/BellecomNavigationActiveMiddle2.gif') repeat-x center;
					}

		div#NAVIGATION ul#Languages {
			float: right;							/* ### The right-sided <ul> list needs to float to the right of the browser ### */
			width: 150px;
			padding-top: 1em;
			padding-right: 1em;						/* ### Used instead of margin-right for IE 6 and lower compliance ### */
		}

			div#NAVIGATION ul#Languages li {
				margin-right: 0em;					/* ### Crucial for layout ### */
				padding-left: 0.5em;
				padding-right: 0.3em;
			}

				div#NAVIGATION ul#Languages li#LANGUAGE a{
					text-decoration: underline;
				}

	div#FRAME {
		margin-left: 1em;
		margin-right: 1em;
		padding-bottom: 1em;
	}

		h3.COLUMNtitle{								/* ### This is simple design for the column titles ### */
			margin: 0em;
			background-color: #646464;
			color: #eae7cf;
			border-bottom: 1px solid #eae7cf;
		}

	div#LEFT {
		float: left;								/* ### The left column must float on the left side of the browser ### */
		width: 240px;
		margin-bottom: 1em;
	}

		div#TOOLBAR {
			
		}

			div#TOOLBAR ul {
				background-color: #eae7cf;
				border-bottom: 1px solid #646464;
			}

				div#TOOLBAR ul li {
					padding-top: 0.5em;
					padding-bottom: 0.5em;
					border-top: 1px solid #646464;
					border-left: 1px solid #646464;
					border-right: 1px solid #646464;
				}

					div#TOOLBAR ul li:hover {			/* ### Does not work with IE 6 and below ### */
						background-color: #e7e7e7;
						font-weight: bold;
					}

					div#TOOLBAR ul li.ACTIVE {
						background-color: #e7e7e7;
					}

		div#PRODUCTS {
			
		}

			div#PRODUCTS h4 {
				margin-top: 1em;
				margin-bottom: 0em;
			}

			div#PRODUCTS h5 {
				margin-top: 0em;
				font-size: 8pt;
				color: #a31b1c;
			}
	
			div.FEATUREDProduct {
				height: 79px;
				margin-bottom: 1px;
				border-top: 1px solid #646464;		/* ### There must be a top border in order to have all the images and content properly aligned ### */
				border-left: 1px solid #646464;
				border-right: 1px solid #646464;
				border-bottom: 1px solid #646464;
				background-color: #e7e7e7;
			}

				div.FEATUREDProduct div.Description {
					height: 79px;					/* ### Necessary for IE 6 and lower ### */
				}

				div.FEATUREDProduct img {
					float: left;
					width: 79px;
					height: 79px;
					border-right: 1px solid #646464;
				}

	div#RIGHT {										/* ### For this three-column flexible central column layout to work, the right column MUST be place BEFORE the central column inside the XHTML code ### */
		float: right;								/* ### The right column must float on the right side of the browser ### */
		width: 150px;
		margin-bottom: 1em;
	}
	
		div#ADSENSE {
			
		}

		div#SPONSORS {
			
		}

		div#VALIDATOR {
			
		}

			div#VALIDATOR img {
				width: 88px;
				height: 31px;
			}

		div#RIGHT ul {
			padding-top: 1em;
			padding-bottom: 1em;
			border: 1px solid #646464;
		}

	div#CENTERframe {
		min-height: 600px;
		margin-left: 270px;		/* ### This provides a border to the center column text not to underlap the LEFT column ### */	 /* In this case the left margin is 30px wider than the left column */
		margin-right: 180px;	/* ### This provides a border to the center column text not to underlap the RIGHT column ### */ /* For uniformity the right margin is also 30px wider than the right column */
		background-color: #c3bb7c;
		margin-bottom: 1em;
	}

		div#CENTER {
			margin-top: 1em;
			padding-left: 1.5em;
			padding-right: 1.5em;
			padding-bottom: 1em;
		}

			div#CENTER p.exception {
				margin-top: 0em;
				margin-bottom: 2em;
			}

			ul.GOTO {
				list-style-image: url('../images/BulletGoTo.gif');
			}

			ul.GOTOexception {
				clear: both;
				list-style-image: url('../images/BulletGoTo.gif');
			}

			div#CENTER ul.Overview {
				float: left;
				list-style: circle;
				margin-left: 1em;
				margin-right: 3em;
				margin-bottom: 1em;
				font-weight: bold;
				font-size: 10pt;
			}

			div#CENTER ul.Overview li.Title {
				list-style: none;
				margin-bottom: 0.25em;
				color: #a31b1c;
				font-size: 12pt;
				text-decoration: underline;
			}

			div#CENTER p.img{
				text-align: center;
				font-weight: bold;
				font-size: 10pt;
			}

			/* part of index.php */
			div#HOMEintro {
				width: 625px;						/* @@@@@@@ Different value in the Frehcn MainFF.css version @@@@@@@ */
				margin-top: 1em;
				margin-left: auto;
				margin-right: auto;
				padding-bottom: 2em;
			}

				div#HOMEintro ul {
					padding-left: 1em;
					list-style-image: url('../images/BulletHomeIntro.gif');	
				}

					div#HOMEintro ul li {
						
					}

					div#HOMEintro ul em {
						font-style: normal;
						font-weight: bold;
					}

			/* part of home_bellecomnews.php */
			div#BELLECOMnews {
				border: 1px solid #959595;
				padding: 0em;
				margin-top: 1em;
				margin-bottom: 1em;
			}

				div#FIRSTpost {
					margin-bottom: 0.1em;
				}

				div.POST {
					border: 1px solid #e7e7e7;
					margin-top: 0.1em;
					margin-left: 0.1em;
					margin-right: 0.1em;
					margin-bottom: 0.5em;
					padding: 0.5em;

				}
				
					div#BELLECOMnews h4 {
						margin-top: 0em;
						margin-bottom: 0.5em;
					}

					div.POSTtext {
						background-color: #e7e7e7;
						padding: 0.5em;
						border: 1px solid #959595;
						text-indent: 1em;
						font-size: 10pt;
					}

			/* part of gen_contact.php */
			div#CONTACTbox  {
				float: right;
				margin-top: 2em;
				margin-right: 2em;
			}

				div#CONTACTbox p, div#CONTACTbox h4 {
					margin: 0em;
				}

				div#CONTACTbox p.exception {
					margin-bottom: 1em;
				}

	div#FOOTER {
		clear: both;								/* ### This assures that the footer sticks to the bottom right side of the browser and not to the left side of the right column,
														     if that right column happens to have greater height than the central column						           ### */
		height: 325px;								/* ### Makes sure that bottom background-color stays the same as the footer's ### */
													/* ### THIS IS JUST A QUICK FIX TO THE BACKGROUND PROBLEM ### */
		padding-top: 1em;
		text-align: right;
		background: url('../images/BellecomBackgroundLineBottom.gif') repeat-x;
		background-color: #eae7cf;
	}
	
		div#FOOTER ul {
			margin-right: 1em;
		}

				div#FOOTER ul li.BORDERexception {
					border: none;
				}

		div#FOOTER h5 {
			margin-right: 1em;
		}

	/* Grouped properties */
	div#FOOTER ul li,
	div#NAVIGATION ul#Languages li.BORDER {
		display: inline;
		margin-left: 0em;
		padding-left: 0.5em;
		padding-right: 0.3em;
		border-left: 1px solid black;
	}

	div#NAVIGATION,
	div#TOOLBAR,
	div#PRODUCTS,
	div#ADSENSE,
	div#SPONSORS {
		margin-bottom: 1em;
	}

	div#TOOLBAR,
	div#PRODUCTS,
	div#ADS,
	div#ADSENSE,
	div#SPONSORS,
	div#CENTERframe {
		border: 1px solid #eae7cf;
	}
	
	div#LEFT,
	div#RIGHT,
	div#CENTERframe h3.COLUMNtitle {
		text-align: center;
	}

	h3.COLUMNtitle,
	div#HEADER,
	div#LEFT,
	div#RIGHT,
	div#PRODUCTS h4,
	div#HOMEintro,
	div#CONTACTbox {
		font-size: 10pt;
	}

	/* <a> Tags */
	a:link {
		
	}

	a:visited {
		color: blue;
	}

	a.NagivationLink:visited {
		color: #646465;;
	}

	a.NagivationLinkACTIVE:visited {
		color: #646465;;
	}

	a:hover {
		
	}

	div#TOOLBAR a:hover {
		font-weight: bold;
	}

	a:active {
		
	}

	div#CENTERframe a {
		text-decoration: underline;
		font-weight: bold;
		font-style: italic;
	}

	div#NAVIGATION a {
		color: #eae7cf;
	}

	div#NAVIGATION a.NagivationLinkACTIVE {
		color: #181f84;
		text-decoration: underline;
	}

	div#FOOTER a {
		font-weight: bold;
		color: #181f84;
	}

	div#TOOLBAR a {
		color: #646465;
	}

	a.NagivationLink {
		text-decoration: none;
		color: #20201e;
	}
	
	a.NagivationLinkACTIVE {
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
		font-weight: bold;
		color: #646465;
	}

	/* Other Tags */
	ul {
		margin: 0em;
		padding: 0em;
		list-style: none;
	}
	
	em.underline {
		font-style: normal;
		text-decoration: underline;
	}
	
	em.bold {
		font-style: normal;
		font-weight: bold;
	}

	em.superscript {
		font-size: 6pt;
		vertical-align: super;
		font-style: normal;
	}

	img {
		border: none;
	}
	
	
	
	
	
ul#main li {
	list-style-image: url('../images/folder.gif');
}