body {
	background-color: #FFCC33;
	color: #000066;
	font-family: arial, sans-serif;
	margin:10px 10px 0px 10px;
	padding:0px;
}

/* Begin Menu CSS (test mode as of 8/8/05) */

.domenabled #finderparent {
	position:relative;
	height:150px;
}

.domenabled #finder {
	position:absolute;
	top:1em;
	left:1em;
}

.domenabled ul#finder, .domenabled ul#finder li, .domenabled ul#finder ul {
	width:250px;
	list-style-type:none;
	margin:0;
	padding:0;
}

.domenabled ul#finder ul.hidden {
	top:0px;
	left:-2000px;
	position:absolute;
}

.domenabled ul#finder ul.shown {
	top:0px;
	left:250px;
	position:absolute;
}

.domenabled ul#finder li a {
	color:#000;
	background:url(images/normal.gif) no-repeat #fff 0 50% ;
	padding-left:16px;
	text-decoration:none;
}

domenabled #finder a.open {
	background:url(images/arrowon.gif) no-repeat 90% 50% #eee;
	padding-right:16px;
	padding-left:0px;
	display:block;
}

.domenabled #finder a.parent {
	background:url(images/arrow.gif) no-repeat #fff 100% 50%;
	padding-right:16px;
	padding-left:0px;
}

/* End Menu CSS */

a:link {
	color: #000066;
}

a:visited {
	color: #FF3399;
}

a:active {
	color: #4F4F4F;
	text-decoration: underline
}

a:hover {
	color: #FFFFFF;
	text-decoration: underline
}

/* assigns body elements for all pages */

#leftcontent {
	position: absolute;
	left:10px;
	top:50px;
	width:200px;
	background-color: #FFCC33;
}

/*
can add:
	border:1px solid #000;
to #leftcontent style above
*/

#centercontent {
	position: absolute;
	top: 5px;
	background-color: #FFCC33;
	margin-left: 49px;
	margin-right: 49px;
	border:1px solid #000;

		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurely close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.

		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.

		Read more at http://www.glish.com/css/hacks.asp
		*/

	voice-family: "\"}\"";
	voice-family: inherit;
   	margin-left: 51px;
   	margin-right: 51px;
}

/*

html>body #centercontent {
	margin-left: 51px;
	margin-right: 51px;
}
*/

#rightcontent {
	position: absolute;
	right:10px;
	top:50px;
	width:200px;
	background-color: #FFCC33;
	border:1px solid #000;
}

/*
can add:
	border:1px solid #000;
to #rightcontent style above
*/

#banner {
	background-color: #FFCC33;
	height:40px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:39px;
}

html>body #banner {
	height:39px;
}

P.regular {
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
}
/* spacing = 1.5, left align every paragraph,
define the font, size and color */

div.row {
	clear: both;
	padding-top: 10px;
}

div.row span.label {
	float: left;
	width: 250px;
	text-align: right;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

div.row span.formw {
	float: right;
	width: 300px;
	text-align: left;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

P.title {
	color: #000066;
	font-size: 16pt;
	line-height: 1.75;
	text-align: left;
	font-style: italic;
	text-decoration: underline;
}
/* spacing = 1.75, left align and underline,
define the font, size and color */

P.aroundtable {
	color: #000066;
	font-size: 14pt;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}
/* single space, center align every paragraph,
define the font, size and color */

.feature {
	color: #000066;
	font-size: 10.5pt;
	text-align: center;
	line-height: 1.5;
}
/* spacing = 1.5, center align every paragraph,
define the font, size and color */

.featureleft {
	color: #000066;
	font-size: 10pt;
	text-align: left;
	line-height: 1.5;
}
/* spacing = 1.5, left align every paragraph,
define the font, size and color */

H2.headline {
	color: #000066;
	font-size: 18pt;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
}
/* spacing = 1.5, center align every paragraph,
define the font, size and color */

P.table {
	color: #000066;
	font-size: 11pt;
	line-height: 1.2;
	text-align: left;
	font-weight: bold;
}
/* spacing = 1.2, left align every paragraph,
define the font, size and color */

P.tablelist {
	color: #000066;
	font-size: 11pt;
	line-height: 1;
	text-align: left;
	font-weight: bold;
}
/* single space, center align every paragraph,
define the font, size and color */

.boxedleft {
	border-color: #000066;
	border-width: 5px;
	border-style: solid;
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 100px;
}
/* double space, right align every paragraph,
define the font, size and color (box and text) */

.newboxedcenter {
	border-color: #000066;
	border-width: 5px;
	border-style: solid;
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
}
/* double space, center align every paragraph,
define the font, size and color (box and text) */

.boxedright {
	border-color: #000066;
	border-width: 5px;
	border-style: solid;
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: right;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 400px;
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 100px;
	padding-right: 15px;
}
/* double space, left align every paragraph,
define the font, size and color (box and text) */

.cboxedleft {
	border-color: #000066;
	border-width: 3px;
	border-style: solid;
	color: #000066;
	font-size: 10pt;
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 400px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 100px;
}
/* double space, right align every paragraph,
define the font, size and color (box and text) */

.cboxedcenter {
	border-color: #000066;
	border-width: 3px;
	border-style: solid;
	color: #000066;
	font-size: 10pt;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 205px;
	margin-right: 205px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 55px;
	padding-right: 55px;
}
/* double space, center align every paragraph,
define the font, size and color (box and text) */

.cboxedright {
	border-color: #000066;
	border-width: 3px;
	border-style: solid;
	color: #000066;
	font-size: 10pt;
	line-height: 1.5;
	text-align: right;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 400px;
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 100px;
	padding-right: 15px;
}
/* double space, left align every paragraph,
define the font, size and color (box and text) */

.boxedquote {
	border-color: #000066;
	border-width: 3px;
	border-style: solid;
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 100px;
	margin-right: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 75px;
	padding-right: 75px;
}
/* double space, center align every paragraph,
define the font, size and color (box and inspirational text) */

form.boxedform {
	border-color: #000066;
	border-width: 3px;
	border-style: solid;
	color: #000066;
	font-size: 14pt;
	line-height: 2;
	text-align: left;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 100px;
	margin-right: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 75px;
	padding-right: 75px;
}
/* double space, center align every paragraph,
define the font, size and color (box and text for form) */

.textcenter {
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: center;
	font-weight: bold;
}

/* double space, center align every paragraph,
define the font, size and color (text only) */

.textright {
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: right;
	font-weight: bold;
}
/* double space, center align every paragraph,
define the font, size and color (text only) */

.textleft {
	color: #000066;
	font-size: 14pt;
	line-height: 1.5;
	text-align: left;
	font-weight: bold;
}
/* double space, center align every paragraph,
define the font, size and color (text only) */

/*
From the Holy Grail glish.com site


	body {
		margin:10px 10px 0px 10px;
		padding:0px;
		}

	#leftcontent {
		position: absolute;
		left:10px;
		top:50px;
		width:200px;
		background:#fff;
		border:1px solid #000;
		}

	#centercontent {
		background:#fff;
   		margin-left: 199px;
   		margin-right:199px;
		border:1px solid #000;
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurely close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.

		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.

		Read more at http://www.glish.com/css/hacks.asp
		*/

		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:201px;
		}
	html>body #centercontent {
   		margin-left: 201px;
   		margin-right:201px;
		}

	#rightcontent {
		position: absolute;
		right:10px;
		top:50px;
		width:200px;
		background:#fff;
		border:1px solid #000;
		}

	#banner {
		background:#fff;
		height:40px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		border-left:1px solid #000;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:39px;
		}
	html>body #banner {
		height:39px;
		}

	p,h1,pre {
		margin:0px 10px 10px 10px;
		}

	h1 {
		font-size:14px;
		padding-top:10px;
		}

	#banner h1 {
		font-size:14px;
		padding:10px 10px 0px 10px;
		margin:0px;
		}

	#rightcontent p {
		font-size:10px
		}

</style>
</head><body>
<div id="banner"><h1><a href="home.asp">LAYOUT TECHNIQUES</a>: 3 columns, the holy grail</h1></div>
<div id="leftcontent">
	<h1>leftcontent</h1>
<pre>#leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000;
	}</pre>
	<p class="greek">
	 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
	</p>
</div>

<div id="centercontent">
	<h1>centercontent</h1>
<pre>#centercontent {
background:#fff;
margin-left: 199px;
margin-right:199px;
border:1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:201px;
	}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
	}</pre>
	<p>This is the most elegant technique and perhaps the most sought after layout: a 3 column page with a fluid center column. Easy to understand, easy to implement. I first saw this layout at <a href="http://www.wrongwaygoback.com">dynamic ribbon device</a> and have since learned that the sweet CSS came from Rob Chandanais of <a href="http://www.bluerobot.com">BlueRobot</a>. Owen also made a very nice <a href="http://members.home.net/bigstripes/tutorial/css_3box_plus_topbox.html">tutorial</a> using this layout technique.</p>
	<p>Read about the IE5x PC workaround in use on this page <a href="hacks.asp">here</a>.</p>
	<p><strong>Scroll down for the source.</strong></p>
	<p class="greek">
	 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exercitation ulliam corper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem veleum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel willum lunombro dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
	</p>
	<p class="greek">Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc., li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilit‡ de un nov lingua franca: on refusa continuar payar custosi traductores. It solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.
	</p>
	<br />
</div>

<div id="rightcontent">
	<h1>rightcontent</h1>
<pre>#rightcontent {
position: absolute;
right:10px;
top:50px;
width:200px;
background:#fff;
border:1px solid #000;
	}</pre>
		<p>

*/