@import url('reset.css');

body {
	text-align: center;
	margin: 0 auto;
	background: #D8FF79 url("img/bg.jpg") repeat-x;
	font-family: sans-serif;
	font-size: 12px; 
	}
	
img.noneborder { border: none; }
	
img { border: none; }

form { margin: 0; padding: 0; }	
	
#container {
	width: 950px;
	text-align: left;
	margin: 0 auto;
	}

#header { height: 149px; }

	img.logo { float: left; }
	.login_area { float: right; margin-right: 190px; margin-top: 18px;}
	
		* html div.login_area { margin-top: -100px; margin-right: 80px; }
	
	.login_area input { border: 1px solid #7B0B0B; background: #F8F6E4; padding: 3px; }
	
	input.loginbt { background: #000; font-weight: bold; color: #fff; }
	
	#header h4 { color: #fff; font-size: 13px; }
	
.navigation { background: #E9D51B; }	

	#menudiv {
		background: url(img/img_navigation.gif) no-repeat left top; 
		float: left; 
		overflow: hidden; 
		width: 807px; 
		height: 40px
	}

	#menu {
		float: left; 
		overflow: hidden; 
		width: 807px; 
		position: relative; 
		height: 40px; 
		margin:0px; 
		padding:0px;	
	}
	
	#menu li { list-style-type: none; position: absolute }
	
	#menu li, #menu a { display: block; height: 40px }

	#menuhome { background:url(img/img_navigation.gif) 0px -40px; width: 113px }
	
	#menuhome a:hover { background: url(img/img_navigation.gif) no-repeat 0px -40px }

	#menuhome span, #menuaboutus span, #menujoinus span, #menucontact span, #menulogin span, #menudeals span, #menufaqs span  { display:none; }

	#menuaboutus { left: 113px; width: 133px }
	
	#menuaboutus a:hover { background: url(img/img_navigation.gif) no-repeat -113px -40px }

	#menujoinus { left: 246px; width: 113px }

	#menujoinus a:hover { background: url(img/img_navigation.gif) no-repeat -246px -40px }
	
	#menudeals { left: 359px; width: 102px }
	
	#menudeals a:hover { background: url(img/img_navigation.gif) no-repeat -359px -40px }

	#menufaqs { left: 461px; width: 97px }
	
	#menufaqs a:hover { background: url(img/img_navigation.gif) no-repeat -461px -40px }

	#menulogin { left: 558px; width: 103px }
	
	#menulogin a:hover { background: url(img/img_navigation.gif) no-repeat -558px -40px }

	#menucontact { left: 661px; width: 146px }
	
	#menucontact a:hover { background: url(img/img_navigation.gif) no-repeat -661px -40px }

.sitetour {
	width: 128px;
	margin-top: -70px;
	margin-left: 10px;
	z-index: 1;
	}

.clearfix { clear: both; }

#banner { height: 242px; background: url("img/banner.jpg") no-repeat; }

#banner_inside { height: 242px; background: url("img/banner_inside.jpg") no-repeat; }

#boldtext { height: 180px; background: url("img/boldtext.jpg") no-repeat; }

	.boldtext_left { width: 450px; float: left; }
	#boldtext_right { margin: 16px; }
	
		img.margins { margin: 1px; }
		
		.vertical_space { height: 10px; }

#content { background: #fff; padding: 5px 15px 5px 15px; }
	
	h1 { font-family: Georgia; font-size: 22px; letter-spacing: 1px; font-weight: normal; }
	
	h2 { font-family: Verdana; font-size: 20px; }
	
	h3 { font-size: 12px; }

	.boxes { width: 210px; float: left; padding: 0 10px 0 10px; text-align: justify;}
	
	#news { background: url("img/news.jpg") no-repeat; height: 233px; padding: 5px; }
	
	#news h2, .news_snip { margin-left: 7px; font-family: Verdana; }
	
			 .news_snip { font-size: 10px; }
	
	#news h2 { font-family: Verdana: 15px; }
	
			 .news_snip h3 { display: inline; }
			 
	#border { border-bottom: 1px dotted #666; height: 8px; margin-left: 7px; margin-bottom: 6px; }
	
		#border_tengah { background: url("img/bg_lines.jpg"); height: 290px; }
	
	.readmore { margin-left: 7px; color: #BC0000; }
	
	.topics li {
		list-style-image:url("img/li_arrow.jpg");
		list-style-position:outside;
		height: 22px;
		padding-top: 5px;
		border-bottom: 1px solid #ccc;
		}
		
	.topics {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-left: -15px;
	}
		
		.topics li.last {
			border-bottom: none;
			}
	
	.topics_boldtext li {
		list-style-image: url("img/arrow_li.png");
		list-style-position: outside;
		padding-bottom: 10px;
		border-bottom: 1px solid #CB4D4D;
		}
		
		.topics_boldtext li.last {
			border-bottom: none;
			}
		
	.topics_boldtext {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin-top: -2px;
		padding-top: 20px;
		font-family: Arial;
		font-weight: bold;
		color: #fff;
		font-size: 14px;
	}
	
	* html ul.topics { margin-left: 15px; }
	
/* Insideapge */

	.insidepage_sidebar { border: 1px dashed #D1AAAA; margin-left: 11px; margin-top: 15px; width: 320px; float: left; padding: 5px 6px 5px 10px; background: #FBF5F5;}
		
	.insidepage { width: 544px; float: left; padding: 0 6px 0 10px; }
		.insidepage_sidebar  p, .insidepage p { text-align: justify; }
		
	.form_custom {
		width: 400px;
		background: #FAFAF5;
		border: 1px dashed #E1DA95;
		padding: 10px;
		}
		
		.form_custom h4 { margin: 0; }
		
		.form_custom input , .form_custom textarea { border: 1px solid #ccc; }
		
		.form_custom textarea { height: 100px; width: 280px; }
	
	
#footer { background: #D8FF79; text-align: center; width:100%;padding:15px;}

/* Typography */

.red { color: #BC0000; }
.gold { color: #CFB900; }
.green { color: #098C3E; }

/* UL / OL classes */

/* Bullets Heading */		
.bullethead_green { 
	font-size: 12px;
	color: #506310;
	background: url("img/bullethead_green.jpg") repeat-x;
	height: 20px;
	width: 277px;
	margin: 21px 0 0 8px;
	padding: 4px 0 0 15px;
	}
	
* html h2.bullethead_green {
	font-size: 12px;
	color: #506310;
	background: url("img/bullethead_green.jpg") repeat-x;
	height: 24px;
	width: 277px;
	margin: 21px 0 0 8px;
	padding: 4px 0 0 15px;
	}	
	
.bullethead_red { 
	font-size: 12px;
	color: #7D2828;
	background: url("img/bullethead_red.jpg") repeat-x;
	height: 20px;
	width: 277px;
	margin: 21px 0 0 8px;
	padding: 4px 0 0 15px;
	}
	
* html h2.bullethead_red {
	font-size: 12px;
	color: #7D2828;
	background: url("img/bullethead_red.jpg") repeat-x;
	height: 24px;
	width: 277px;
	margin: 21px 0 0 8px;
	padding: 4px 0 0 15px;
	}	
	
/* Bullets Styling */		
.bulletul_green {
	background: #fff;
	width: 257px;
	margin: 0px 0 0 8px;
	padding: 8px 5px 8px 30px;
	list-style-position: outside;
	list-style-image: url("img/li_green.jpg");
	border-bottom: 1px solid #85A41B;
	font-size: 11px;
	}
		
* html ul.bulletul_green {
	background: #fff;
	width: 242px;
	margin: 0 0 0 8px;
	padding: 8px 5px 8px 35px;
	list-style-position: outside;
	list-style-image: url("img/li_green.jpg");
	border-bottom: 1px solid #85A41B;
	font-size: 11px;
	}
	
.bulletul_red {
	background: #fff;
	width: 257px;
	margin: 0px 0 0 8px;
	padding: 8px 5px 8px 30px;
	list-style-position: outside;
	list-style-image: url("img/li_red.jpg");
	border-bottom: 1px solid #A94E4E;
	font-size: 11px;
	}
		
* html ul.bulletul_red {
	background: #fff;
	width: 242px;
	margin: 0 0 0 8px;
	padding: 8px 5px 8px 35px;
	list-style-position: outside;
	list-style-image: url("img/li_red.jpg");
	border-bottom: 1px solid #A94E4E;
	font-size: 11px;
	}
	
/* Numbered Styling */		
.numberul_green {
	background: #fff;
	width: 257px;
	margin: 0px 0 0 8px;
	padding: 8px 5px 8px 30px;
	list-style-position: outside;
	border-bottom: 1px solid #85A41B;
	font-size: 11px;
	}
		
* html ul.numberul_green {
	background: #fff;
	width: 242px;
	margin: 0 0 0 8px;
	padding: 8px 5px 8px 50px;
	list-style-position: outside;
	border-bottom: 1px solid #85A41B;
	font-size: 11px;
	}


/* Blog Theme */

#blogtitle {
  background: #B40001 url("img/blogtitle.jpg") no-repeat; 
  padding: 10px 0 4px 20px; 
  color: #fff;
  height: 35px;
    } 
    
    #blogtitle .title { 
      font-family: Georgia; 
      color: #fff; 
      float: left; 
      font-size: 20px; 
      text-decoration: none;
      display: inline;
      margin: 0;
      padding: 0;
      }
      
     #blogtitle .title a {
      color: #FFE500;
      text-decoration: none;
      }
      
     #blogtitle .title a:hover {
      text-decoration: underline;
      color: #fff;
      }

.post {
  width: 630px;
  padding: 0 10px 0 10px;
  border-bottom: 1px solid #ccc;
  margin-top: 2px;
  }
  
  .entry img {
    padding: 2px;
    border: 1px solid #ccc;
    }
  
  .post h1, h2, h3, h4, h5, h6 {
    font-family: Georgia;
    }
  
  .entry {
    text-align: justify;
    line-height: 1.3em;
    }
    
  blockquote {
    width: 500px;
    margin-left: 20px;
    background: #F4FAE5;
    border-top: 2px solid #B2C780;
    padding: 5px 10px 10px 10px;
    }

.commentlist li {
  background: #FCFBF0;
  width: 460px;
  padding: 10px;
  margin: 10px 0 0 0;
  border-top: 1px dashed #E4DDA1;
  border-bottom: 1px dashed #E4DDA1;
  }
  
.commentlist {
  list-style-image: none;
  list-style-type: none;
  }

#entry-wrap
{
	width:650px;
	float:left;
	margin-top: 5px;
}

#sidebar
{
	float:right;
	width:250px;
}

* html div#sidebar {
  margin-top: 8px;
  }

#sidebar ul li
{
margin-left: -40px;
}

#sidebar ul li a {
  text-decoration: none;
  color: #666;
  }
  
  #sidebar ul li a:hover {
  color: #CC0000;
  }
  
  #sidebar ul li:hover {
  color: #CC0000;
  background: #f8f8f8;
  } 
  
  #sidebar ul li {
      border-bottom: 1px solid #ccc;
      padding: 4px 0 4px 4px;
      }

#sidebar h2
{
	margin-bottom:0;
	color: #CC0000;
}

#sidebar ul {
  list-style-image: none;
  list-style-type: none;
  }

.entrymetadata
{
border:1px solid #ccc;
padding:10px;
}

a
{
	color:red;
}

a:hover
{
	color:#666;
}

h1,h2
{
	font-weight:normal;
}

.entry-navigation
{
	width:650px;
	clear:both;
	margin-bottom:20px;
}

.alignleft
{
	float:left;
}

.alignright
{
	float:right;
}

#sidebar p,#sidebar p a
{
	margin-top:0;
}

.divider
{
	border-top:1px solid #ccc;
	margin-top:50px;
}

.grey {

  color: #666;
  }