/* BODY AND CENTER ALIGNMENT SETTINGS */

*{
margin:0px;
padding:0px;
}

body{
	text-align:center;
	background-color:#FFFFFF;
	}
	
#god{
	text-align:left;
	width: 1024px;
	height: 768px;
	border: 0px solid #989597;
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	background-color: #FFFFFF;
	}

/* CONTENT OUTLINES */	
	
#content{
	text-align:left;
	background-color:#FFFFFF;
	width: 1200px;
	height: 623px;
	margin-left: auto;
	margin-right: auto;
	}
	
#contentintro{
	text-align:left;
	background-color:#FFFFFF;
	width: 1200px;
	//width: 1034px;
	height: 423px;
	margin-left: auto;
	margin-right: auto;
	}
	
/* CONTENT MENU IS THE SIDE OF THE WEBSITE LEFT OF THE TOWER, DIVIDED IN TOP, MIDDLE AND BOTTOM */		
	
	#contentmenu{
		text-align:left;
		background-color:#FFFFFF;
		width: 141px;
		height: 623px;
		float:left;
		clear:none;
		}
		
		#contentmenutop{
			text-align:left;
			background-image:url("enviu.png");
			width: 141px;
			height: 106px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}
		
		#contentmenumiddle{
			text-align:left;
			background-color:#FFFFFF;
			width: 141px;
			height: 250px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}
			
			#menublock{
				text-align:left;
				background-color:#FFFFFF;
				width: 120px;
				height: 200px;
				border: 0px solid #989597;
				margin: 15px;
				float:left;
				clear:none;
				}	
			
		#contentmenubottom{
			text-align:left;
			background-color:#FFFFFF;
			width: 141px;
			height: 267px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}

#contentintromain{
		text-align:left;
		background-color:transparent;
		width: auto;
		height: 650px;
		float:left;
		clear:none;
		}

	
/* GRAPHICS IS THE PICTURE BENEATH EVERYTHING, IT STRETCHES FOR THE ENTIRE WIDTH OF THE CONTENT */				
				
	#graphics{
		text-align:left;
		background-image:url("graphics.png");
		width: 1024px;
		height: 145px;
		margin-left: auto;
		margin-right: auto;
		}
		
	#graphicsintro{
		text-align:left;
		background-image:url("graphicsintro.png");
		width: 1024px;
		height: 283px;
		margin-left: auto;
		margin-right: auto;
		}	

	
/* THIS IS THE CENTRAL TOWER PIECE, CONTAINING THE PICTURES, AND IT's DERIVITIVES FROM THE FIRST STEP */	
				
	#contenttower{
		text-align:left;
		background-image:url("tower.png");
		width: 186px;
		height: 623px;
		float:left;
		clear:none;
		}
		
	#contenttowerfirst{
		text-align:left;
		background-image:url("towerfirst.png");
		width: 186px;
		height: 623px;
		float:left;
		clear:none;
		}
		
	#contenttowersecond{
		text-align:left;
		background-image:url("towersecond.png");
		width: 186px;
		height: 623px;
		float:left;
		clear:none;
		}

	
/* CONTENT MAIN IS THE SIDE OF THE WEBSITE RIGHT OF THE TOWER, DIVIDED IN TOP, MIDDLE AND BOTTOM */			
		
	#contentmain{
		text-align:left;
		background-color:#FFFFFF;
		width: 697px;
		height: 623px;
		float:left;
		clear:none;
		}
		
		#contentmaintop{
			text-align:left;
			background-color:#FFFFFF;
			width: 697px;
			height: 106px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}
			
			#contentmaintoptitle{
				text-align:left;
				background-image:url("title.png");
				width: 250px;
				height: 106px;
				border-bottom: 1px solid #989597;
				float:left;
				clear:none;
				}
				
			#contentmaintopquote{
				text-align:right;
				background-color:#FFFFFF;
				width: 440px;
				height: 25px;
				border: 0px solid #989597;
				margin-top:80px;
				float:left;
				clear:none;
				}

		#contentmainmiddle{
			text-align:left;
			background-color:#FFFFFF;
			width: 697px;
			height: 250px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}
						
		#contentmainbottom{
			text-align:left;
			background-color:#FFFFFF;
			width: 697px;
			height: 267px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}
			
	
/* CONTENTMAINDOUBLE COMBINES THE MIDDLE AND BOTTOM PART OF THE CONTENMAIN WINDOW */				
			
		#contentmaindouble{
			background-color:#FFFFFF;
			width: 697px;
			height: 517px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			}
			
/* MAINROWS IS USED TO SPLIT THE CONTENTMAIN MIDDLE AND TOP INTO 3 FIELDS FOR THE LISTS OF ACTIVE FEEDBACK */	
			
			#mainrows{
				text-align:left;
				background-color:#FFFFFF;
				width: 232px;
				height: 267px;
				border-bottom: 0px solid #989597;
				float:left;
				clear:none;
				}
				
			#mainrowsup{
				text-align:left;
				background-color:#FFFFFF;
				width: 232px;
				height: 250px;
				border-bottom: 1px solid #989597;
				float:left;
				clear:none;
				
				}
				
				#mainrowstitle{
					text-align:left;
					background-color:#FFFFFF;
					width: 232px;
					height: 22px;
					border-bottom: 0px solid #989597;
					float:left;
					clear:left;
					}
					
				#mainrowsline{
					text-align:left;
					background-color:#FFFFFF;
					width: 220px;
					height: 30px;
					border: 1px solid #CDCDCD;
					margin-top:2px;
					margin-left:0px;
					margin-right:6px;
					margin-bottom:8px;
					float:left;
					clear:left;
					}
					
				#mainrowslinesearch{
					text-align:left;
					background-color:#FFFFFF;
					width: 220px;
					height: 30px;
					border: 0px solid #CDCDCD;
					margin-top:2px;
					margin-left:0px;
					margin-right:6px;
					margin-bottom:8px;
					float:left;
					clear:left;
					}
			
/* THIS IS THE SMALL PICTURE BOX THAT IS IN FRONT OF EVERY PERSON, AND IDEA, AND PROJECT */					
					
				#mainrowsimage{
					text-align:left;
					background-color:#dcdcdc;
					width: 25px;
					height: 25px;
					border-bottom: 0px solid #989597;
					float:left;
					clear:none;
					}

/* THESE PARTS ARE ONLY FOR THE FIRST STEP */						
					
#image{
	background-image:url("teamup1.png");
	width: 270px;
	height: 180px;
	margin-left: 0px;
	margin-right: 0px;
	float:right;
	}
	
#imagetwo{
	background-image:url("teamup2.png");
	width: 353px;
	height: 175px;
	margin-left: 0px;
	margin-right: 0px;
	float:right;
	}
	
#imagethree{
	background-image:url("teamup3.png");
	width: 307px;
	height: 150px;
	margin-left: 0px;
	margin-right: 0px;
	float:right;
	}
	
#checkboxsplitter{
	background-color:#ffffff;
	width: 200px;
	height: 300px;
	margin-left: 0px;
	margin-right: 0px;
	float:left;
	clear:none;
	}
	
#checkboxsplitterbig{
	background-color:#ffffff;
	width: 250px;
	height: 300px;
	margin-left: 0px;
	margin-right: 0px;
	float:left;
	clear:none;
	}

/* THESE PARTS ARE ONLY FOR THE INTRO PAGE */						
					
#introimage1{
	background-image:url("introimage1.png");
	width: 63px;
	height: 63px;
	margin-left: 0px;
	margin-right: 0px;
	float:left;
	clear:none;
	}	

p.intro{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-top:20px;
margin-bottom:0px;
margin-left: 5px;
float:left;
clear:left;
	}
	
/* THESE PARTS ARE ONLY FOR THE PROFILE PAGE */	

#personal{
	background-image:url("personal.png");
	width: 150px;
	height: 150px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 30px;
	float:right;
	clear:none;
	}
	
#personal2{
	background-image:url("personal2.png");
	width: 150px;
	height: 150px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 30px;
	float:right;
	clear:none;
	}
	
#mainrowsblog{
	text-align:left;
	background-color:#FFFFFF;
	width: 464px;
	height: 267px;
	border-bottom: 0px solid #989597;
	float:left;
	clear:none;
	overflow:auto;
	}

	
p.profileheader{
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
margin-bottom:0px;
margin-left: 10px;
clear:none;
	}			
	
a.profile{
color: #ff7512;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: -15px;
margin-right: 30px;
margin-top:0px;
text-decoration: none;
float:right;
clear: none;
	}	
	
a.profile:hover{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: -15px;
margin-right: 30px;
margin-top:0px;
text-decoration: none;
float:right;
clear: none;
	}	
	
#mainrowsupdouble{
	text-align:left;
	background-color:#FFFFFF;
	width: 464px;
	height: 250px;
	border-bottom: 1px solid #989597;
	float:left;
	clear:none;
	}

/* THESE PARTS ARE JUST FOR THE MESSAGE PAGE*/	
		
#contentmainoverflow{
			text-align:left;
			background-color:#FFFFFF;
			width: 697px;
			height: 250px;
			border-bottom: 1px solid #989597;
			float:left;
			clear:none;
			overflow:auto;
			}

#mainrowslinemessage{
	text-align:left;
	background-color:#FFFFFF;
	width: 600px;
	height: auto;
	border-bottom: 0px solid #989597;
	margin-top:8px;
	margin-bottom:8px;
	float:left;
	clear:left;
	}

#mainrowsdouble{
	text-align:left;
	background-color:#FFFFFF;
	width: 464px;
	height: 267px;
	border-bottom: 1px solid #989597;
	float:left;
	clear:none;
	}	

textarea.title{
width: 400px;
height: 30px;
color: #000000;
font-family: "Trebuchet MS";
padding: 5px;
font-size: 12px;
margin-top:10px;
margin-left:10px;
float:left;
clear:left;
overflow:hidden;
}

textarea.message{
width: 400px;
height: 150px;
color: #000000;
font-family: "Trebuchet MS";
padding: 5px;
font-size: 12px;
margin-top:10px;
margin-left:10px;
float:left;
clear:left;
overflow:hidden;
}	

p.messageheader{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-top:5px;
margin-bottom:-10px;
margin-left: 10px;
float:left;
clear:none;
	}	

input.message{
width: 100px;
height: 23px;
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-top:10px;
float:left;
clear: none;
}	
	
/* PARAGRAPH PARAGRAPH PARAGRAPH PARAGRAPH PARAGRAPH PARAGRAPH PARAGRAPH PARAGRAPH*/


p.bigpink{
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 16px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top:2px;
	}
	
p.rows{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 15px;
margin-right: 10px;
margin-top:10px;
float:left;
clear: none;
	}

p.message{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 0px;
margin-right: 10px;
margin-top:-5px;
float:left;
clear: none;
	}
	
p.rowscountry{
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 5px;
margin-right: 10px;
margin-top:10px;
float:left;
clear: none;
	}

p.dropdownmenu{
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top:10px;
float:left;
clear:none;
	}
	
p.label{
color: #000000;
font-family: "Trebuchet MS";
_width:400px;
font-size: 12px;
margin-top:10px;
float:left;
clear:left;
	}
	
p.crums{
color: #ff7512;
font-family: "Trebuchet MS";
font-weight:bold;
font-size: 14px;
margin-bottom:0px;
float:left;
clear:left;
	}

/* LINK LINK LINK LINK LINK LINK LINK LINK*/

a{
color: #ff7512;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top:0px;
text-decoration: none;
float:left;
clear: left;
	}
	
a.menu:hover{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
margin-top:10px;
text-decoration: none;
clear: none;
	}
		
a.menu{
color: #ff7512;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
margin-top:10px;
text-decoration: none;
clear: none;
	}
	
a.try{
color: #ff7512;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
margin-top:10px;
text-decoration: none;
float:left;
clear: left;
	}
	
a.try:hover{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-right: 10px;
margin-top:10px;
text-decoration: none;
float:left;
clear: left;
	}
	
a.bigorange{
color: #ff7512;
font-family: "Trebuchet MS";
font-size: 24px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top:2px;
	}	
	
a.bigorange:hover{
color: #000000;
font-family: "Trebuchet MS";
font-size: 24px;
font-weight: bold;
margin-left: 2px;
margin-right: 2px;
margin-top:2px;
	}	

/* FORM FUNCTIONS FORM FUNCTIONS FORM FUNCTIONS FORM FUNCTIONS FORM FUNCTIONS*/	
	
input.global{
width: 70px;
height: 23px;
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-top:10px;
float:left;
clear: none;
}

input.firststep{
width: 120px;
height: 25px;
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-top:0px;
float:left;
clear:left;
}	

input.login{
width: 120px;
height: 25px;
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
margin-top:20px;
float:left;
clear:left;
}	
	
input.textfield{
width: 120px;
height: 23px;
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-top:10px;
float:left;
clear:left;
}

textarea{
width: 300px;
height: 150px;
color: #000000;
font-family: "Trebuchet MS";
padding: 5px;
font-size: 12px;
margin-top:10px;
margin-left:10px;
float:left;
clear:left;
overflow:auto;
}


input.checkbox{
color: #000000;
font-family: "Trebuchet MS";
font-size: 12px;
margin-top:10px;
}

select{
width: 120px;
height: 23px;
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
margin-left: 10px;
float:left;
clear:left;
}

option{
color: #E5137E;
font-family: "Trebuchet MS";
font-size: 12px;
float:left;
clear:left;
}

/* YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY YAHAY */

#ideabox{ 
	width:230px;
	height:auto;
	margin-top:10px;
	float:left;
	}
#ideaname{
	color: #000000;
	font-family: "Trebuchet MS";
	width:228px;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:5px;
	float:left;
	_float:right;
	clear: none;
	_clear: right;
	}
#ideatitle{
	color: #E5137E;
	font-family: "Trebuchet MS";
	width:228px;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top:5px;
	float:left;
	clear: left;
	}
#ideatext{
	color: #000000;
	font-family: "Trebuchet MS";
	width:228px;
	font-size: 12px;
	margin-top:0px;
	margin-left:5px;
	float:left;
	clear: left;
	}	
#contentmenubottom2{
	text-align:left;
	background-color:#FFFFFF;
	width: 141px;
	height: 267px;
	border-bottom:;
	float:left;
	clear:none;
	}
#mainrows3{
	text-align:left;
	font-size:12px;
	background-color:#FFFFFF;
	width: 400px;
	height: 267px;
	border:dashed;
	border-bottom: 0px solid #989597;
	float:left;
	clear:none;
	}
#personal22{
	width: 150px;
	height: 150px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	float:right;
	clear:none;
	}
#contentmainbottom2{
	text-align:left;
	background-color:#FFFFFF;
	width: 697px;
	font-family: "Trebuchet MS";
	font-size:12px;
	height:auto;
	border-bottom: 1px solid #989597;
	margin-top:10px;
	float:left;
	clear:none;
	}
#contentmainbottom3{
	text-align:left;
	background-color:#FFFFFF;
	width: 697px;
	height:auto;
	border-bottom: 0px solid #989597;
	margin-top:10px;
	float:left;
	clear:none;
	}
#yyimg {
	width:300px;
	height:auto;
	float:left;
	}
#yyimg2 {
	width:300px;
	height:auto;
	float:right;
	}

#mainrowsupdouble2{
	text-align:left;
	background-color:#FFFFFF;
	font-family: "Trebuchet MS";
	width: 464px;
	height: 100px;
	border-bottom: 0px solid #989597;
	float:left;
	clear:none;
	}
#mainrowsup2{
	text-align:left;
	background-color:#FFFFFF;
	width: 232px;
	height: 220px;
	_height:280px;
	border-bottom: 0px solid #989597;
	float:left;
	clear:none;
	}
a.menu2{
	width:130px;
	height:20px;
	color: #ff7512;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:10px;
	_margin-left:20px;
	text-decoration: none;
	float:right;
	clear: right;
	}
a.menu3{
	width:140px;
	height:20px;
	color: #ff7512;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:10px;
	_margin-left:20px;
	text-decoration: none;
	float:right;
	clear: right;
	}
#mainrows2{
	text-align:left;
	background-color:#FFFFFF;
	width: 300px;
	height: 450px;
	//height: 500px;
	border-bottom: 0px solid #989597;
	float:right;
	clear:none;
	overflow:auto;
	}

#mainrows4{
	text-align:left;
	background-color:#FFFFFF;
	width: 300px;
	height: 450px;
	//height:500;
	border-bottom: 0px solid #989597;
	float:left;
	clear:none;
	overflow:auto;
	}
/*new Yahay*/	
#lniksyy {
	width:350px;
	height:30px;
	}
#kuk{
	width:700px;
	height:500px;
	_height:300px;
	border-bottom: 1px solid #989597;
	}
#fitta {
	width:700px;
	height:auto;
	border: 0px solid;
	}	
#mainrowstitle1{
					text-align:left;
					background-color:#FFFFFF;
					width: 232px;
					height: 22px;
					border-bottom: 0px solid #989597;
					float:right;
					clear:right;
					}