/* TOP LEVEL */
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:0.8em;
	line-height:150%;}
.noprintcontainer, .container, .toolcontainer {
	width:100%;
	float:left;
	position:relative;
	border-top:1px dotted #CCCCCC;
	padding-top:1em;
	padding-bottom:1em;}

/***** MAKING THINGS SIMPLE FOR MOBILE PHONES *****/
@media screen {
	.bar {
		width:100%;
		float:left;
		position:relative;
		background-color:#CCCCCC;}

	/* COLUMNS ( positioning / borders / specifics ) */
	.column_left {
		float:left;
		position:relative;
			width:25%;
			min-width:10em;}
	.column_main {
		float:left;
		position:relative;
			width:49%;
			min-width:20em;
			height:100%;}
	.column_right {
		float:left;
		position:relative;
			width:25%;
			min-width:10em;}

	.column_3 {
		float:left;
		position:relative;
			width:29%;
			min-width:10em;}

	img.right { float:right;}
	
	.aall {margin:10px; width:91%; clear:both; float:right;}
	.aall p {width:30%; float:left; font-size:1.2em;}
	.aall p a span {font-size:0.8em;}	
	.all p {clear:both;}
	.aall p a {text-decoration: none;}
	.aall p a img {float:left; margin-right: 10px;}
	
}

/* FONTS */

h1 { padding:.2em; margin:0px; font-size:3em; line-height:80%;}
h2 { padding:.3em; margin:0px; font-size:2em; line-height:100%;}
h3 { padding:.4em; margin:0px; font-size:1.5em; line-height:110%;}
h4 { padding:.5em; margin:0px; font-size:1.3em; line-height:110%;}
p { padding:.6em; margin:0px;}

a:link { color:#000000;}
a:visited { color:#000000;}
a:hover { color:#666666;}

/* EDIT:dispearing "span" within "a" */
a span {display:none;}
a:hover span {display:inline;}
a img { border:none;}

.level3w { color:white; font-size:1.5em; line-height:110%;}

/* FORMS */
form { display:relative; padding:2%; margin:0px; line-height:130%;}
form textarea {background-color: #CCFF66;}
form input {background-color: #CCFF66;}
form button {background-color: #CCFF66;}

/* PRINT */
@media print { .noprintcontainer, .toolcontainer .bar {display:none;} }