/* CSS Document */

* {margin:0;padding:0}

body{
	font-family:Arial, Helvetica, sans-serif;
 	padding: 0;
  	width: 100%;
	margin-left: auto; 
	margin-right: auto;
	background-image: url(images/background.jpg);

}

#header {
	float:left;
	width: 972px;
	height: 125px;
	background-image:url(images/header_bg.jpg);
}

.orangebg {
background-image: url(../images/trans.png);

}


.orange2bg {
background-image: url(../images/trans.png);

}

.redbg {
background-image: url(../images/trans.png);

}

.redbgold {
 background-image: url(../images/trans.png);

}

.red2bg {
background-image: url(../images/trans.png);

}



#header .banner {
position:absolute;
top: 60px;
left: 37%;
color:#FFFFFF;
font-size:14px;
font-style:italic;
font-weight:bold;

}



#urban {
	float: left;
	width: 972px;

	background-image: url(images/top_bg.jpg) ;
background-repeat: no-repeat;
backround-color: #000;
}


#logo{
	float:left;
width: 130px;
	height: 120px;
	padding: 4px 0px 0px 4px;
	margin-left: 90px;
  display: inline;
}

#loginbox{

	float: right;
	padding: 6px 6px 6px 6px;
	
	margin-right: 90px;
  display: inline;

}

#loginbox h3 {
	color:#fff;
	font-size:12px;
	
}

#loginbox h3 a {
	color:#84c63d;
	font-size:12px;
	
}

#wrap{
	width: 972px;
	margin:0 auto;
}


/*Below header.......................*/

#menu {
	float:left;
	width:780px;
	margin-top: 10px;

}

#menu , #menu .active a {
	color: #BF1616;
}



#middlebg {
	float: left;
	width: 972px;
	background-image: url(images/middle_bg.jpg) ;
background-repeat: repeat-y;

}


#contentarea {
	float: left;
	 width: 788px;
	margin-left: 94px;
	display: inline;

}

/*top box (search)...........................*/

#notes {
	float:left;
	width:788px;
	height: 72px;
	background-image: url(images/topnotes.jpg);
	margin-bottom: 10px;
	

}



#imagecycle {
	float:left;
	width:788px;
	height: 199px;
	
	

}
/*Middle section (main content)...........................*/
#middle{
	float:left;
	width:788px;

}

#maintop{
width:788px;
height: 8px;
background-image: url(images/main_top.png);
}



#mainmiddle {
	float:left;
	width:788px;
      background-image: url(images/main_middle.png) ;


}

#mainbottom {
	float: left;
	background-image: url(images/main_bottom.png) ;
	background-repeat: no-repeat;	
	height: 27px;
	width:788px;
	
}

#maincontent {
	width: 740px;
	padding-left: 25px;
	padding-top: 10px;
     
  
}

#maincontent h4 {
	
	font-size: 20px;
padding: 5px 5px 5px 5px;
	color: #fff;

	


}

#maincontent h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	padding-top: 0px;
	





}



#maincontent h3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	padding-top: 0px;
}

#maincontent h3 a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	padding-top: 0px;
}

#maincontent h5 {
	font-weight:bold;
	color: #FFFFFF;
	font-size: 14px;
	padding-bottom: 10px;
	text-align:center;

}

#maincontent h5 a {
	font-size: 14px;
	font-weight:bold;
	color: #fff;
	padding-top: 0px;
}

#maincontent h5 a:hover {

	font-size: 14px;
	font-weight:bold;
	color: #fff;
	padding-top: 0px;
}


#maincontent h6 {
	font-weight:bold;
	color: #FFFFFF;
	font-size: 14px;
	padding-bottom: 10px;
	text-align:center;

}

#maincontent h6 a {
	font-size: 14px;
	font-weight:bold;
	color: #84c63d;
	padding-top: 0px;
}

#maincontent h6 a:hover {

	font-size: 14px;
	font-weight:bold;
	color: #fff;
	padding-top: 0px;
}

#maincontent p {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
padding: 5px 12px 12px 12px;
}



#maincontent a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #84c63d;
	text-decoration:none;
}


#maincontent a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color: #84c63d;
}
#maincontent ul{
	



}


#list li {
	margin-left: 50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	list-style-type: circle;
	margin-bottom:10px;


}

/*Middle section home page panels ...........................*/
#homebg {
	width: 740px;
	height:300px;
	
	


}

#homeleft {
	float: left;
	width: 410px;
	
	margin-left: 2px;
  display: inline;
}

#homeleft .img {

	width: 400px;
	height: 300px;
	
	background-image: url(images/home_large.jpg);
	

	
 

}

#homeright {
	float: right;
margin: 10px 6px 0 4px;
	width: 308px;
	padding: 4px 4px 0px 4px;


	
	

}

#homeright img {
 
	padding: -4px -4px -4px  -4px;
margin: -6px -6px 0 -4px;
	
	

}



.paneltable {

float: left;

margin-left: 22px;
margin-top: 20px;


}






.paneltable {





}




.paneltable p {
padding: 5px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;

}

.paneltable h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	padding-bottom: 5px;
	color: #fff;
	padding-top: 2px;
	text-align: center;
	
}

.paneltable a {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;

}

.paneltable a:hover {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:underline;
	

}

.paneltable a:visited {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;

}


.paneltable img {
	padding-bottom: 4px;


}




/*links box (bottom of site)...........................*/

#bottombg{
	float:left;
	width:972px;
	height: 393px;
	background-image:url(images/bottom_bg.jpg);
}


#linksbox {
	float:left;
margin-top:60px;
	width: 788px;
background-image:url(images/linksbox.png);
	height: 241px;

	margin-left: 94px;
	  display: inline;
	
}

#linkscontent {
	padding: 20px 0px 0px 20px;;
	width: 788px;
	
}

#linkscontent h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}

#linkscontent p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #84c63d;
}

#linkscontent a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #84c63d;
	text-decoration:none;
}

#linkscontent a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color: #84c63d;
}

/*Footer...........................*/
#footer  {
	float:left;
	text-align:center;
	width: 100%;
	height: 100px;
	background-image:url(images/footer.jpg);
}



#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;
	padding-left: 10px;
	padding-top: 10px;
}

#footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;

	text-decoration:none;
}

#footer a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999999;

	text-decoration:underline;
}


/*grey table...........................*/

#greytable {
	width:100%;
}

#maintable {
	width: 740px;
	padding-left: 25px;
	padding-top: 25px;
}

#greytable td {

/* background-image:url(images/td_bg.gif); */


}

#greytable p {
	padding-top: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;

}

#greytable h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	padding-top: 5px;
	
}

#greytable a {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;

}

#greytable a:hover {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:underline;
	

}

#greytable img {
	padding: 5px 5px 5px 5px;

}



.maintable {
	width: 370px;
height: 150px;
	
background-image:url(images/td_bg.gif);

}

#hometable{

float: left;
margin-left: 25px;
padding:20px 0 0 0;

}



#hometable td {

	padding: 5px 5px 5px 6px;



}

#hometable p {
padding-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;

}

#hometable h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	padding-bottom: 5px;
	color: #fff;
	padding-top: 2px;
	text-align: center;
	
}

#hometable a {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:none;

}

#hometable a:hover {
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration:underline;
	

}

#hometable img {
	width: 232px;


}


/*biog ...........................*/



#biogleft {
	float: left;
	width: 200px;
	
	

}

#biogleft h2 {

	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 10px 0 6px 0;
	padding: 2px 0 0 0px;
	height:18px;
	border-bottom:#fff 1px solid;
	line-height:1.5em;

}

#biogright {
	float: right;
	width: 510px;

}



/*News page..........................*/



#newsleft {
	float: left;
	width: 150px;
	
	

}

#newsleft h2 {

	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 10px 0 6px 0;
	padding: 2px 0 0 5px;
	height:18px;

	line-height:1.5em;

}



#newsright {
	float: right;
	width: 560px;

}

#newsright  img{
padding: 5px 5px 5px 5px;


}

#contactleft {
	float: left;
	width: 400px;
	
	

}

#contactleft h2 {

	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 10px 0 6px 0;
	padding: 2px 0 0 5px;
	height:18px;

	line-height:1.5em;

}



#contactright {
	float: right;
	width: 310px;

}

#contactright  img{
padding: 5px 5px 5px 5px;


}





/*jquery image cycle..........................*/
.pics {  
    height:  788px;  
    width:   199px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0px;  
    border:  0px solid #ccc;  
    background-color: #eee;  
    width:  788px; 
    height: 199px; 
    top:  0; 
    left: 0 
} 

/*jAVASCRIPT news..........................*/

.ticker { 

	float:left;
	width:788px;
	height: 30px;
	

}


.ticker ul {width:788px; position:relative;}

.ticker li  {
width:100%;
list-style:none;
list-postion:inside;
position:absolute;
overflow:hidden;
color:#FFFFFF;
padding: 4px 0px 0 6px;
}

.ticker  a  {
	color:#FFFFFF;
	font-size: 14px;
	text-decoration:none;
}

.ticker  a:hover  {
	color:#FFFFFF;
	font-size: 14px;
	text-decoration: underline;
}




.webapptable {
  border-spacing: 4px;
  border-collapse: separate;


}

.webapptable td {
  background-image: url(images/td_bg.gif);
  border: 2px solid transparent;
width: 370px;
}

#webapp4337pagination, #webapp4337pagination ul {
	padding: 0;
	margin: 0 0 10px 0px;
	list-style: none;
}

#webapp4337pagination li {
	float:left;
        padding:3px;
}