/* global */

    /* image replacement */
        .graphic, #header h1, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:921px;	
		}	
	#header{
		height:144px;
		
		}				
	#content{
		position:relative;
		}	
			
	/* slider */

		#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:921px;
		height:275px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:18px;
		height:32px;
		position:absolute;
		left:20px;
		top:105px;
		}	
	#nextBtn{ 
		left:880px;
		}		
												
		#prevBtn a, #nextBtn a{  
			display:block;
			width:18px;
			height:32px;
			background:url(../images/Arrow_Left.gif) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(../images/Arrow_Right.gif) no-repeat 0 0;	
			}								
	
	/* // slider */													

	.col strong, .full strong{
		padding:0 2px;
		
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		
		margin-bottom:1px;
		}		

/* // content */

/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}