/*******************************************
Main Content
*******************************************/  
#mainContent{ 
	clear: both;
	background-color: #ffffff;
	padding: 30px 20px;
}

#mainContent a{   
	text-decoration: none;
}

#mainContent a:link{   
	border-bottom: 1px dotted #24358A;
	color: #24358A;
}

#mainContent a:visited, #mainContent a:hover{   
	border-bottom: 1px dotted #EE7F00;
	color: #EE7F00;
}  

/*#### general points (left box) ####*/   
#hotitems-left{
   	float: left;     
	width: 163px;      
	margin: 0px;
	margin-right: 11px;
}   

.hotitem-left{              
	background-color: #ccc8bd; 
	margin-bottom: 10px; 
} 

.hotitem-left div.topspacer{              
	display: block;
	*font-size: 6px;
	height: 10px;
	width: 163px;
	background: transparent url(images/site/general_points_top_bg.gif) no-repeat;
} 

.hotitem-left div.bottomspacer{              
	display: block; 
	*font-size: 6px; 
	height: 10px;
	width: 163px;
	background: transparent url(images/site/general_points_bottom_bg.gif) no-repeat; 
}  

.hotitem-left h1{              
	font-size: 12px;  
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff; 
	padding: 0px 20px;
} 

.hotitem-left ul{              
	font-size: 12px;  
	padding: 0px 20px; 
	margin: 0px;
	list-style-position: outside;
} 

.hotitem-left p{              
	font-size: 12px;  
	padding: 0px 20px; 
	margin: 0px;
} 

#hotitems-left .hotitem-left a{  
	text-decoration: none;
	color: #807B6C;   
	border: none;
} 

#hotitems-left .hotitem-left a:hover{  
	text-decoration: underline;
	color: #ffffff;
}

/*#### hot items (second box) ####*/ 
#hot-items{              
	float: left;     
	width: 190px; 
	margin-right: 8px;
   	background: transparent url(images/site/home_content_main_bg.gif) no-repeat 0px 10px; 
}

#hot-items div.content{              
	padding: 0px 15px;
	background: transparent url(images/site/home_content_content_bg.gif) repeat-y;
} 

#hot-items div.topspacer{              
	display: block;
	*font-size: 6px; 
	height: 10px;
	width: 190px;
	background: transparent url(images/site/home_content_top_bg.gif) no-repeat;
} 

#hot-items div.bottomspacer{            
	display: block; 
	*font-size: 6px; 
	height: 20px;
	width: 190px;
	background: transparent url(images/site/home_content_bottom_bg.gif) no-repeat;
}  

#hot-items h1{              
	font-size: 14px;  
	text-transform: uppercase;
	color: #ee7f00; 
} 

#hot-items h2{ 
   	padding-top: 20px;             
	font-size: 12px;  
	font-weight: normal;
	color: #24358a; 
}
 
#hot-items img{              
	float: left;
	padding: 0px 8px 8px 0px;
}

#hot-items p img{              
	float: none !important;
	padding: 0px !important;
}  

#hot-items p{              
	padding: 0px;
}  

#hot-items a.read-more{              
	float: right;
	text-decoration: none;
	font-style: italic;
	color: #ee7f00; 
	clear: both; 
}  

/*#### calendar (third box) ####*/ 
#calendar{              
	float: left;     
	width: 190px; 
	margin-right: 8px;
   	background: transparent url(images/site/home_content_main_bg.gif) no-repeat 0px 10px; 
}

#calendar div.content{              
	padding: 0px 15px;
	background: transparent url(images/site/home_content_content_bg.gif) repeat-y;
} 

#calendar div.topspacer{              
	display: block; 
	*font-size: 6px; 
	height: 10px;
	width: 190px;
	background: transparent url(images/site/home_content_top_bg.gif) no-repeat;
} 

#calendar div.bottomspacer{            
	display: block; 
	*font-size: 6px; 
	height: 20px;
	width: 190px;
	background: transparent url(images/site/home_content_bottom_bg.gif) no-repeat;
}  

#calendar h1{              
	font-size: 14px;  
	text-transform: uppercase;
	color: #ee7f00; 
} 

#calendar h2{ 
   	padding-top: 20px;             
	font-size: 12px;  
	font-weight: normal;
	color: #24358a; 
} 

#calendar p{              
	padding: 0px;
} 

#calendar p img{              
	float: none !important;
	padding: 0px !important;
} 

#calendar a.read-more{              
	float: right;
	text-decoration: none;
	font-style: italic;
	color: #ee7f00;
	clear: both; 
} 
 
/*#### calendar and login box ####*/ 
#calendar-login{
	float: right; 
	padding: 0px;
	margin: 0px;
	/* align addition KD */
} 

/*#### calendar themes (fourth box) ####*/
.home_banner{
	width: 190px;
	margin-bottom: 10px;
}  

.home_banner p{
	margin: 0;
	padding: 0;
}

#calendar-login .home_banner a, #calendar-login .home_banner img{
	text-decoration: none;
	border: none;
}

.banner-right{
	width: 190px;
	background-color: #CCC8BD; 
	margin-bottom: 10px;
}  

.banner-right h1{              
	font-size: 14px;  
	text-transform: uppercase;
	color: #ffffff;
	margin: 0;
	padding: 19px 20px 0px 20px;
	*padding-top: 29px;
} 

.banner-right ul, .banner-right p{
	margin: 0px;
	padding: 0px 20px;
	color: #FFFFFF;
}
     
.banner-right a {
	/*float: right;*/
	color: #ffffff;
} 

.banner-right form{              
	padding: 10px 0px;
} 

.banner-right form p{              
	color: #807B6C;
}

.banner-right span{              
   color: #ffffff;
	padding: 0 20px;
} 

.banner-right input{              
	margin: 2px 20px;
	width: 150px;  
	*width: 145px;
	height: 20px;
	border: none; 
}

.banner-right input.submit-btn{    
	margin-top: 15px;
	background: transparent url(images/site/login_btn_bg.gif) no-repeat; 
}

#calendar-login .banner-right a.read-more{
	float: right;
	text-decoration: none;
	font-style: italic;
	color: #ffffff;  
	padding: 10px 0px; 
}  

/*#### login boxs (fifth box) ####*/ 
#login-box{
	width: 190px;
	background-color: #ccc8bd;
	color: #ffffff;
	margin-top: 10px;
	padding-bottom: 20px;
} 

#login-box h1{              
	font-size: 14px;  
	color: #ffffff;
	padding: 10px 20px; 
} 

#login-box p{              
	font-size: 12px;  
	color: #ffffff;
	padding: 0px 20px; 
}

#login-box form{              
	padding: 10px 0px; 
	margin: 0px;
} 

#login-box span{              
	float: left;
	padding: 0px 20px; 
} 

#login-box input{              
	margin: 2px 20px;
	width: 150px;  
	*width: 145px;
	height: 20px;
	border: none; 
} 
 
#login-box input.remember{  
	float: right;             
	margin: 0px;
	margin: 0px 10px 0px 0px; 
	*margin-top: -8px;
	width: 10px;
	height: 10px; 
}  

#login-box span.remember{ 
	float: right;             
	margin: 0px;
	padding: 0px 20px 0px 0px;
}  
 
#login-box input.submit-btn{    
	margin-top: 15px;
	background: transparent url(images/site/login_btn_bg.gif) no-repeat; 
}  

#registeruser{
	padding: 10px 20px;
} 

#registeruser a{
	text-decoration: none;
	color: #24358a;
	font-size: 12px;
}  

#registeruser a:hover{
	border-bottom: 1px dotted #24358a;
}