﻿

/* Layout Styling
================================== */

/* Zero down margin and paddin on all elements */
	* {
  		margin: 0;
 		 padding: 0;
	}

	body {
  	font-size:small;
  	font-family: Verdana, Tahoma, Helvetica, sans-serif;
 	background-image:url('../images/background.gif');
  	background-color:#fff;
  	color:#303030; 
}



#barcouncil{
	width:500px;
	margin:0 auto;
}
/************Heading sizes***********/

	ul{

		font-size:90%;
		list-style:none;
		padding:0;
		margin:0 25px;
		}
		

	.intro {
		font-size:90%;
		font-weight:bold;
		color:#606060;
		}
		
	ul.loweralpha{
	list-style-type:lower-alpha;
	padding-top: 10px;
		}	
		
	ul.lowerroman{
	list-style-type:lower-roman;
	padding-top: 10px;
		}	

		
	ul.square{
		list-style-type: square;
		margin: 0 35px;
		}
		
	.square li {
		padding-bottom:8px;
		}

	li h3{
		margin:0;
		padding:10px 0 5px 0;
		}


	ol{
		font-size:90%;
		padding:0 0 0 0;
		margin:0 20px 0 20px;
		}

	li{
		padding:0 0 10px 0;
		}

	ol h2{
		margin:0;
		padding:10px 0 10px 0;
		}

		
	img.logo{
		border:1px solid #b0b0b0;
		}
	
	
		
 	img  {
		float:left;
		margin: 0 10px 15px 6px;
		padding:5px;
		}
	
		
		
 	h1	{
		background-color:inherit;
		color:#606060;
		font-size:180%;
		font-weight:bold;
		margin:0 0 15px;
		padding:15px 20px 5px;

		}

 	h2
		{
		font-size:110%;
		margin-bottom:10px;
		color:#303030;
		font-weight:bold;
		margin:10px 0px 5px 0px;
		padding:5px 5px 5px 20px;		
		}
		
				
		
	h3{		
		font-size:100%;
		color:#606060;
		font-weight:bold;
		margin:0 0 0;
		padding:0px 20px 0px;

	
		}
	
	.note{
		font-size:80%;
		font-weight:normal;
		}
		
	.note a{
		font-size:90%;
		font-weight:normal;
		}

		
	b{
		color:#606060;
		}
		
	i {
		font-size:80%;
		}		
		
	.imgclear{
		clear:both;	
		}
		
		
	.clearboth{
		clear:both;
		}


		
		
	#mainContent .topimage{
	
		
		background:url('../images/top.gif') no-repeat ;
		margin-left:-20px;
		margin-right:-20px;
	
		}
		
		#mainContent .topimage2{
		margin-left:-20px;
		margin-right:-20px;
		background:url('../images/top2.gif') no-repeat ;
		
	
		}


	
		
		
		

	#dcol {
	
		width: 250px;
		float:left;
		}
	
	#dcol span{
		font-size:x-small;
		}
	


	#dcol li{
		padding:0 0 10px 0;
		}

	#mainContent span{

		padding-left:12px;
		color:#606060;
		
		}

/*********************
#courtlists {
	width:100%;
	margin:0px,10px,0px,10px;
}


#courtlists a{
	
	padding-left:10px;
}
#courtlists a:hover{
	
	
	padding-left:20px;
}

#courtlists span {
	padding-left:40px;	
	}

********************************/

/*************Paragraph Sizes*************/

	p {
		font-size: 100%;
		margin-left: 10px;
		margin-right:10px;
		margin-top: 0px;
		margin-bottom: 20px;
	}

 	p {
 
 		padding-top: 0;
 		padding-right:10px;
 		padding-bottom: 0;
		padding-left:10px;
	
	}




	#wrapper {
  		background-color:transparent;
 
		}


	#header {
  		height: 80px;
  		width:100%;
  		background-color:#b0b0b0;
  		background-image:url('../images/header.gif');
  
		}

/******** hyperlinks in paragraphs********/

	a {
		color:#3366ff;
		font-weight:bold;
		text-decoration:none;
		}

	a:hover {
		color:#ff6600;
		text-decoration:underline;
		}
		
	a.small{
		font-size:80%;
		font-weight:normal;
		}


/***font-size:90%; font-weight:bold; ***/
/************** Top Navigation***************/



	#topNav {
	
		background: #0e407d;
		border-top:1px solid #6699cc;
		border-bottom:1px solid #6699cc;

		}

	#topNav ul {
  		font-size:small;
  		margin-top:0;
  		margin-right: 30px;
  		margin-bottom: 0;
 		margin-left: 0;
  		padding-top: 0;
  		padding-right:0;
  		padding-bottom:0;
  		padding-left:0;
 
		}



	#topNav li {
  		float:right;
  		list-style:none;
  		margin-top:0;
  		margin-right: 0;
  		margin-bottom: 0;
  		margin-left: 0;
  		padding-top: 0;
  		padding-right:0;
  		padding-bottom:0;
  		padding-left:0;
		}


	#topNav a {
  		color:#ffffff;
  		display:block;
  		font-size:70%;
  		font-weight:normal;
  		Padding-top: 5px;
  		padding-right:10px ;
  		padding-bottom: 5px;
  		Padding-left:10px ;
  		text-decoration:none;
  		text-transform:uppercase;
  		background: #0e407d ;
		}


	#topNav a:hover {
  		color:#ff6600;
  		text-decoration:none;
  		Padding-top: 5px;
  		padding-right:10px ;
  		padding-bottom: 5px;
  		Padding-left:10px ;
  		background: #0e407d;
	}



/*************** Main Navigation *****************/


	#mainNav h1  {

		background: url('../images/nav-header.gif') no-repeat left;
		color:#ffffff;
		letter-spacing:-1px;
		font-size: 90%;
		font-weight:normal;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 14px;
		padding-left: 35px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		text-align:left;
		}

	#mainNav p {
		font-size:90%;
		line-height:normal;	
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 16px;
		margin-left: 10px;
		
		}

	.nav {
		position:relative;
		font-size:90%;
		font-weight:normal;
		text-decoration:none;
		width:150px;
		color:#ffffff;
		display:block;
		margin-top: 3px;
		margin-right: 0px;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 1px;
		padding-right: 2px;
		padding-bottom: 0;
		padding-left: 20px;
		position:relative;
	
		}

	.nav:hover	{
 		font-size:90%;
		color:#ff6600;
		text-decoration:none;
	
		}
	
	.active {

		color:#ff6600;
		text-decoration:none;
		}


/****css from test site****/


/*************** Secondary Content *************/

	#secondaryContent {
  		background-color: transparent;
   		margin-top: 10px; 

		}

	#secondaryContent h2 {
 		font-size: 100%;
  		margin: 0;
		}

	#secondaryContent h3 {
  		font-size: 100%;
  		margin: 0;
		}


	#secondaryContent p {
  		font-size: 100%;
  		padding-top:5px;
  		padding-bottom:5px;
 
		}

	#secondaryContent span{

		padding-left:5px;
		color:#606060;
		}



/******************* Footer ****************/

	#footer {

  		background-color:transparent;
  		padding:3px 0px 3px 0px;
  		margin-top:10px;
  		
  		text-align:center;
  		color:#FFF
		}

   
 
 	#creditcards {
		margin: auto;
		}
	.style1 {
	border-width: 0px;
}
		
 /***
.column {

	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0;
	text-align: left;
			
}
	
***?
		
/*********End Right Column********/	
 
/*****Right side Boxes********/

	.box {
		width: 190px;
		background:#ffffff url('../images/div-bottom.gif') no-repeat bottom left;
		margin-bottom:20px;
		padding-bottom:2px;
		float:left;
		}
  
	.box h3 {
		margin: 0;
		text-align:center;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 8px;
		padding-left: 10px;
		font-size: 90%;
		color: #ffffff;
		border-bottom: 1px solid #749fd6;
		background:#336699 url('../images/h3-bg.gif') no-repeat top left;
}
  
	.box ul {
		font-size:90%;
 		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
 		padding-top: 14px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
 		list-style: none;
	
		}
  
	.box li {
	
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 6px;
		margin-left: 10px;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
		}
  
	.box p {
		text-align:left;    
		color: #303030;
		background:#FFFFFF;
		padding-top:1px;
		margin-bottom:0;
		}

  
	p.alignc{
		text-align:center;  /** class="alicnc"  for secondary content boxes**/
		}
		
	h2.alignc{
		text-align:center;  /** class="alicnc"  for secondary content boxes**/
		}
	

	a.alignl {
	
		text-align:left;
		float:left;
		padding-left:20px;
		}

	a.alignr {
		text-align:right;
		float:right;
		padding-right:20px;
		}

 	.box img.ad {
	
	margin-left:15px;
	
}

.ad		{
	margin-top:5px;
	margin-left:15px;
	margin-bottom:10px;
}

 	.box img {
	
		padding-top:5px;
		margin-left:25px;
		margin-bottom:5px;
		padding-bottom:0px;
		}
		


	
	a{
		border:0;
		}
	
		
	.box img{
		border:0;
		}
	
		
	.box a{
	
		font-size:90%;
	
		}	
	 
	.jsclass body .randomordercontent{
		display: none;
		
		float:left;
		width:190px;
		margin:0 auto;
		padding:0;


		}


/************ News feed************/


/* the news container part in the css template */
	.zf_news {
    	margin:5px;
		padding-left: 2px;
		padding-top:10px;
		font-family: Verdana,Tahoma,Arial,sans-serif;
		}

/* the news title part in the css template */
	.zf_title {
    	margin: 0 5px;
		}

/* the news description part in the css template */
	.zf_description {
    	color:#303030;
    	text-align:left;
    	margin: 1px 1px;
   	 	padding:5px;
    	font-size: 80%;
    	font-family: Verdana,Tahoma,Arial,sans-serif;
		}

/* the news publication date part in the css template */
	.zf_pubdate {
    	color: #606060;
    	padding:5px;
    	font-size: 80%;
    	font-family: Tahoma;
    	text-align: left;

/* the footer part in the css template */
	.zf_footer {
		height: 1px;
		}

/* the between channels part in the css template */
	.zf_between {
		height: 1px;
		}
/************End of  News feed************/
 


