/* CSS Document */

html, body {
	margin : 0;
	padding : 0;
	font-size : 12px;
	font-family : verdana, arial;
	background-color : #FFFFFF;
	background-image : url(../images/bg.jpg);
	background-repeat : repeat-x;
	color : #666666;
	height: 100%;
}

img {
	border : 0;
	margin : 0;
	padding : 0;
}

a {
	text-decoration : none;
	color : #000000;
}

#container {
	width : 900px;
	margin : 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}

#container * {
	margin : 0;
	padding : 0;
	border : 0;
	line-height : 20px;
}

#container h1 , #container h2, #container h3 {
	margin : 0;
	padding : 0;
	font-weight : normal;
}

#container h1 {
	font-size : 22px;
	margin-bottom : 4px;
	color : #1A3368;
}

	#container #header {
		height : 180px;
	}
		
		#container #header #logo {
			position : relative;
			top : 33px;
		}
		
		#container #header #menu {
			float : right;
			width : 202px;
			padding-left : 10px;
			height : 178px;
			background-image : url(../images/menu_bg.jpg);
			background-repeat : no-repeat;
		}
		
		#container #header #menu a {
			display : block;
			margin-left : 20px;
			color : #666666;
			font-size : 14px;
			padding-bottom : 2px;
			margin-top : 5px;
			margin-right : 25px;
			border-bottom : 1px dotted #CCCCCC;
		}
		
		#container #header #menu a:hover {
			display : block;
			margin-left : 20px;
			color : #333333;
			font-size : 14px;
			padding-bottom : 2px;
			margin-top : 5px;
			margin-right : 25px;
			border-bottom : 1px dotted #999999;
		}
		
	#container #content {
		clear : both;
		position : relative;
		top : 1px;
		padding-bottom : 40px;
	}
		
		#container #content #left {
			width : 450px;
			padding-right : 35px;
			border-right : 1px solid #CCCCCC;
			position : relative;
			top : 30px;
		}
		
		#container #content #left p {
			margin-bottom : 20px;
		}
		
		#container #content #right {
			float : right;
			width : 355px;
		}
		
		#container #content #smallImg  {
			width : 155px;
			float : right;
			text-align : right;
		}
		
		#container #content #largeImg {
			padding : 0;
			margin : 0;
			padding-top : 3px;
			padding-left : 3px;
			padding-right : 3px;
			width : 288px;
			border : 1px solid #CCCCCC;
		}
		
		#container #content #smallImg .gallery {
			padding : 3px;
			width : 60px;
			border : 1px solid #CCCCCC;
		}
		
	.footer {
		clear : both;
		width : 100%;
		display : block;
		text-align : center;
		font-size : 10px;
		color : #999999;
	}
	
	.footer, .push {
		clear : both;
		height: 40px; /* .push must be the same height as .footer */
	}
	
	.footer a {
		color : #666666;
	}