/* you can make changes these classes, which will effect the top menu */

/* CUSTOMIZATION SECTION*/
a:link, a { /* all hyper link color*/
	color:#0099ff;
	text-decoration:none;
}
a:hover {/* all hyper link mouse over color*/
	color:#101010;
}
.menu {	
	background-color: #333;	/* top menu bg color*/
}
.menu li a {
border-right:	1px solid #111;		/* top menu right border color*/
}

.menu a, .menu a:link, .menu a:visited{ /* top menu link color*/
	color:#fff;	
}
.menu li a:hover { /* top menu mouse over color*/
	color:#ccc;	
}

.menu li li {
	background:		#ededed;
	border-bottom:	1px solid #ddd;} /* top menu drop down link bg  color*/
	

.menu li li a:link, .menu li li a:visited, .menu li.current_page_item ul a:visited { /* top menu drop down link color*/
	color:#000;
}

.menu li li a:hover, .menu li.current_page_item ul a:hover { /* top menu drop down link mouse over color*/
color:#666;
}
	
.menu li.current_page_item a,  .menu li.current_page_item a:link, .menu li.current_page_item a:visited{  /* top menu current or active link color*/
color:#ccc;
}	

/* CUSTOMIZATION FOR BIG TITLES ON TEH SIDEBAR SECTION*/

.tagline h1{
font-size:7em;
color:#333;

}

.tagline h2 strong{
font-size:2.5em;
color:#ccc;
}

.tagline h3 {
color:#333;
}


/* CUSTOMIZATION FOR CONTENT BOXES*/

#content-column .first-column{
border-top:10px solid #eee;

}
#content-column .second-column{
border-top:10px solid #333;

}
#content-column .third-column{
border-top:10px solid #eee;

}