/*
	GENERIC RESET & BASIC STRUCTURE
*/
a 									{ /* remove the dotted outlines when clicking tabs */ 
						  		      outline: none; text-decoration: none; }
ul 									{ list-style: none; }


/*
	WIDGET STRUCTURE
*/
#blogSliderWrap 					{ width: 840px; height: 750px; margin: -20px auto; position: relative; }
#blogSlider 						{ width: 830px;  margin-left: 15px; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 300px; }
.stripNav 							{ margin-left: 15px;position: relative; top: 18px; z-index: 99;
									  width: 840px; }
.wrapper 							{ float: left; width: 300px; }
.innerWrap 							{ width: 830px; overflow: hidden; }
#push 								{ height: 35px; }


/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; padding-right: 5px; 	}

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 17px; text-indent: -9999px; }
/* The below class names are auto-generated by the JavaScript */
.stripNav li.tab1 a { background: url(../images/latestnews.png) top left no-repeat; width: 76px; }
.stripNav li.tab2 a { background: url(../images/categories.png) top left no-repeat; width: 76px; }
.stripNav li.tab3 a { background: url(../images/contact.png) top left no-repeat; width: 76px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* It is neccessary to repeat the image paths here */
.stripNav li.tab1 a.current { background: url(../images/latestnews.png) bottom left no-repeat; }
.stripNav li.tab2 a.current { background: url(../images/categories.png) bottom left no-repeat; }
.stripNav li.tab3 a.current { background: url(../images/contact.png) bottom left no-repeat; }


/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{
	display: block;
	position: relative;
	width: 75px;
	height: 22px;
	text-indent: -9999px;
}
.stripNavL a						{ bottom: 5px; left: 65px; background: url(../images/previous.png); }
.stripNavR a 						{ bottom: 5px; right: 50px; background: url(../images/next.png);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 268px; height: 645px;  border: 1px solid #d4d4d4; background: #f8f8f8; float: left; margin-top: 17px; padding: 15px; }
.panel ul li a 						{ border-bottom: 1px solid #d6d6d6; color: #222222; display: block; padding: 15px 10px; font-size: 11px; overflow: hidden; }
.panel ul li a .icon { margin: 5px; margin-right: 10px; }

								  	  /* Unique rollover colors for each list */
.panel ul#list-1 li a:hover 		{ background: #52bbe2; color: white; text-decoration: none; }
.panel ul#list-2 li a:hover 		{	background: #52bbe2; color: white; text-decoration: none;  }
.panel ul#list-3 li a:hover 	{ background: #52bbe2; color: white; text-decoration: none; }