/*

Mollio Template for Pligg

LEGAL

==========================================

Ported to Pligg:Steef de Winter (CC) 2006

------------------------------------------

Copyright:Daemon Pty Limited 2006, http://www.daemon.com.au

Community:Mollio http://www.mollio.org $

------------------------------------------

License:Released Under the "Common Public License 1.0", 

http://www.opensource.org/licenses/cpl.php

License:Released Under the "Creative Commons License", 

http://creativecommons.org/licenses/by/2.5/

License:Released Under the "GNU Creative Commons License", 

http://creativecommons.org/licenses/GPL/2.0/

*/



/* Important ----------------------------------------------------------------------------------------------------------------------------------*/

* {margin:0;padding:0;}

.bot3 {
	border-top: 0px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;

}

body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	min-width:730px;
	max-width:100%;
	background-position: center center;
} /* IE doesn't support min/max-width, so this doesn't work for IE folks */


/* WRAPPERS */

#wrap {margin:0 auto;position:relative;width:98%;}

#contentbox {margin:0 240px 0 25px;}

#sidebar {position:absolute;top:0;left:auto;right:25px;width:200px;}

#content-wrap {background: #fff;position:relative;width:100%;min-height:650px; height:auto;}   /* MB1.1 - Better footer placement - legacy */

#content-wrap1 {background: #fff;position:relative;width:100%;min-height:900px; height:auto;} /* MB2.0 - " when not logged in */

#content-wrap2 {background: #fff;position:relative;width:100%;min-height:900px; height:auto;} /* MB2.0 - " when logged in */

#content-wrap3 {background: #fff;position:relative;width:100%;min-height:780px; height:auto;}  /* MB2.0 - " when logged in, no cat box */


/* Steef: MB1.1 - Better footer placement, copy values of content-wrap above */

/*\*/

* html #content-wrap1 {height: 900px;}

* html #content-wrap2 {height: 900px;}

* html #content-wrap3 {height: 780px;}

* html #content-wrap {height: 650px;}

/**/

	

/* GENERAL ------------------------------------------------------------------------------------------------------------------------------------*/

ul {list-style:none}

img {border:none} 

hr {margin:1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}

.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

li {line-height: 1.4em;}



/* LINKS */

a,a:link,a:link,a:link,a:hover {cursor:pointer} 

a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #445D8E; text-decoration: underline;}

a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #445D8E; text-decoration: underline;} 

a:hover,a:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #445D8E; text-decoration: underline;} 



/* FORMS */

form {margin:0 0 1.5em}

input {
	font-family:verdana;
	margin:2px 0;
}

fieldset {
	border:1px solid #57A0D7;
	padding:1em 1.5em;
	margin:1em 0;
	font-weight: normal;
	font-size: 95%;
}

 /* only for IE */ * html fieldset {background:none;}

fieldset dl {	margin:0;padding:0}

fieldset dt {	clear:left;float:left;width:18em;text-align:right;padding:0 1em 0.5em 0}

fieldset dd {	padding:0 0 0.5em 0;font-weight:bold}

fieldset.labels label {	width:10em;float:left;text-align:right;display:block;padding:0.2em 0.5em 0.2em 0}

fieldset.labels div {	padding:0.2em 0;clear:left} 



label {display:block;padding:5px 0;font-weight:bold}

label br {clear:left}

legend {
	font-weight:bold;
	padding:0 0.5em;
	color:#193263;
	font-size: 11px;
}

input.submit {
	padding: 1px 1px;
	background:#EBA00F;
	color:#000000;
	font-weight:bold;
	font-size:96%;
	border: 1px solid #000000;
}

input.submit-s {padding: 0px 3px;background:#EBA00F;color:#000000;font-weight:bold;font-size:90%} /* smaller submit button */

input.log2 {padding: 1px 3px;background:#EBA00F;color:#000000;font-weight:bold;font-size:96%} /* legacy - all submit buttons should be class="submit" */



/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;font-family:Verdana, Arial, Helvetica, sans-serif;margin:1.2em 0 .3em;color:#000;border-bottom:1px solid #eee;padding-bottom:.1em}

h1 {font-size:14px;margin-top:.6em}

h2 {font-size:12px}

h3 {font-size:12px}

h4 {font-size:12px}

h5 {font-size:11px}

h6 {font-size:11px}

.highlight {color:#E17000}

.subdued {color:#999}

.error {
	color:#C10;
	font-weight:bold;
	margin-top:10px;
	background:#98CAEF;
	padding:5px;
	border-top: 0px solid #57A0D7;
	border-right: 1px solid #57A0D7;
	border-bottom: 1px solid #57A0D7;
	border-left: 1px solid #57A0D7;
}

.success {color:#390;font-weight:bold}

.caption {color:#999;font-size:11px}

.date {font:bold 82% arial;color:#bbb;display:block;letter-spacing:1px}

small {font-size:11px}





/* LAYOUT - HEADER ---------------------------------------------------------------------------------------------------------------------------*/

#header {background:#FFFFFF url("../images/sprites.gif") repeat-x 0 100%;margin:0 0 25px;padding:0 0 8px;width:100%; position:relative;} 
 
#header #site-name  {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
	margin:0 0 0 0px;
	padding:20px 0 0px;
	color:#57A0D7;
	border:none;
}


	/* NAV - top horizontal nav */

	#nav, #nav ul {padding:0;margin:0;list-style:none}

	#nav {font-weight:bold;height:2.09em;font:bold 96% verdana;margin:0 10px 0 40px;width:100%;} /* Steef: width needed for maxwidth header in IE*/

	#nav li {position:relative;background:#FFFFFF;float:left;width:10px;display:block;margin:0;padding:0}

	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:underline;cursor:pointer;color:#000000;display:block;padding:2px 8px 0px 0px}

	#nav a:hover {color:#000}

	

	#nav li ul {border-left:1px solid #4B6897;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:11px;margin-top:3px;position:absolute;font-weight:normal;left:-999em}

	#nav li:hover ul, #nav li.sfhover ul {left:0;z-index:99999}

	

	#nav li li {background:none;float:none;border:none;border:1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}

	#nav li li.last {border-bottom:none}

	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding:3px 10px 2px;width:14em}

	#nav li li a:hover {color:#fff;background:#c00}

	

	#nav li.active {background:#c00;border-bottom:3px solid #c00}

	#nav li.active ul {border:none;background:#c00 url("../images/featurebox2_bg.gif") no-repeat 100% 100%}

	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}

	#nav li.active a:hover {color:#000}

	

	#nav li.active li {border:none;border-top:1px solid #c15c5c;border-bottom:1px solid #870000}

	#nav li.active li.last {border-bottom:none}

	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}

	#nav li.active li a:hover {background:#666 url("../images/sprites.gif") repeat-x 0 99%;color:#fff}

	

	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background:#666 url("../images/sprites.gif") repeat-x 0 99%}



	/* hide from IE mac \*/

	#nav li {width:auto}

	/* end hiding from IE5 mac */



	/* TABS IN PROFILE PAGES */	

	#usertabs {height:2.5em;width:100%;background:#FFFFFF url("../images/sprites.gif") repeat-x 0 100%}

	

	/* SEARCH */

	#search {
	color:#48628D;
	font-weight:bold;
	position:absolute;
	top:12px;
	right:0px;
	left:auto;
	width:200px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	#search form {margin:0}

	#search input {width:8em;margin:0 0 0px;height:1.2em}

	#search label {padding:0px 0 0;display:inline}

	#search input.submit {width:auto;font-size:81%;margin:0 0 ;height:18px}

	

	/* POWERED BY - Pligg logo in this case */

	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

  	



/* LAYOUT - main body of page------------------------------------------------------------------------------------------------------------------*/



	#contentbox #breadcrumb {margin-top:0px;font-size:93%;font-weight:bold; text-decoration:none}

	#contentbox #breadcrumb a:link {text-decoration:underline} 

	#contentbox #breadcrumb a:hover {text-decoration:underline}

	#contentbox #breadcrumb a {text-decoration:underline}

	#content #breadcrumb a:active {text-decoration:underline}

	#content #breadcrumb a:visited {text-decoration:underline}

	

	.featurebox {color:#48628D;padding:15px 20px 20px;border-top:1px solid #FEAE01;margin:0 0 1.5em;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;border:1px solid #FEAE01}

	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {letter-spacing:-1px;margin:0 0 .3em;border-bottom:1px solid #FEAE01;color:#FEAE01}

	.featurebox p {border:none;margin:0 0 1em;color:#444}

	.featurebox a {font-weight:normal}

	    

	.thumbnail {margin:0 0 0 10px;position:relative;z-index:9999;border:1px solid #eee;float:right;width:100px;padding:5px;background:#fff}

	.thumbnail img {border:1px solid #000}

	

  /* PAGE NUMBERING NAVINGATION */ 	

  /* Warning! 'function do_pages' in html1.php must be hacked in order for these to work  */  

	 .pagination {background: #E9E9E9;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}

	.pagination p {position:relative;text-align:right}

	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}

	.pagination p a:hover {background:#c00;color:#fff}

	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}

	.pagination * {margin:0}

	.pagination h4 {margin-top:-1.45em;padding:0;border:none} /* In html1.php, pages links:EITHER span OR a */



	/* TABLES */

	/* table {border:1px solid #900;border-collapse:collapse;width:100%} 

		table td {background:#fff url("../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border:1px solid #fff}*/

		table th {text-align:left;border:1px solid #4B6897}

		table thead th {color:#000000;font-size:95%;background:#900;padding:10px 6px}

		table tbody th {color:#000000;font-size:95%;background:#88b8db;padding:6px}

		table tbody th.sub {font-size:90%;color:#000;background:#efefef;padding:6px}

		th a:link, th a:visited {color:#000000;text-decoration:none}

		th a:hover {color:#6666666;text-decoration:underline}

		.grey1 {background:#cccccc;padding:3px;border:1px solid #999999}		

		.grey2 {background:#ccc;padding:3px;border:1px solid #999999}

		

/* Sidebar  -----------------------------------------------------------------------------------------------------------------------------------*/


/* Block nav - ie 'submit news' */

#blocknav a:link, #blocknav a:visited {
	text-decoration:none;
	font-size:12px;
	color:#000000;
	display:block;
	margin-bottom:0.4em;
	padding:0.4em;
	border:#fff 0px solid;
	font-weight: bold;
}

#blocknav a:hover, #blocknav a:active {color:#000;border-right:#000 0px solid;border-bottom:#000 0px solid}



/* Categories */

#categories {border:#FEAE01 1px solid;}

#categories strong {display:block;font-size:12px;padding:5px;background:#F2E5C3;color:#193263;border-bottom:1px solid #FEAE01}

	#nav-secondary, #nav-secondary ul {position:static;margin:5px}

	#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0;background:#fff}

	#nav-secondary {padding-top:0;margin-top: 1px}

	#nav-secondary a {padding:5px 0 5px 23px;background:#E9E9E9 url(../images/plus_cat.gif) no-repeat left 10px;font:bold 86%/normal verdana;display:block}

	#nav-secondary #huidig a {color:#000000;line-height:1.8;padding:5px 0px 5px 20px;background:#E9E9E9 url(../images/arrow.gif) no-repeat left 10px;font:bold 86% verdana;display:block}

	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 

	#nav-secondary a:link {color:#000000} 

	#nav-secondary a:visited {color:#000000} 

	#nav-secondary a:hover {color:#000000;background:#CCCCCC url("../images/plus_cat_hover.gif") no-repeat left 10px} 

	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#FF9900} 

	#nav-secondary li {border-bottom:1px solid #FEAE01}


/* Steef list below categories (i.e. tag cloud) */

  .featurebox	li a {margin-left:-10px;padding-left:20px;line-height:2.4em;border-bottom:0px solid #000000;background:transparent url("../images/arrow_blue.gif") no-repeat 0}

  	

/* Steef RSS box */

	#nav-rss {
	position:static;
	margin:0px;
	padding:3px;
	background-position: center;
}

	#nav-rss, #nav-rss li {
	list-style:none;
	margin:0;
	padding:0;
	background:#E9E9E9;
	text-transform: capitalize;
}

	#nav-rss {padding-top:0;border-top:1px solid #FEAE01;margin-top:1px}

	#nav-rss a {line-height:1.8;padding:5px 0 5px 35px;font:bold 86% arial;display:block;text-decoration:none;cursor:pointer;background:url("../images/rss.gif") no-repeat 0px 8px}

	#nav-rss a:link {color:#193263} 

	#nav-rss a:visited {color:#193263} 

	#nav-rss a:hover {color:#000000;background:#ccc url("../images/rss.gif") no-repeat 0px 8px} 

	#nav-rss li {border-bottom:1px solid #FEAE01}



/* Footer -------------------------------------------------------------------------------------------------------------------------------------*/

.footer {clear:all;border-top:1px solid #E3E8EE;padding:10px 0 30px 15px;font-size:86%;color:#999; margin-top:15px;}

.footer a:link, #footer a:visited {color:#999}





/* News items  --------------------------------------------------------------------------------------------------------------------------------*/

.news-summary {padding:15px 0 22px 0;position:relative;clear:left}



/* Headline */

.top {padding:5px;margin-left:60px;background:#E9E9E9 no-repeat 100% 100%;border:1px solid #FEAE01}

.top h4 {margin:0;padding-left:4px;font-size:12px;font-weight:normal}

.top h4 a:link, .top h4 a:visited {
	color:#000;
	text-decoration:none;
	font-weight: bold;
}

.top h4 a:hover {color:#666;text-decoration:underline;font-weight: bold;}

#nocatcol {border-top:5px solid #FEAE01;}



/* The URL and Poster below headline */

.news-submitted {font-size:10px;margin:0;margin-bottom:3px;padding-left:4px}

.news-submitted img {float:left;margin-right:4px;vertical-align:bottom; z-index: +1; position:relative} /* avatar below headline */



/* Post text */

.news-body-text {	padding:0px 8px;margin:10px 0px 0px 59px;font-size:10px;}



/* Post details below text */

.news-details {padding-left:4px;margin:0;font-size:85%}

.news-details .comments {background:url(../images/comment_yellow.gif) no-repeat;padding-left:20px}

.news-details a:link, .news-details a:visited {color:#666666;text-decoration:none}

.news-details a:hover, .news-details a:active {color:#666666;text-decoration:underline}

.news-details b {color:#c00}

* html .news-details {padding-right:136px}

.news-details select {border:none}

.news-details .tool {display:block;float:left;padding:0 4px 0 4px}

.news-details .tool-right {	display:block;float:left;padding:0 4px 0 4px}

.news-details .comments_no { padding-left:37px;border-left:none}

ul.news-details li li {	border-left:none;float:none;height:21px}

#contentsx {float:right;padding-bottom:50px;z-index:1}





/* Votebox  -----------------------------------------------------------------------------------------------------------------------------------*/



.news-shakeit {	position:absolute;top:14px;left:0px;width:55px;text-align:center;font-size:60%;margin:0;padding:0;list-style:none}

.news-shakeit li {border:1px solid #fff;margin:0;padding:0}

/* number of votes and "votes" text */

.mnm-published {
	background:#FF9900;
	border: 1px solid #000000;
}

.mnm-published a {font-size:12px;letter-spacing:-1px;text-decoration:none;line-height:38px;display:block;padding:7px 0 3px 0}

.mnm-published a small {font-size:12px;letter-spacing:0px;text-decoration:none} 

/* I removed the text below the number of votes in the template "link_summary.tpl" because of IE issues*/

.mnm-published a:link, .mnm-published a:visited {color:#000000}

.mnm-published a:hover, .mnm-published a:active {color:#000000}



/* vote box */

.menealo {background:#666 0 0}

* html .menealo {background:#666 1px 1px}

.menealo a:link,.menealo a:visited, .menealo span {display:block;text-decoration:none;padding:4px 0 5px 0;color:#fff;font-size:11px}

.menealo a:hover {font-weight:bold;color:#fff;text-decoration:none}

.menealo span {background:#fff;color:#000;border:1px dotted #000000;font-size:11px}





/* Comments  ----------------------------------------------------------------------------------------------------------------------------------*/



#comments ul {margin-left:15px}

#comments li {margin-left:15px}

#comment-wrap {border-bottom:solid 1px #e1e1e1}

#comment-head {background:#e1e1e1;width:100%;font-size:86%;}

.comment-body {background:#fafafa;font-size:86%;padding:0 4px}

.comment-info {background:#fafafa;font-size:80%;text-align:right;padding-right:4px}

.avatar {float:left;width:15px; height:15px; margin:1px 0 0 0;border:1px solid #ccc;} /* avatar in comments */



/* Comment rating buttons (nice huh? :) */

#comment-subhead {float:right;margin-top:-21px;font-size:11px}

.ratemey {background:#009900;padding:1px 5px}

.ratemen {background:#c00;padding:1px 6px;color:#fff}

.rateme {color:#fff;font-size:14px}



/* Thumbnails

-----------------------------------------------------------------------------------------------------------------------------------*/

.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; }

.arc90_linkpicIMG { padding: 0 4px 4px 0; background: #FFF url("../images/linkpic_shadow.gif") no-repeat bottom right; }



/* Profile */

#mini_profile {
	border:solid 1px #EBA00F;
	padding:5px 1px;
	background:#e9e9e9;
	font-size: 86%;
}



#wrapper {width: 100%;}

#stats {
	width: 45%;
	float: right;
	font-size: 95%;
}

#personal_info {width: 45%; float: left;
	font-size: 95%;}

#bookmarklet {width: 100%; }

#admin_view_user { width:48%; float:left }

#admin_view_user_edit { width:48%; float:right }



/* Thumbnails */



a.screen b {

position:absolute;

visibility:hidden; /* hide the image */

}



a.screen:hover {

text-decoration:none;  

z-index:1000;

background:url(../images/linkpic_shadow.gif) no-repeat;

}



a.screen:hover b {

visibility:visible; /* make the image visible */

z-index:500;

border:solid 1px #ccc;

}

a.screen:hover b img {

margin:0px;

}



.showstate{ /*Definition for state toggling image */

cursor:hand;

cursor:pointer;

float: right;

margin-top: 5px;

}



.switchcontent{



}
/*My Code */

.blacklinks {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
a:link.toplinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a:visited.toplinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a:active.toplinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover.toplinks{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	text-decoration: none;
}
td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	line-height: normal; 

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	color: #000000;

	text-decoration: none;

}
.topper {

	border-top-width: 1px;


	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #000000;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000000;

}
.blacklinks {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none;}
.instruction-list {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal;font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none;}
.instruction {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal;font-weight: normal; font-variant: normal; text-transform: none; color: #666666; text-decoration: none;}
	#nav_frank {font-weight:bold;height:2.09em;font:86% verdana;margin:0 10px 0 0px;width:100%;} /* Steef: width needed for maxwidth header in IE*/
	#nav_frank, #nav_frank ul {padding:0;margin:0;list-style:none}

	#nav_frank li {position:relative;background:#FFFFFF;float:left;width:10px;display:block;margin:0;padding:0}

	#nav_frank a, #nav_frank a:link, #nav_frank a:visited, #nav_frank a:hover, #nav_frank a:active {text-decoration:underline;cursor:pointer;color:#000000;display:block;padding:2px 8px 0px 0px}

	#nav_frank a:hover {color:#000}

	

	#nav_frank li ul {border-left:1px solid #4B6897;background:#f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:11px;margin-top:3px;position:absolute;font-weight:normal;left:-999em}

	#nav_frank li:hover ul, #nav_frank li.sfhover ul {left:0;z-index:99999}

	

	#nav_frank li li {background:none;float:none;border:none;border:1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}

	#nav_frank li li.last {border-bottom:none}

	#nav_frank li li a, #nav_frank li li a:link, #nav_frank li li a:visited, #nav_frank li li a:hover {color:#000;padding:3px 10px 2px;width:14em}

	#nav_frank li li a:hover {color:#fff;background:#c00}

	

	#nav_frank li.active {background:#FFFFFF;color: #FF6600;}

	#nav_frank li.active ul {border:none;background:#c00 url("../images/featurebox2_bg.gif") no-repeat 100% 100%}

	#nav_frank li.active a:link, #nav_frank li.active a:visited, #nav_frank li.active a:hover, #nav_frank li.active a:active {color:#FF6600}

	#nav_frank li.active a:hover {color:#000000}

	

	#nav_frank li.active li {border:none;border-top:1px solid #c15c5c;border-bottom:1px solid #870000}

	#nav_frank li.active li.last {border-bottom:none}

	#nav_frank li.active li a:link, #nav_frank li.active li a:visited, #nav_frank li.active li a:hover, #nav_frank li.active li a:active {color:#fff}

	#nav_frank li.active li a:hover {background:#666 url("../images/sprites.gif") repeat-x 0 99%;color:#fff}

	

	#nav_frank li.active li.active a:link, #nav_frank li.active li.active a:visited, #nav_frank li.active li.active a:hover, #nav_frank li.active li.active a:active {color:#fff;font-weight:bold;background:#666 url("../images/sprites.gif") repeat-x 0 99%}



	/* hide from IE mac \*/

	#nav_frank li {width:auto}

	/* end hiding from IE5 mac */