@charset "utf-8";

/* Body style */

body {
	font-size: 20px;
	font-weight: bold;
}

/* Logo bar style */

.logo-bar {
	background-color: #F7FAFF;
    height: 80px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.logo-img {
    float: left;
}

/* Like bar style */

.like-bar {
    float: right;
}

.like-bar p {
	font-size: 10px;
	font-weight: normal;
	float: right;
}

/* Footer style */

.footer-bg {
	background-color: #045687;
	height: auto;
	padding-top: 5px;
	border-radius: 3px 3px 0 0;
	text-align:left;
}
.text-color {
	color: #FFFAF0;
}

footer {
	background-color: #033C5E;
	color: #fffaf0;
	clear: both;
	text-align: center;
}

.foot-bar ul {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	list-style-type: none;
}

.foot-bar ul > li a:hover {
	text-decoration: none;
	color: #333333;
}

/* Cascade dropdown menu style */

li.cascade-sub-menu:hover ul#sub-menu {
	display: block;
}

.right-arrow {
	font-size: 11pt;
	position: absolute;
	top: 7.5px;
	right: 7px;
	color: #333333;
}

ul#sub-menu {
	list-style-type: none;
	width: 160px;
	padding: 0px;
	display: none;
	
	position: absolute;
	top: 5px;
	left: 158px;
}

ul#sub-menu li {
	background-color: #e6e6f2;
	text-align: left;
}

ul#sub-menu a {
	text-decoration: none;
	color: #333333;
	display: block;
	padding: 5px 10px;
	height: 30px;
}

ul#sub-menu li:hover > a {
	background-color: #ffffff;
}

/* Item container box style */

.item-box-divider {
	border-top: 2px solid #CCFFFF;
	padding-top: 5px;
	margin-left: 40px;
	margin-right: 40px;
}

#item-box-wall {
	height: 120px;
	width:auto;
	
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 30px;
}

#item-box {
	height: auto;
	width:auto;
	
	border-radius: 5px;
	padding: 3px;
	margin-bottom: 50px;
}

#item-box-wall img:hover {
	border-radius:5px;
	border: 2px solid #ADD8E6;
}

#item-box img:hover {
	border-radius:5px;
	border: 2px solid #ADD8E6;
}

#item-box p {
	text-align: center;
}

.item-header {
	padding: 5px;
	border-radius:  50px;
	text-align:center; 
	background-color:#E6F0E6; 
	color:#003300;
}