

body
{	background: url(gfx/full_bg.jpg) no-repeat;
	background-position: top center;
	background-color : #464646;
	font:11px "trebuchet ms", sans-serif;
	color:#ffffff;
	margin:0;

}

.invert  { color : #000000;	font:11px "trebuchet ms", sans-serif; }


#hozbg {  background: url(gfx/top_bg.gif) repeat-x; }

a:link, a:visited {
	text-decoration:none;
	color:#000000;

}
	
a:hover, a:active {
	text-decoration:underline;
	color:#6D6D6D;

} 


a:link.reada, a:visited.reada {
	text-decoration:none;
	color:#F59A16;

}
	
a:hover.reada, a:active.reada {
	text-decoration:underline;
	color:#3399FF;

} 


a:link.read, a:visited.read {
	text-decoration:none;
	color:#262626;

}
	
a:hover.read, a:active.read {
	text-decoration:underline;
	color:#0A4EB9;

} 

img {border:none;}


#topcontainer { width:800px; height:41px; margin-right:auto; margin-left:auto; overflow:hidden;}
#logotop { float:left; padding-top:0;}
#dda { float:right; padding-top:10px; padding-right:22px; overflow:hidden;}


#headercontainer {  background: url(gfx/hd_bg.jpg) repeat-x; width:800px; margin-right:auto; margin-left:auto; overflow:hidden;}

.hdinfo { font:10px "trebuchet ms" ;
	 color:#ffffff ;
	padding:130px 0 0 405px;
	text-align:left;
	}


#logobase { background: url(gfx/logo_2.jpg) no-repeat;
			width:216px;
			height:227px;
			float:left; padding:0;}


#header1 { background: url(gfx/quiklok_header.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }


#gatorpage { background: url(gfx/gator_header.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }

#perrispage { background: url(gfx/perris_head.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }

#minarikpage { background: url(gfx/minarik_head.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }


#hiwattpage { background: url(gfx/hiwatt_head.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }



#ekopage { background: url(gfx/eko_head.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }

#jtpage { background: url(gfx/jt_header.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }

#fmpcasepage { background: url(gfx/fmp_header.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }


#roksakpage { background: url(gfx/rok_header.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }

#accesspage { background: url(gfx/access_header.jpg) no-repeat; 
  		width:584px;
	   height:227px;
	   float:right; }



#pagecontainer {  background: url(gfx/nav_bar_bg.gif) repeat-y; 
				width:800px; margin-right:auto; margin-left:auto; overflow:hidden;}

#leftnav {  background: url(gfx/left_nav_bg.jpg) no-repeat; 
	    width:216px;	
	    float:left; 
	    padding-left:10px;	}

.logostrip { text-align:center; padding:20px 0 20px 0; }

/*-- LEFT NAV OPTIONS --*/


ul.nav,li.nav {
 list-style-image: url(gfx/og_bull.gif);
 padding: 5px  35px 0 10px;
 margin-left: 10px;
 
}

li.nav {
 padding: 5px 10px 5px 5px;
 border-bottom: 1px dotted #858585; 
 font-size: 12px;}

li.nav:hover {
 list-style-image: url(gfx/bl_bull.gif);
 background: #ffa831;
}


ul.tab,li.tab { font-size:10px; color:#000000; list-style-image: url(gfx/og_bull.gif); margin:5px 0 20px 20px; padding:0}



/*-- END --*/


#tabcontainer {

	background: url(gfx/tab_bg.jpg) repeat-x; 
	height:64px;
	overflow:hidden;
}

    #tabs li.default {  
		width:4px;
      }


  #tabs {
      float:right;
      background:transparent;
      font-size:11px;
      line-height:bold;

      }
    #tabs ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }


    #tabs a {
      float:left;
      background:url("gfx/tab_left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }

    #tabs a span {
      float:left;
      display:block;
      background:url("gfx/tab_right.gif") no-repeat right top;
      padding:20px 5px 0px 0px;
	width:84px; 
	height:67px; 
	text-align:center; 
      color:#ffffff;
      }


    #tabs li.default {
      float:left;
      background:url("gfx/tend_left.gif") no-repeat left top;
      display:inline;
      margin:0;
      padding:0;
	width:4px; 
	height:64px; 

      }




    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#F89A1C;
      }
    #tabs a:hover {
      background-position:0% -65px;
      }
    #tabs a:hover span {
      background-position:100% -65px;
      }



#bodycontainer {
      display:inline;
}

.keyhdtxt { font:18px "trebuchet ms", sans-serif  ;
	 color:#000000 ;
	padding:180px 0 0 20px;
	}

.keysubtxt { font:11px "trebuchet ms", sans-serif  ;
	 color:#464646 ;
	padding:0 0 0 20px;
	}

.orgheadtxt { font:18px "trebuchet ms", sans-serif  ;
	 color:#ffa831 ;
	}

.gigheadtxt { font:14px "trebuchet ms", sans-serif  ;
	 color:#0A4AA2 ; padding-bottom:5px;
	}



.whtheadtxt { font:18px "trebuchet ms", sans-serif  ;
	 color:#ffffff ;
	}

.orgsubtxt { font:12px "trebuchet ms" , sans-serif ;
	 color:#ffa831 ;
	padding:0 0 10px 0;
	}


.newshdtxt { font:bold 12px "trebuchet ms", sans-serif ; color:#ffa831 ; padding:5px 0 5px 0; border-top:1px dotted #cdcdcd; margin-top:10px;  }



#hometxt { width :300px; 
			padding-top:20px;
	   	     float:left;       
			}	

#pagetxt { width :560px; 
			padding-top:20px;
	   	     float:left;      
			}	


#spotlight { background: url(gfx/spot_bg.jpg) no-repeat; 
			padding-right:20px;
		     width :240px; 
		     height :334px; 
	   	     float:right;
		}

#spotlighttxt {
	padding:30px 0 0 20px;
		     height :295px; overflow:hidden;
		}

.morespbox{ padding-left:-30px; padding-top:5px;  font:9px "trebuchet ms"; color:#ffa831 ;}

.morea { font:9px "trebuchet ms" ;
		 color:#ffa831 ;
		padding:5px 0 10px 0;
		text-align:right;
        border-bottom: 1px dotted #bfbfbf; 
	}	

.moreb { font:9px "trebuchet ms" ;
		 color:#ffa831 ;
		padding:10px 0 0 20px;
		text-align:left;
	}

.morec { font:9px "trebuchet ms" ;
		 color:#ffa831 ;
		padding:10px 0 0 0;
		text-align:left;
	}

.extxt { font:9px "trebuchet ms" ;
		 color:#999999 ;
		padding:10px 0 0 15px;
		text-align:left;
	}


.listtable { margin-top:20px; border-collapse:collapse; width:99%;}
.listtable td {   text-align:left; font-size:12px; padding:10px; background-color:#DEDEDE;  border-bottom: 2px solid #2F2F2F;}
.vert { width:5px; }
.listtable th {  text-align:left; font-size:11px #F59A16; padding:10px 0 10px 10px; background-color:#2F2F2F; border-bottom: 1px dotted #E4E4E4;}

img.table { vertical-align:middle; padding:0 10px 0 0;}

.loadtable { margin-top:20px; border-collapse:collapse; width:99%; }
.loadtable td { font-size:12px; padding:5px 30px 5px 5px; border-bottom: 1px solid #DFDFDF;}
.loadtable th {  text-align:left; color:#F59A16; font-size:11px; padding:10px 0 10px 10px; background-color:#2F2F2F; border-bottom: 1px dotted #E4E4E4;}
 
#basecontainer {
	background: url(gfx/foot_bg.jpg) #252525 repeat-x;
	width:100%;
	overflow:hidden;

} 

.notetxt { font:9px "trebuchet ms" ;
		 color:#464646;
		padding:0 0 10px 0;
		text-align:left;
	}


#footer {
	width:800px;
	height:100px;
	margin-right:auto;
	margin-left:auto;	
}

#disc {	background: url(gfx/disc_bg.gif) no-repeat;
	width:800px;
	height:60px;
	margin-right:auto;
	margin-left:auto;	
}

.disctxt { font:9px "trebuchet ms" ;
		 color:#999999 ;
		padding:10px 0 0 15px;
		text-align:center;
	}


	#formright {
		width:140px;
		padding:0px;
		float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
		}

	#contactform {
		width:350px;
		padding-right:20px;
		float:left;
		}

textarea.cnt 
{
	background-image: url(gfx/txt_bg.gif);
	border:#7a7a7a 1 solid; color:#000000; 
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 6px; 


}

input.btn { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#000000; background-color:#F89A1C;
			margin:10px 0 30px 0;
			padding:3px;
			border: 0; 
}

input.contact 
{
	background-image: url(gfx/txt_bg.gif); 
	height: 15px; 	
	width: 170px; 
	margin-bottom: 5px;
	border:#7a7a7a 1 solid; 
	color:#000000; 
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:6px; 
	padding-top:2px;


}

label{ float:left; padding:3px 10px 0 0; width: 70px; text-align:right;}



/*-- ART FORMAT --*/

.artscontainer { margin-top:20px; overflow:hidden; }
.artbox1 { width:117px; padding:4px; background:#dedede; margin-right:20px; float:left; }
.artbox2 { width:117px; padding:4px; background:#dedede; margin:0; float:left; }
.arthumb { width:117px; height:70px; overflow:hidden; }
.atmb { width:120px;}
.artitle { width:107px; padding:7px 5px 6px 5px; height:18px; background: url(gfx/artitle_bg.jpg); overflow:hidden; text-align:center; color:#111111; line-height:20px; }

.artpic { width:250px; float:right; border:4px solid #DEDEDE; margin:0 0 5px 10px; }

.artback { background:#2F2F2F; padding:5px 10px 5px 0; text-align:right; margin:10px 0 20px 0; border-bottom:1px dotted #cdcdcd; clear:both; }


