/******************TOP NAV************************/
#navbar
{
	clear:both;
	float:left;
	background-repeat:repeat-x;
	min-width:980px;
	padding:0;
	background-image:url(topnav_bg.jpg);
}
#navbar .left , 
#navbar .left a
{
	float:left;
	background-image:url(topnav_leftspacer.jpg);
	height:30px;
	width:250px;
	text-align:left;
	color:White;
	text-decoration: none;
}
/***********************NAVS*******************/
ul.topnav {
	margin:0;
	padding: 0;
	list-style:none;
}
ul.topnav li {
	float:left;
	margin:0;
	margin-right:2px;/*spacing between button*/
	min-height:20px;
	background:url(topnav_right.jpg) no-repeat right top;
}
ul.topnav a {
	display:block;
	text-decoration:none;
	text-align:center;
	padding:7px 0px 0 0px;
	height:20px;
	min-height:23px;
	min-width:100px;
	background:url(topnav_left.jpg) no-repeat left top;
	font-size:13px;
	font-weight:bold;
}
ul.topnav li:hover, ul.topnav li.current {
	background-position: 100% -30px;
}
ul.topnav li:hover a, ul.topnav li.current a , ul.topnav li a.current {
	background-position: 0 -30px;
}
/*****TABS***************/
ul.tabs 
{
	clear:both;
	float:left;
	margin:0;
	margin-top:15px;
	padding:0px ;
	list-style:none;
	height:19px;
	width:960px;
}
ul.tabs li {
	float:left;
	margin:0;
	padding:0 0 0 0px;
	height:19px;
	overflow:hidden;
}
ul.tabs a {
	display:block;
	padding:5px 15px;
	text-decoration:none;
	text-align:center;
	line-height:80%;
	min-width:100px;
	font-size:12px;
}
ul.tabs li:hover, ul.tabs li.current {
	background-position: 100% 0px;

}
ul.tabs li:hover a, ul.tabs li.current a {
	background-position: 0 0px;

}

/********************* TAB2 ******************/
/* root element for tabs2  */
ul.tabs2 
{
	clear:both;
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	/*border-bottom:1px solid #666;	*/
	height:20px;
	font-weight:bold;
}

/* single tab */
ul.tabs2 li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs2 a { 
	/*background: url(/images/tabs.png) no-repeat -420px 0;*/
	/*background-color:Gray;*/
	font-size:11px;
	display:block;
	height: 20px;  
	line-height:20px;
	width: 150px;/**/
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;/**/
}

ul.tabs2 a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs2 a:hover {
	/*background-position: -420px -31px;*/
	background-color:White;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs2 a.current, ul.tabs2 a.current:hover, ul.tabs2 li.current a {
	background-position: -420px -62px;	
	background-color:White;		
	cursor:default !important; 
}
/*************************** BUTTON*****************/
ul.button
{
	margin:0;
	padding: 0;
	list-style:none;
	display:block;
	float:right;
	margin-right:20px;
}
ul.button li {
	display:block;
	float:left;
	margin:0;
	/*margin-right:2px;spacing between button*/
	background:url(bt_right.jpg) no-repeat right top;/**/
}
ul.button span {
	display:block;
	text-decoration:none;
	text-align:center;
	padding:3px 0px 0 0px;
	height:17px;
	min-width:75px;
	background:url(bt_left.jpg) no-repeat left top;/**/
	font-size:13px;
	font-weight:bold;
}
.button
{
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	background-color:Transparent;
	border-color:Transparent;
	display:block;
}
ul.button li:hover , ul.button li:hover span , ul.button:hover , .button:hover{
	background-position: 100% -20px;
}
ul.button li:hover span , .button:hover{
	background-position: 0 -20px;
}

/* root element for scrollable */ 
#latestnews {
	/* required settings */
	position:relative;
	overflow:hidden;      
	/* vertical scrollers have typically larger height than width */     
	height: 300px;     
	 
}  

#latestnews  div p{padding:5px 10px 10px 10px;}
/* root element for scrollable items */ 
#latestnews div.items {
	position:relative;
	font-family:Arial Sans-Serif;
	font-size:12px;
	text-align:left;      
	/* this time we have very large space for the height*/      
	height:20000em; 
}

/* root element for scrollable */ 
#latestvideo {
	/* required settings */
	position:relative;
	overflow:hidden;      
	height: 75px;     
	width: 500px;
	 
}  

#latestvideo  div p{padding:5px 10px 10px 10px;}
/* root element for scrollable items */ 
#latestvideo div.items {
	position:absolute;
	font-family:Arial Sans-Serif;
	font-size:12px;
	text-align:left;      
	width:20000em; 
	/* this time we have very large space for the height*/      
}

/*******Progress Bar*****/
.progressbar
{
	float:left;width:900px;text-align:left;
	font-size:14px;
	font-weight:bold;
}
.progress_on
{
	background: url(/images/current_button.png) no-repeat;
	color:#CC6633;
	display:inline-block;
	font-size:12px;
	padding-left:16px;
	font-weight:bold;
}
.progress_off
{
	background: url(/images/completed_button.png) no-repeat;
	color:#CCC;
	display:inline-block;
	font-size:12px;
	padding-left:16px;
}
.progress_spacer
{
	background: url(/images/progress_spacer.png) no-repeat;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
}
.createCampaign
{
	float:left;
	padding-top:8px;
}
.createCampaign a
{
	text-decoration:none;
	background-color:#CCC;
}
.createCampaign a:hover
{	
	background-color:#FFF;
}