/*
	CSS Style Definitions for C & M Training
	developed by Stefan Isarie.
	http://www.isarie.com/
	stefan@isarie.com

	layout
*/
html, body{ margin:0; padding:0; font: 12px/16px Trebuchet, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
html body.homepage{ background: #CFDEEA url("../images/bg-horizontal-home.gif") repeat-x; }
html body.inner{ background: #CFDEEA url("../images/bg-horizontal-inner.gif") repeat-x; }
#page-container{ width: 800px; margin:0 auto; text-align: left; }
	#header{ width: 800px; float:left; }
	html body.homepage #header{ background: url("../images/bg-header-home.gif") no-repeat top center; min-height: 258px; }
	/*\*/* html body.homepage #header{ height: 258px; }/**/ /* MIN-HEIGHT FOR IE */
	html body.inner #header{ background: url("../images/bg-header-inner.gif") no-repeat top center; min-height: 200px; }
	/*\*/* html body.inner #header{ height: 200px; }/**/ /* MIN-HEIGHT FOR IE */
		#logo{ width: 120px; float:left; margin: 40px 0 0 40px; }
		* html #logo{ margin: 40px 0 0 20px; }
		#address{ width: 120px; float:right; margin: 40px 40px 0 0; color: #999; font-family: "Arrial Narrow", Arial Narrow, sans-serif;  }
		* html #address{ margin: 40px 0 0 0; }
			#address address{ font-style: normal; }
		#navigator{ width: 750px; float:left; clear: both; margin: 15px 0 2px 20px; }
		* html #navigator{ margin: 16px 0 0 20px; }
		#masthead{ width: 758px; margin: 5px 21px 0 21px; clear: both; }
		* html #masthead{ margin: 1px 0 0 21px; }
		html body.homepage #masthead{ background: url("../images/masthead-homepage.jpg") no-repeat; height:90px; }
		html body.inner #masthead{ background: url("../images/water_droplets.jpg") no-repeat; height:30px; }
	#content{ background: url("../images/bg-vertical.gif") repeat-y top center; width: 800px; float:left; }
		#left-side{ width: 506px; margin:0 0 20px 40px; float:left; }
		* html #left-side{ margin:0 0 20px 21px; }
		#right-side{ width: 186px; float: right; margin-right: 30px; }
		* html #right-side{ margin-right: 14px; }
	#footer{ width: 800px; float:left; background: url("../images/bg-footer.gif") no-repeat top center; clear: both; }

/* site wide elements */
#left-side h1{ margin: 0; color: #265577; font-size: 18px; }

#footer p{ margin:0; text-align: center; }
#footer p.copyright{ margin:4px 0; }
#footer p.validator{ margin:20px 0; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
.fImg{ border:1px solid #ccc; padding:2px; background-color:#fff; }

.small_box{float:right;width:164px;padding-left:7px;padding-right:3px;padding-top:10px;padding-bottom:10px;background:#fafafa;border:1px solid #dfdfdf;margin-top:20px;}

.small_box a:hover{color:#000;}


#right-side fieldset{position:relative;margin : 0; margin-top:35px;width:170px;padding-left:10px;padding-right:5px;padding-top:30px;border:1px solid #cfdeea;float:left;background:#ebf2f9;font-family:arial;font-size:11px;color:#383838;}
#right-side legend{display:block;font-size:13px;width:170px;color:#dbe0ec;font-family:helvetica;font-weight:bold;background:#cfdeea;position: absolute;top: -.9em;text-align:center;margin-left:-8px;border-top:1px solid #728cba;border-bottom:1px solid #728cba;}
#right-side fieldset a{ color:#303030;text-decoration:none;}
#right-side fieldset a:hover{color:#c40106;}
#right-side fieldset img{float:right; margin:5px;}