/* CSS FOR PLAKABETON - NAVIGATION */
/* ------------------------------- */

/* DIV: staticnavigation */
div#staticnavigation { position: absolute; top: 10px; left: 24px; font-size: 11px; text-transform: uppercase; color: #333; }
div#staticnavigation a { margin: 0 5px; text-transform: uppercase; text-decoration: none; color: #333; }
div#staticnavigation a:hover, div#staticnavigation a.active { text-decoration: underline }

/* DIV: topnavigation */
div#topnavigation {	position: absolute; top: 54px; left: 293px; font-size: 12px; color: #777979; }
div#topnavigation a { display: inline-block; text-transform: uppercase; font-size: 12px; color: #777979; text-decoration: none; padding: 0px 8px; }
div#topnavigation a.active { color: #000 }
div#topnavigation a:hover { color: #000; }

/* DIV: l-col */
div#l-col { float: left; position: relative; width: 233px; padding: 5px 18px 200px 18px; min-height: 200px; _height: 200px; background: url('../images/bg_l-col.gif') no-repeat top left; }
div#l-col ul#representativeslist { margin: 0 0 0 15px; list-style: none; }
div#l-col ul#representativeslist li div.subnavitems a { display: block; margin: 2px 0; background: url('../images/bg_ul_li.gif') no-repeat 0 5px; padding: 0 0 0 10px;}
div#l-col ul#representativeslist li div.subnavitems a.active { color: #6DA6E2;}

div.representativePicker { position: absolute; top: 40px; left: 25px; }
div.representativePicker h4 { margin: 0 0 12px 0; text-transform: uppercase; font-size: 14px; font-weight: normal; color:#0E306A }
div.representativePicker div#selectbox { margin: 20px 0 0 20px; }

/* PAGE NAVIGATION */
div.pagenavigation-top{	float: right; margin: 0; text-align: right;	color: #666; display: none; }
div.pagenavigation-bottom {	float: left; width: 100%; margin: 35px 0 0 0; text-align: center; color: #666; }
div.pagenavigation-top a.active, div.pagenavigation-bottom a.active { color: #666; text-decoration: none;}