﻿/****** Designed by Cloud One: www.cloud1design.com ******/
/****** Licensed to Paviliard Design, GRILA         ******/

/**** Standard ****/
body 
{
	margin: 0;
	background-color: #ffffe1;
}
body, html, table 
{
	font-family: Arial;
	font-size: 14px;
	color: #5A3D1C;
}
hr 
{
	height: 1px;
	border: 0;
	border-bottom: dashed 1px #5A3D1C;
}
h1 
{
	font-size: 26px;
}
h2 
{
	font-size: 22px;
}
a:link, a:visited 
{
	color: #e0701e;
	text-decoration: none;
}
a:hover 
{
	color: #e0701e;
	text-decoration: underline;
}
/***** Frame *****/

#mainFrame 
{
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	border: solid 1px #896f52;
}
#header 
{
	background: #745a32 url(Images/headerBgRight.gif) top right no-repeat;
	border-bottom: solid 13px #daa973;
	height: 160px;
}
#topMenu 
{
}
#main 
{
	padding-top: 20px;
}
#footer 
{
	text-align: center;
	clear: both;
	padding: 8px;
}
#bannerArea 
{
	float: left;
	width: 700px;
	height: 119px;
	padding-top: 10px;
	padding-left: 20px;
}
#topMenu 
{
	float: left;
	width: 700px;
	padding-left: 20px;
}
#sidebar 
{
	float: left;
	width: 160px;
}
#content 
{
	float: left;
	width: 600px;
	padding: 0 20px;
}
#rightbar 
{
	float: left;
	width: 180px;
	padding-right: 20px;
}
#subpage 
{
	background-color: #fff;
}
/***** Others *****/
.text1 
{
	font-size: 13px;
	text-transform: uppercase;
}
.text2 
{
	color: #006B33;
	font-size: 15px;
}
.noBorder 
{
	border: 0px;
}
.clearFloat 
{
	clear: both;
}
.clockArea
{
	color: #006B33;
	border: 1px solid #ccc;
	background: #fff ;
	padding-left: 8px;
}
.clockArea img 
{
	border: 0;
}
.clockArea a 
{
	color: #006B33;
	text-decoration: none;
}
.designedBy 
{
	font-size: 12px;
}
.designedBy a 
{
	font-size: 10px;
	text-transform: capitalize;
	color: #e0701e;
}
/**** gallery thumbnails ****/
.galleryThumbnail 
{
	width: 68px;
	border: solid 2px #5A3D1C;
	padding: 1px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
/***** top menu *****/
.topMenuCSS
{
	position: relative;
	padding: 0;
	margin: 0;
	height: 35px;
	list-style: none;
}
.topMenuCSS li
{
	float:left;
	padding: 0 2px;
	list-style: none;
}
.topMenuCSS li a 
{
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	float: left;
	display: block;
	width: 115px;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	background: url(Images/menuItemBgHover.gif) no-repeat top left;
}
.topMenuCSS li.current a,
.topMenuCSS li.current a:hover
{
	color: #fff;
	background: url(Images/menuItemBg.gif) no-repeat top left;
}
.topMenuCSS li a:hover
{
	color: #000;
	background: url(Images/menuItemBgHover.gif) no-repeat top left;
}
/***** left menu *****/
#leftMenu 
{
	padding-left: 20px;
}
.leftMenuCSS
{
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
}
.leftMenuCSS li
{	
	list-style: none;
}
.leftMenuCSS li a 
{
	font-family: Arial;
	font-size: 14px;
	color: #000;
	float: left;
	display: block;
	width: 130px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	background: url(Images/menuItemLeftBg.gif) no-repeat top left;
	padding-bottom: 8px;
}
.leftMenuCSS li.current a,
.leftMenuCSS li.current a:hover
{
	color: #fff;
	background: url(Images/menuItemLeftBg.gif) no-repeat top left;
}
.leftMenuCSS li a:hover
{
	color: #fff;
	background: url(Images/menuItemLeftBgHover.gif) no-repeat top left;
}
/**** Box Brown ****/
.boxBrown 
{
	background: url(Images/boxBrownL.gif) top left repeat-y;
}
.boxBrown .header 
{
	background: url(Images/boxBrownTopR.gif) top right no-repeat;
	height: 15px;
}
.boxBrown .header div 
{
	height: 15px;
	background: url(Images/boxBrownTopL.gif) top left no-repeat;
}
.boxBrown .content 
{
	background: url(Images/boxBrownR.gif) right repeat-y;
	padding: 1px 15px;
}
.boxBrown .footer 
{
	height: 15px;
	background: url(Images/boxBrownBottomR.gif) bottom right no-repeat;
}
.boxBrown .footer div
{
	height: 15px;
	background: url(Images/boxBrownBottomL.gif) bottom left no-repeat;
}
/**** Box Orange ****/
.boxOrange 
{
	background: url(Images/boxOrangeL.gif) top left repeat-y;
}
.boxOrange .header 
{
	background: url(Images/boxOrangeTopR.gif) top right no-repeat;
	height: 15px;
}
.boxOrange .header div 
{
	height: 15px;
	background: url(Images/boxOrangeTopL.gif) top left no-repeat;
}
.boxOrange .content 
{
	background: url(Images/boxOrangeR.gif) right repeat-y;
	padding: 1px 15px;
}
.boxOrange .footer 
{
	height: 15px;
	background: url(Images/boxOrangeBottomR.gif) bottom right no-repeat;
}
.boxOrange .footer div
{
	height: 15px;
	background: url(Images/boxOrangeBottomL.gif) bottom left no-repeat;
}
/**** other boxes ****/
.boxL2 
{
	border: solid 3px #745A32;
}
