body{
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-image: url('images/containerbg.jpg');
	background-position: center;
	background-color: #dae2e3;
	background-repeat:repeat-y;
}

/* layout section */
.container{
	margin: 0px auto;
	width: 800px;
	height: auto;
}
.navbar{
	width: 240px;
	height: auto;
	float: left;
	background-color: #003055;
	background-image: url('images/navbar.jpg');
	background-repeat: repeat-y;
	background-position: right;
}
.rightcontainer{
	width: 560px;
	min-height: 100%;
	float: right;
	vertical-align: top;
}
.header{
	width: 100%;
	height: 120px;
	background-color: #6c829f;
	background-image: url('images/header.jpg');
	background-repeat: repeat-y;
}
.content{
	width: 530px;
	min-height: 650px;
	padding: 15px 15px 0px 15px;
	background-color: #fff;
	background-image: url('images/content.jpg');
	background-repeat: repeat-x;
	background-position: top;
}
.content a:visited{
	color:#333;
}
.footer{
	width: 100%;
	height:450px;
	background:#fffef2 url('images/footer.jpg') repeat-x top;
	padding:5px;
}
	.footercolumn{
	width:153px;
	height:400px;
	float:left;
	background-color: none;
	border:1px solid #fff;
	margin:5px;
	padding:5px;
	}
/* text and content*/
h1{
	font-family: arial,sans-serif;
	font-size: 24pt;
}
h2{
	font-family: arial,sans-serif;
	font-size: 18pt;
}
h3{
	font-family: arial,sans-serif;
	font-size: 14pt;
}
p{
	font-family: arial,sans-serif;
	font-size: 11pt;
}
.header h1, .header h1 a:link, .header h1 a:visited{
	color:#eee;
}
.header h2, .header h2 a:link, .header h2 a:visited{
	color:#d0e8e8;
	font-size:14pt;
	text-align:right;
	text-decoration:none;
	font-weight:lighter;
}
.footercolumn p, .footercolumn a:link, .footercolumn a:visited{
	color:#333;
	font-size:10px;
	font-family:arial, sans-serif;
}
.title{
	font-family: arial,sans-serif;
	font-size: 10pt;
	color: #eee;
}
.about{
	font-family: arial,sans-serif;
	font-size: 8pt;
	color: #999;
}

.navbarcategory{
	background: #173264;
	color:#ffffee;
	font-family:arial, sans-serif;
	text-align:center;
	font-size:10pt;
	display:block;
	width:230px;
	padding:5px;
	
}

	
/* special effects */
.button{
	background-image: url('images/button.jpg');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #1a3747;
	margin: 5px 0px 5px 0px;
	color: #eee;
	font-family: arial, sans-serif;
	font-weight: lighter;
	font-size: 10pt;
	padding: 15px;
}
	.button a:link{
		color:#eee;
		text-decoration:underline;
	}
	.button a:hover{
		color:#fff;
		text-decoration:none;
	}
	.button a:visited{
		color:#eee;
	}
.activebutton{
	background-image: url('images/activebutton.jpg');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #206892;
	margin: 5px 0px 5px 0px;
	color: #eee;
	font-family: arial, sans-serif;
	font-weight: lighter;
	font-size: 10pt;
	padding: 15px;
}
	.activebutton a:link{
		color:#eee;
		text-decoration:underline;
	}
	.activebutton a:hover{
		color:#fff;
		text-decoration:none;
	}
	.activebutton a:visited{
		color:#eee;
	}

.outbutton{
	background-image: url('images/outbutton.jpg');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #1a3747;
	margin: 2px 0px 2px 0px;
	color: #eee;
	font-family: arial, sans-serif;
	font-weight: lighter;
	font-size: 10pt;
	padding: 8px 8px 8px 25px;
}
	.outbutton a:link{
		color:#c3dad6;
		text-decoration:underline;
	}
	.outbutton a:hover{
		color:#fff;
		text-decoration:none;
	}
	.outbutton a:visited{
		color:#c3dad6;
	}

.button:hover, .outbutton:hover{
	background-image: url('images/button_hover.jpg');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #47401a;	
}
.logo{
	background: none;
	background-position: center;
	width: 120px;
	height: 120px;
	margin-left: 55px;	
}
.logo img{
	border: 0px;
}
.content img{
	border: 5px #fff solid;
	display:inline-block;
	float:right;
}