/*GENERAL POSITION LAYOUT BEGIN HERE*/

body {

	margin: 0px 0px 0px 0px;
	padding:0;
	background: #B9CCF6; 
	background-attachment: fixed;
	font:12px Arial, Helvetica, sans-serif; 
	line-height:1.6em;
	color:#656565;
	text-align: center;
	
	/* THIS IS STYLE FOR SCROLL in the TEXT AREA FORM - only works for IE
	scrollbar-3dlight-color:#383838;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#5D5D5D;
	scrollbar-track-color:#383838;
	scrollbar-face-color:#5D5D5D; 
	scrollbar-highlight-color:#666666;
	*/
	}




#wrapper {
	float: none;
	background:  #B9CCF6 url("../images/wrapper.jpg");
	width: 780px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}

#main-wrapper {
	width: 780px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#main {
	width: 770px;
	margin: 0px 0px 5px 5px;
	}

.clear {
	clear: both;
	margin:0;
	padding:0;
	height: 0.1px;
	}

/*GENERAL STYLE BEGIN HERE. THESE ARE FOR LINKS< ACTIVE< HOVER< ETC*/

a:link {
	color:#716F64 ;
	}
a:visited {
	color:#716F64;
	}
a:active {
	color:#716F64 ;
	}
a:hover {
	color: #8A8980;
	}
.none, caption {
	display: none;
	}





/*HEADER LAYOUT BEGIN HERE.*/

#header {
	background:  top left no-repeat;
	background: url("../images/header.jpg") no-repeat; 
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	height: 112px;
	width:780px;
	}


/*NAVIGATION LAYOUT BEGIN HERE.


#menu {
	display:block;
	width:780px;
	height:32px;
	overflow: hidden;
	background: url("../images/wrapper_nav_02.jpg") top left no-repeat;
	}
	*/
#navigation {
	
	width:780px;
	
	
	background: url("../images/wrapper_nav_02.jpg") top left no-repeat;
	
	}
 /* common styling */
 .menu-container {
 margin-top:0px;
 margin-left:10px;
 border:2px;
 background: url("../images/wrapper_nav.jpg") top left no-repeat;
 height:32px;}
 /* common styling */
.menu {
font:12px Arial, Helvetica, sans-serif;
width:780px; 
position:relative; 
font-size:0.85em;
padding-bottom:5px;
}
.menu ul {
padding:0px; 
margin:0px;
list-style-type: none;
}
.menu ul li {
	float:left;
	position:relative;
	left:120px
	z-index: 3;
}
.menu ul li a, .menu ul li a:visited {
display:inline-block; 
text-decoration:none; 
color:#000; 
height:2.6em; 
color:#000; 
/*border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#dfc184; */
padding-left:0px; 
line-height:2em;
}
* html .menu ul li a, .menu ul li a:visited {

}
.menu ul li ul {
display: none;
}
table,td,th {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
text-align:left; 
}

/* specific to non IE browsers */
.menu ul li:hover a,
.menu ul li a:hover {
color:#fff; 
background:transparent;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2.5em;
margin-top:0px;
left:0; 
width:150px;
}
* html .menu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 

	
/* background: url("../images/top_nav.jpg") top left repeat-x;*/
background:#61273D; 
color:#fff; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
}
* html .menu ul li a:hover ul li a {
width:150px;
w\idth:129px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
background:#A04568 url(../../../graphics/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#E0BA67;
/*background: url("../images/top_nav_hover.jpg") top left repeat-x; */
color:#A04568;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
left:148px; 
top:0px;
width:150px;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}


	

/*BIGGER LAYOUT BEGIN HERE. THIS INCLUDES THE STYLE FOR ENTRY in THe RIGHT CONTENT*/

#bigger {
	width: 485px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#bigger a:link, #bigger a:visited, #bigger a:link, #bigger a:active {
 	color: #383838;
	}

#bigger a:hover {
 	color: #642D46;
	}
	
	.entry-wrapper { 
		margin: 0px 0px 20px 0px;
		width: 500px;
		font: 11px Arial, Helvetica, sans-serif; 
		}
		
	.entry {
		margin: 10px 0px 0px 30px;
		width: 440px;
		font: 11px Arial, Helvetica, sans-serif; 
		line-height:1.6em;
		padding: 0px;
		}
		
	.entry-box-h {
		margin: 0px 0px 0px 20px;		
		width:470px;
		height:30px;
		background: url("../../themes/site_themes/default/smaller-box-h_back.jpg") repeat-x;
		padding: 0px;
		color: #B9CCF6;
		font: bold 11px Arial, Helvetica, sans-serif; 
		}
		
	.entry-title {
		margin: 8px 0px 8px 0px;
		padding: 0px;
		}
		
	.entry-title h3 {
		margin: 8px 0px 8px 0px;
		text-align:left;
		padding: 0px;
		color: #716F64;
		font: bold 11px Arial, Helvetica, sans-serif; 
		}
		
#bigger h4 {
	margin: 0px 0px 0px 10px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: bold 11px/24px Arial, Helvetica, sans-serif; 
	color: #DCB866;
	}
	.entry-title h3 a {
		margin: 8px 0px 8px 0px;
		border: none;
		color: #716F64;
		}

	.entry-title h3 a:hover {
		border: none;
		color:#8A8980;
		}


/*SMALLER LAYOUT BEGIN HERE* THIS INCLUDE ENTRY FOR LEFT CONTENT */

#smaller {
	color:#EAEAEA;
	width: 250px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	line-height: 16px;
	}
	.smaller-content {
		margin: 0px 0px 0px 10px ;
		width:235px;
		line-height:1.6em;
		}
	.smaller-box-1-content {		
		font: 11px Arial, Helvetica, sans-serif;				
		color: #5D5D5D;
		margin: 0px 10px 10px 25px;		
		width:217px;
		}
		
	.smaller-box-1-content ul {
	line-height:1.8em;
	list-style-type: none;
	color: #ECE9D8;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-decoration: none;
	list-style-position: outside;
	}
	
.smaller-box-1-content li {
	border-bottom: 1px solid #ECE9D8;
	line-height:1.8em;
	list-style-type: none;
	color: #ECE9D8;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
	text-align: left;
	padding: 0px;
	text-decoration: none;
	}
	.smaller-box-1-illustration {		
		font: 11px Arial, Helvetica, sans-serif;				
		color: #5D5D5D;
		margin: 0px 0px 0px 20px;		
		width:190px;
		}
	.smaller-box-h {
		margin: 0px 10px 10px 20px;		
		width:190px;
		height:30px;
		padding: 0px;
		color:#4C1629;
		font: bold 11px Arial, Helvetica, sans-serif; 
		border-bottom: 1px solid #ECE9D8;
		}
		
		
#smaller h4 {
	margin: 0px 0px 0px 10px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: bold 11px/24px Arial, Helvetica, sans-serif; 
	color: #4C1629;
	}
	
/*#smaller ul {
	line-height:1.8em;
	list-style-type: none;
	color: #ECE9D8;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-decoration: none;
	list-style-position: outside;
	}
	
#smaller ul li {
	border-bottom: 1px solid #ECE9D8;
	line-height:1.8em;
	list-style-type: none;
	color: #ECE9D8;
	font-weight: bold;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-decoration: none;
	}
*/	
#smaller a:link, #smaller a:visited, #smaller a:link, #smaller a:active {
	color: #5D5D5D;
	text-decoration: none;
	}
		
#smaller a:hover {
	color: #642D46;
	text-decoration: none;
	}


/*FOOTER STYLE BEGIN HERE. THIS WILL BE EFFECTED BY ENTRY STYLE TOO, SO PAY ATTENTION*/

#footer {
	margin: 0px;
	position: relative;
	padding: 0px;
	border-top: #EBEBEB 1px solid ;
	height: 25px;
	width: 780px;
	clear: both;
	}
	
	.footer-address { 
		padding-top: 0px;	
		margin: 0px 0px 0px 165px;
		text-align: center;	
		color:#5D5D5D;
		font: 11px Arial, Helvetica, sans-serif; 
		}

#footer a:link, #footer a:visited, #footer a:link, #footer a:active {
 	color: #5D5D5D;
 	text-decoration: none;
	}