/*
-----General----
---------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
	font-size: 13px;
	background-color: #5f6996;
	background-image: url(images/top-bg.gif);
	background-repeat: repeat-x;
	}

td { 
	padding: 0; 
	vertical-align: top;
	}
	
img { 
	border: 0px;
	}

form {
	padding: 0px;
	margin: 0px;
	}
	
	textarea {
		font-family: arial, sans-serif;
		font-size: 12px;
		margin: 0px;
		}
		
	input {
		margin: 0px;
		}
		
#content {
	height: 512px;
	background-color: #ffffff;
	padding: 6px;
	margin: 99px 0px 0px 0px;
	}
	
	/*
	-----nav panel----
	-----------------*/
	#nav {
		width: 222px;
		height: 512px;
		float: left;
		display: inline;
		background-color: #dfdde5;
		}
		
		#logo {
			margin: 8px 0px 0px 0px;
			width: 222px;
			text-align: center;
			}
			
		#nav a:link, #nav a:visited {
			display: block;
			padding: 4px 5px;
			margin: 0px 15px;
			color: #46507f;
			text-decoration: none;
			background-image: url(images/nav-a-bg.gif);
			background-repeat: repeat-x;
			background-position: bottom;
			}
			
		#nav a:hover, #nav a:active {
			display: block;
			padding: 4px 5px;
			margin: 0px 15px;
			color: #2d5ab6;
			text-decoration: none;
			background-image: url(images/nav-a-bg.gif);
			background-position: bottom;
			background-color: #e7e6ed;
			}
				
	/*
	-----nav panel----
	-----------------*/
	#main {
		width: 0px;
		height: 512px;
		float: left;
		display: inline;
		margin: 0px;
		border-left: solid 6px #ffffff;
		background-image: url(images/main-bg.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		background-color: #bc9e6c;
		overflow: hidden;
		color: #ffffff;
		border-right: solid 5px #FFFFFF;
		}
		
		#main h1 {
			font-size: 15px;
			margin: 0px 0px 1px 0px;
			padding: 0px;
			color: #edd5a7;
			font-weight: bold;
			}
			
		#main p {
			margin: 0px 0px 5px 0px;
			padding: 0px;
			}
		
		#main ul {
			margin: 10px 0px;
			list-style-type: none;
			padding: 0px;
			}
			
		#main a:link, #main a:visited {
			color: #ffffff;
			text-decoration: underline;
			}
			
		#main a:hover, #main a:active {
			color: #ffffff;
			text-decoration: underline;
			}
			
			#main ul li {
				margin: 3px 0px 4px 0px;
				padding: 0px 0px 0px 8px;
				background-image: url(images/li.gif);
				background-repeat: no-repeat;
				background-position: 0px 7px;
				}
		
		div.scrollholder {
    		position: relative;
   		width: 231px;
			height: 512px;
    		overflow-y: auto;
			overflow-x: hidden;
    		z-index: 1;
			}

				div.scroll {
    				position: absolute;
    				left: 0;
					top: 0;
    				width: 100%;
    				z-index: 2;
					}

					div.track {
    					position: relative;
    					float: right;
    					top: 0; 
    					width: 15px;
						height: 100%;
   					font-size: 0;
    					z-index: 3;
						background-color: #ffffff;
						}

						div.drag_bar {
    						position: absolute;
   						width: 9px;
							height: 14px;
    						cursor: pointer;
    						z-index: 4;
    						background-color: #c3a87b;
							border-left: solid 3px #ffffff;
							border-right: solid 3px #ffffff;
							background-image: url(images/arrows.gif);
							background-repeat: no-repeat;
							background-position: center;
							}
							
					#scrollContent {
						width: 190px;
						margin: 10px 15px 10px 15px;
						}
						
						#bedroom {
							width: 185px;
							height: 59px;
							background-color: #d5b587;
							padding: 3px;
							margin: 0px 0px 3px 0px;
							}
							
							#bedImg {
								width: 60px;
								height: 59px;
								overflow: hidden;
								margin: 0px 6px 0px 0px;
								float: left;
								display: inline;
								}
								
							#bedText {
								width: 119px;
								height: 55px;
								float: left;
								display: inline;
								padding: 4px 0px 0px 0px;
								}
								
						#SO-Top {
							background-color: #a78a59;
							text-align: center;
							padding: 3px 0px 1px 0px;
							}
							
						#SO-Body {
							border: solid 3px #a78a59;
							padding: 5px 7px 7px 7px;
							margin: 0px 0px 10px 0px;
							background-color: #d5b587;
							}
							
						#GR-Body {
							border: solid 3px #a78a59;
							padding: 5px 7px 7px 7px;
							margin: 5px 0px 0px 0px;
							background-color: #d5b587;
							}
							
						#GR-Author {
							background-color: #a78a59;
							text-align: center;
							padding: 0px 0px 5px 0px;
							margin: 0px 0px 10px 0px;
							}
							
						#gallHolder {
							width: 190px;
							background-color: #a78a59;
							margin: 0px 0px 10px 0px;
							padding: 3px 0px 0px 0px;
							}
							
							#gallImg {
								width: 184px;
								overflow: hidden;
								margin: 0px 3px 0px 3px;
								}
								
							#gallHeader {
								padding: 2px 6px 2px 6px;
								}
								
							#gallText {
								padding: 3px 6px 7px 6px;
								background-color: #d5b587;
								border-top: solid 1px #a78a59;
								border-left: solid 3px #a78a59;
								border-right: solid 3px #a78a59;
								border-bottom: solid 3px #a78a59;
								}
								
						#linkTitle {
							background-color: #a78a59;
							padding: 2px 4px 3px 4px;
							}
							
							#linkTitle a:link, #linkTitle a:visited {
								color: #ffffff;
								text-decoration: underline;
								}
								
							#linkTitle a:hover, #linkTitle a:active {
								color: #ffffff;
								text-decoration: underline;
								}
								
						#linkHolder {
							background-color: #d5b587;
							padding: 3px 7px 10px 3px;
							min-height: 59px;
							}
							
							#linkHolder a:link, #linkHolder a:visited {
								color: #ffffff;
								text-decoration: underline;
								}
								
							#linkHolder a:hover, #linkHolder a:active {
								color: #ffffff;
								text-decoration: underline;
								}
							
							#linkImg {
								width: 60px;
								height: 59px;
								overflow: hidden;
								margin: 0px 6px 0px 0px;
								float: left;
								display: inline;
								}
								
							a.Links:link, a.Links:visited {
								color: #ffffff;
								text-decoration: none;
								padding: 0px 0px 0px 8px;
								background-image: url(images/li.gif);
								background-repeat: no-repeat;
								background-position: 0px 7px;
								}
								
							a.Links:hover, a.Links:active {
								color: #ffffff;
								text-decoration: underline;
								padding: 0px 0px 0px 8px;
								background-image: url(images/li.gif);
								background-repeat: no-repeat;
								background-position: 0px 7px;
								}

	/*
	-----footer----
	--------------*/
	#footer {
		height: 30px;
		background-image: url(images/footer.gif);
		background-repeat: repeat-x;
		text-align: right;
		padding: 7px 8px 0px 0px;
		font-size: 11px;
		color: #abb5e4;
		}
		
		#footer a:link, #footer a:visited {
			color: #abb5e4;
			text-decoration: underline;
			}
			
		#footer a:hover, #footer a:active {
			color: #ccd2ff;
			text-decoration: underline;
			}