/* LAYOUT */

/* AURAL */
div#auralHidden {
	left:-1000px;
	position:absolute;
	top:-1000px;
}

/* MAIN */
div#container {
	background: none;
}

div#page {
	width: 902px;
	margin: 0px auto;
}
	
	div#pagePad {
		margin-top: 16px;
		margin-bottom: 16px;
		padding: 0px;
	}
	
/* HEADER */
div#header {
	float: left;
	width: 902px;
	height: 34px;
	margin-bottom: 6px;
}
	
	div#header h1 {
		float: left;
	}

	div#searchBox {
		float: right;
		margin-top: 7px;
		border: 1px solid #BCC5BA;
	}
	
		div#searchBox form {
			background-color: #FFFFFF;
			width: 178px;
			height: 20px;
		}
	
			input#searchInput {
				float: left;
				height: 18px;
				width: 153px;
				padding: 2px 4px 0px 4px;
			}
			
			input#searchButton {
				float: right;
			}
			
	div#featuredContents {
		float: right;
		margin: 9px 13px 0px 0px;
	}
	
	
/* CENTER */
div#center {
	clear: both;
	width: 902px;
}

	div#flashBanner {
		width: 900px;
		height: 242px;
		float: left;
	}
	
	/* HOME */
	div#homeMenu {
		width: 900px;
	}
	
	div#homeMenuPad {
		margin: 0px 7px 7px 7px;
		height: 346px; /* height of the image under menu */
	}
	
		div#homeMenuPad.userHomepageMaster {
			height: 372px; /* height for users sections */
		}
	
		div.homeMenuColumn {
			float: left;
			width: 174px;
			margin-left: 4px;
			padding-bottom: 7px;
		}

		div#closeHomepage {
			float: right;
			height: 32px;
			width: 24px;
		}
		
		h2#userHomepage {
			clear: both;
		}
		
		div.homeMenuColumn.firstColumn {
			margin-left: 0px;
			padding-bottom: 0px;
		}
		
			div#introUser {
				padding: 5px;
			}
			
			div#introUser p {
				padding-bottom: 15px;
			}
	
			div.homeMenuColumnPad {
				width: 172px;
				float: left;
			}
			
			div.homeMenuColumnPad.fixedHeight {
				height: 344px; /* height of the image under menu minus 2px border (top and bottom) */
			}
			
			div.homeMenuColumnPad h2 {
				width: 162px;
				height: 18px;
			}
			
			div.homeMenuColumnPad ul {
				float: left;
				width: 160px;
			}
			
			div.homeMenuColumnInternalPad {
				padding: 0px 6px;
			}
			
			div.homeMenuColumnPad ul li {
				float: left;
				clear: both;
				width: 160px;
				padding: 5px 0px;
			}
			
			div.homeMenuColumnPad ul li span {
				width: 156px;
				display: block;
			}
			
			div.homeMenuColumnPad ul li.titleTopic {
				float: left;
				clear: both;
				width: 160px;
			}
			
			div.homeMenuColumnPad ul li a {
				float: left;
				display: block;
				padding: 1px 2px;
				width: 100%;
			}
			
			div.homeMenuColumnPad ul ul {
				float: left;
				clear: both;
				width: 160px;
			}
			
			div.homeMenuColumnPad ul li li {
				float: left;
				clear: both;
				width: 160px;
				padding: 0px;
			}
			
			div.homeMenuColumnPad ul li li.firstSubElement {
				padding-top: 2px;
			}
			
			div.homeMenuColumnPad ul li li span {
				width: 152px;
				display: block;
			}
			
			div.homeMenuColumnPad ul ul li a {
				float: left;
				display: block;
				padding: 0px 0px 0px 8px;
				width: 100%;
			}
			
	/* INTERNAL */
	div#internalContent {
		width: 900px;
	}
	
	div#internalContentPad {
		margin: 0px 7px 7px 7px;
	}
	
		/* LEFT MENU */
		div#leftMenu {
			float: left;
			width: 178px;
		}
		
			div#leftMenuPad {
				float: left;
				padding: 0px 9px 0px 5px;
			}
			
				div#leftMenuPad ul {
					width: 164px;
					float: left;
				}

				div#leftMenuPad li {
					display: block;
					float: left;
					width: 100%;
				}				
				
				div#leftMenuPad li a {
					display: block;
					padding: 8px 0px;
				}
				
				div#leftMenuPad li li a {
					display: block;
					padding: 4px 11px 4px 6px;
				}
				
				div#leftMenuPad li li li a {
					display: block;
					padding: 4px 12px 4px 16px;
				}
		
		/* CENTRAL CONTENT */
		div#centralContent {
			float: left;
			width: 534px;
		}

			div#centralContentPad {
				clear: both;
				float: left;
				padding-right: 4px;
			}
		
				div#centralContent h2 {
					float: left;
					padding: 3px 10px 5px 10px;
					width: 510px;
				}
				
				div#addedContent {
					clear: left;
					float: left;
					width: 530px;
				}
				
					div#addedContentLinks {
						float: left;
						width: 530px;
						height: 17px;
					}
					
						div#addedContentLinks a {
							float: right;
							display: block;
							height: 16px;
							margin-left: 10px;
							padding: 1px 0px 0px 9px;
						}
						
						a#hyperLinks {
							width: 80px;
						}
						
						a#moreInfo {
							width: 72px;
							padding-left: 9px;
						}
						
					div#hyperLinksBox, div#moreInfoBox {
						float: left;
						margin-top: 3px;
						width: 530px;
					}
					
						div#hyperLinksBoxPad, div#moreInfoBoxPad {
							float: left;
							padding: 3px 7px;
						}
						
							div#hyperLinksBoxPad ul, div#moreInfoBoxPad ul {
								float: right;
								width: 516px;
							}
							
							div#hyperLinksBoxPad ul li, div#moreInfoBoxPad ul li {
								float: right;
								margin-left: 22px;
								padding: 5px 0px;
							}
							
							div#hyperLinksBoxPad ul li a, div#moreInfoBoxPad ul li a {
								float: right;
								display: block;
							}

					div#centralContentText {
						clear: both;
						float: left;
						width: 530px;
					}
					
						div#centralContentTextPad {
							padding: 9px 10px 0px 10px;
						}
		
		/* RIGHT CONTENT */
		div#rightContent {
			float: left;
			width: 174px;
		}
		
			div#toolBox {
				float: left;
				width: 174px;
				height: 24px;
			}
			
				div#toolBox a {
					float: left;
					display: block;
					margin-right: 1px;
				}
				
				div#toolBox a.cart {
					float: left;
					height: 20px;
					width: 81px;
					padding-top: 4px;
					margin-right: 0px;
				}
				
			div#images img {
				display: block;
				clear: both;
				padding-top: 7px;
			}
		
		div#clear {
			clear: both;
		}
		
/* FOOTER */
div#footer {
	padding-top: 5px;
	width: 902px;
}
	div#footerPad {
		padding-right: 1px;
		text-align: right;
	}
	
	
div#leftMenu.floating {
	position: fixed;
	top: 0px;
}

div#centralContent.floating {
	margin-left: 178px;
}

div#centralContent div.multiline p {
	padding: 0 0 9px 0;
}

div#centralContent div.multiline {
	padding-top: 9px;
}

div#centralContent ul li ul {
	padding: 0;
}