/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website of Greenweb   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Colors
 *	   - Layout styles
 *	   - Text styles
 *	   - Search
 *	   - IE 6 styles
 */

/* Colors (colourlovers.com) & fonts 
-------------------------------------------------------------------------------------------------*/



/* Layout styles 
-------------------------------------------------------------------------------------------------*/

	html,
	body {
	    outline
		margin: 0;
		padding: 0;
		background: #F0F0F0;
	}
  a:active {  outline: none; }

	
		
		
			.anchor_left,
			.anchor_left_bottom,
			.anchor_right,
			.anchor_right_bottom {
				position: relative;
				display: block;
				float: left;
				font-size: 0;
			}
			
			.anchor_right_bottom {
				position: relative; 
				top: -15px;
				margin-bottom: -15px;
				text-align: left;
			}
			
			.anchor_left_bottom,
			.anchor_right_bottom {
				height: 15px;
				background: url('/images/restyle/bottom_bg.png') repeat-x;
			}
			
			#container {
				width: 956px;
				margin: 16px auto;
				overflow: hidden;
				margin-bottom: 0;
			
			}
			
			#content_left {
			padding-left: 15px;
				background: url('/images/restyle/left_bg.png') repeat-y left;
				float: left;
				display: block;
				padding-bottom: 20000px;
  				margin-bottom: -20000px;
			}
			
			#banner {
			
			height: 289px;
					background: url('/images/restyle/top_bg.png') repeat-x top;
					padding-top: 15px;
					float: left;
			}
			
			#banner_sub {
			height: 233px;
					background: url('/images/restyle/top_bg.png') repeat-x top;
					padding-top: 15px;
					float: left;
					position: relative;
			}
			#logo {
				background: url('http:/images/restyle/top_bg.png') repeat-x top;
					padding-top: 15px;
					float: left;
			}
			#bundle_menu li {	
				height: 70px;
				border-bottom: 1px dotted #FFF;
				text-align: right;
					}
			
			
				#topleft {
					position: absolute;
					top: 0;
					left: -15px;
					z-index: 10;
				}
				
				.ie_zindex {
					z-index: 12;
				}
				
				
				
					#sub_overlay {
						position: absolute;
						left: 0;
						top: 15px;
						width: 692px;
						height: 233px;
						background: url('/images/restyle/banner_overlay.png') no-repeat top;
						direction: ltr;
					}
				
				#menu_on_subpage {
					padding: 0;
					margin: 0;
					list-style: none;
					float: left;
					position: relative;
					top: -50px;
					left: 30px;
				}
				
					#menu_on_subpage li {
						float: left;
						height: 30px;
						font: normal 12px/24px Georgia,Garamond,Times,serif;
					}
					
						#menu_on_subpage li label {
							padding: 0 17px;
							display: inline;
						}
					
						#menu_on_subpage li a,
						#menu_on_subpage li a:hover {
							height: 30px;
							display: inline;
							padding: 8px 0 7px 17px;
							
							font: normal 12px/24px Georgia,Garamond,Times,serif;
							text-decoration: none;
							cursor: pointer;
						}
						
						#menu_on_subpage li a:hover {
							background: url('/images/restyle/menu_on_left.jpg') no-repeat left;
						}
						
							#menu_on_subpage li a span,
							#menu_on_subpage li a:hover span {
								display: inline;
								height: 28px;
								padding: 8px 17px 7px 0;
								
							}
							
							#menu_on_subpage li a:hover span {
								background: url('/images/restyle/menu_on_right.jpg') no-repeat right;
							}
					
				
				#main_navigation,
				#news,
				#subpage_content {
					padding: 0 24px;
					display: inline;
				}
				
				#main_navigation {
					height: 300px;
					width: 572px;
					background: #FFF url('/images/restyle/banner_shade.gif') repeat-x top;
					float: left;
					clear: both;
					display: block;
					border-bottom: 1px dotted #84D196;
					padding-top: 50px; 
					text-align: center;
				}
				
					#main_navigation ul {
						padding: 0;
						margin: 0;
						list-style: none;
						float: left;
						display: inline;
						text-align: right;
					}
					
						#main_navigation ul li {
							height: 36px;
							font: normal 14px/36px Georgia,Garamond,Times,serif;
							color: #000;
							padding-right: 12px;
							width: 191px;
						}
						
							#main_navigation ul li a {
								color: #000;
								text-decoration: none;
								display: block;
								height: 36px;
							}
						
							#main_navigation .submenu {
								display: none;
							}
								
					
					#submenu_holder {
						width: 369px;
						height: 258px;
						background: url('/images/restyle/menu_content.jpg') no-repeat;
						float: left;
					}
					
						#submenu_holder ul {
							float: left;
							text-align: left;
							margin: 0;
							padding: 0;
						}
						
							#submenu_holder ul li {
								height: 36px;
								font: bold 12px/36px Arial,Verdana,Helvetica,sans-serif;
								color: #0AA32E;
								background: url('/images/restyle/mainmenu_link_bg.gif') no-repeat 15px;
								padding-left: 40px;
							}
							
								#submenu_holder ul li a {
									color: #0AA32E;
								}
								
								#submenu_holder ul li a:hover {
									color: #000;
								}
				
				#news {
					float: left;
					margin-bottom: 40px;
					width: 572px;
				}
				
					.news_on_home {
						padding: 0;
						margin: 0;
						list-style: none;
					}
					
						.news_on_home li {
							float: left;
							width: 210px;
							height: 226px;
							margin-right: 16px;
							display: inline;
							background: url('/images/restyle/news_bg.gif') no-repeat left bottom;
							padding: 0 30px;
						}
						
							.news_on_home li h4 {
								padding-top: 30px;
							}
							
							.news_on_home li a {
								font-size: 10px;
								display: block;
								height: 13px;
								padding-left: 21px;
								background: url('/images/restyle/news_link_bg.gif') no-repeat left;
							}
				
				#subpage_content {
					min-height: 500px;
					height: auto;
					width: 644px;
					float: left;
					clear: both;
					display: block;
					border-bottom: 1px dotted #84D196;
					overflow: visible;
					padding-bottom: 50px;
				}
				
				#bottomleft {
					position: absolute;
					top: -19px;
					left: -15px;
					z-index: 10;
				}
			
			#content_right {
				padding-right: 15px;
				background: url('/images/restyle/right_bg.gif') repeat-y right;
				float: left;
				overflow: hidden;
				display: inline;
				padding-bottom: 20000px;
  				margin-bottom: -20000px;
			}
			
				#topright {
					position: absolute;
					top: 0;
					right: -15px;
				}
				
				
				#bundle_menu {
					padding: 0;
					margin: 0;
					list-style: none;
					float: left;
					font-size: 0;
				}
				
					
					
						#bundle_menu li a.bundle_link,
						#bundle_menu li a.bundle_link:visited {
							
								font: italic 24px/24px Georgia,Garamond,Times,serif;
							
							color: #FFF;
							text-decoration: none;
							
								margin-right: 58px;
							
							display: block;
							position: relative; 
							top: 12px;
						}
						
						#bundle_menu li span {
							font: normal 10px/12px Arial,Verdana,Helvetica,sans-serif;
							color: #0AA32E;
							margin-right: 58px; 
							display: block;
							position: relative;
							top: 14px;
						}
				
				a.question,
				a.question img {
					float: left;
				}
				
				
				
					#searchForm ul {
						padding: 0;
						margin: 0;
						list-style: none;
						height: 70px;
						display: inline;
						float: right;
					}
					
						#searchForm ul li {
							float: left;
							height: 70px;
						}
						
						#searchForm ul li label {
							font: italic 24px/70px Georgia,Garamond,Times,serif;
							color: #FFF;
							padding-right: 5px;
						}
						
						#searchForm ul li .search_input {
							height: 16px;
							border-width: 1px;
							margin-top: 25px;
							
						}
						
						#searchForm ul li .search_button {
							margin-right: 4px;
							margin-top: 28px;
							
						}
				
				#specialMenu {
					padding: 0;
					margin: 0;
					list-style: none;
					position: absolute;
					top: -20px;
					margin-left: 18px;
				}
				
					#specialMenu li {
						height: 10px;
						border-right: 1px solid #FFF;
						font: normal 10px/10px Arial,Verdana,Helvetica,sans-serif;
						color: #FFF;
						float: left;
						padding: 0 4px;
					}
					
					#specialMenu li.last {
						border-width: 0;
					}
						
						#specialMenu li a,
						#specialMenu li a:visited {
							font: normal 10px/10px Arial,Verdana,Helvetica,sans-serif;
							color: #FFF;
							text-decoration: none
						}
					
				
				#bottomright {
					position: absolute; 
					right: -15px;
					top: -19px;
				}
				
				
/* Search 
-------------------------------------------------------------------------------------------------*/
.search_nav {
	background: #B0F00D;
	border-top: 1px solid #0AA32E;
	border-bottom: 1px solid #0AA32E;
	margin: 4px 0;
	clear: both;
	float: left;
	display: block;
	width: 100%;
	padding: 3px 0;
}

	a.search_nav_link {
		margin: 0 4px;
	}

	.search_nav div {
		float: left;
	}

		.search_nav_left,
		.search_nav_right {
			width: 100px;
			white-space: nowrap;
			display: inline;
		}

		.search_nav_caption {
			text-align: center;
			width: 428px;
		}

	.search_result {
		padding: 6px 4px;
	}

		.result1 {
			background: #FFF;
		}

	a.search_link {
		display: block;
	}
				



/* Text styles 
-------------------------------------------------------------------------------------------------*/

	body,
	td, 
	p {
		font-family: Arial,Verdana,Helvetica,sans-serif;
		font-size: 12px;
		line-height: 19px;
		color: #333;
	}
	
	h1,
	h2, 
	h3, 
	h4,
	h5, 
	h6 {
		font-family: Georgia,Garamond,Times,serif;
		font-style: normal;
		font-weight: normal;
	}
	
	h1 {
		font-size: 24px;
		line-height: 36px;
		color: #0AA32E;
		margin: 3px 0;
		padding: 0;
		
	}
	
	h4 {
		font: bold 12px/18px Arial,Verdana,Helvetica,sans-serif;
		color: #000;
		margin: 3px 0;
		padding: 0;
	}
	
	p.text_small {
		font: normal 10px/16px Arial,Verdana,Helvetica,sans-serif;
		color: #000;
		height: 100px;
		display: block;
		overflow: hidden;
	}
	
	a,
	a:visited {
		color: #0AA32E;
	}


/* IE 6 styles 
-------------------------------------------------------------------------------------------------*/