@charset "iso-8859-1";

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
	clear: both;
}
.hide
{
	display: none;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 10px;
	background-color: transparent;
}
.center	{text-align:center;}
.oben	{vertical-align: top;}
.mitte	{vertical-align: middle;}
.unten	{vertical-align: text-bottom;}

html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's given here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}

/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */

ul, ol, dl, p
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h1, h2, h3, h4, h5, h6
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0;
	padding-bottom: 0;
}
h1  {	font-size: 200%; }
h2  {	font-size: 110%; }
h3  {	font-size: 100%; }
h4  {	font-size: 100%; }
h5  {	font-size: 100%; }
h6  {	font-size: 90%; }

ul 
{
	margin: 4px;
	padding: 0px 10px 0px 10px;
}

/* alter some HTML elements' default style
 */

code	{font-family: "Courier New", Courier, monospace;}
label	{cursor: pointer;}
table	{font-size: 100%;}
td, th	{vertical-align: top;}
IMG	{border: 0px;}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */

body
{
	padding: 0;
	margin: 0;
}
#pageWrapper
{
	border: solid 1px #000;
	margin: 0 0%;		/* set side margins here 'cause IE doesn't like it set
				   on the body element */
	min-width: 40em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
	width: auto;
	padding: 0;
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead
{
	border-style: solid;
	border-width: 0 0 2px 0;
	height: 60px;
	padding: 0;
	margin: 4px;
}
#tophead
{
	margin: 0;
	padding: 0;
	height: 5px;
}
#headtitle
{
	position: relative;
	float: left;
	vertical-align: top;
	padding: 0;
	margin: 5px 0 0 8px;
	height: 20px;
	width: 25%;
	overflow: visible;
	text-align: left;
}
#masthead h1
{
	font-style: italic;
	font-family: "Georgia", Serif; /*Font of Page-Title */
}
#search_xte_plugin
{
	padding:1px;
	border: 1px solid;
}

#headlogin
{
	/* remove comment tags of display:none; to remove login from header */
	/*display: none;*/
	position: absolute;
	padding: 0;
	right: 0px;
	top: 0px;
	height: 20px;
	text-align: right;
}
#borderbox
{
	margin: 0 4px 4px 4px;
	padding: 0 1px 1px 1px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
	
#outerColumnContainer
{
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you 
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid #fff;
	border-right: solid #fff;
	/* border-width: -> dynamic */
	/* border-right: solid 0px #fff;
	 * switch border-right-tags if no right blocks are used*/
}
#innerColumnContainer
{
	border: solid 0px #000;
	border-width: 0 0px;
	margin: 0;		/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #rightColumn, #SOWrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap
{
	float: left;
	margin: 0 0 0 -1px;
	padding:0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	overflow:auto;
	border: solid 0px #000;
	border-width: 0;
	float: right;
	margin: 0 -2px 0 0;
	padding: 0;
	width: 100%;
	z-index: 5;
}
#mainColumn
{
	padding: 0 7px;
	margin: 0 2px 0 0;
	border: solid #000;
	border-width: 0px 1px 0px 1px;
	z-index: 7;
}
#leftColumn
{
	float: left;
	margin: 0;
    /* 0px 0 -174px;
    -> dynamic */
	/* width: 175px;
     -> dynamic */
	z-index: 4;
}
#rightColumn
{
	float: right;
	/* width: 175px; -> dynamic */
	margin: 0; /*-175px 0 1px; -> dynamic */
	margin-left: 0px;
	z-index: 2;
}
/* finestructure */
/* center */
.bannerbox
{
	overflow: hidden;
	margin-top: 5px; 
    vertical-align:top;
	margin-left:10px; 
	text-align: center; 
}
.table1
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 2px;
}
.table1inside
{
	overflow:auto;
	margin: 0;
	padding: 8px;
}
.table2
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 2px;
}
.table2inside
{
	overflow:auto;
	margin: 0;
	padding: 8px;
}

.newsouterindex
{
	margin: 0 0 15px 0;
	padding: 0 0 2px 0;
	border-style: solid;
	border-width: 1px 1px;
	width: 99%;
}
.newsouterindex h2
{
	margin: 3px 10px 0 10px;
	padding: 0;
}
.newsinnerindex
{
	overflow:auto;
	height: 100%; /* Fix for IE6 disappearing float bug */
	margin: 3px 0px;
	padding: 10px;
	border-style: solid;
    border-width: 0px 0px;
}
.ccblock
{
	overflow:auto;
	width: 99%;
	padding: 0;
	margin: 0 0 10px 0;
	border-style: solid;
    border-width:	0px;
}
.ccblock h1, .ccblock h2
{
	margin: 5px;
	font-size: 130%;
}

#twocoloutside
{
	width: 99%;
	margin: 0 0 0 0;
	padding: 0;
}
#twocolleft
{
	width: 48%;
	float: left;
	margin: 0 0 0 0;
	padding: 3px;
}	
#twocolright
{
	float: right;
	width: 48%;
	margin: 0 0 0 0;
	padding: 3px;
}	
/* mainmenu */
.menubox
{
	margin: 0 0 4px 0;
	padding: 0;
}
.menubox h2
{
	padding:1px 2px;
	margin:0;
}
.menubox ul, .menubox ul li
{
	margin: 0;
	padding: 0;
	list-style-type:none;
	display: block;
}
.menubox ul li a
{
	margin: 0;
	padding: 2px 4px;
	display: block;
	border-style: solid;
	border-width: 1px 0 1px 0;
	text-decoration:none;
	line-height: normal;
}
/* left, right */
.rsbox, .lsbox
{
	/* width: 175px; -> dynamic */
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid;
}
.rsbox h2, .lsbox h2
{
	padding:1px 2px;
	margin:0 0 2px 0;
}
.rsbox ul, .lsbox ul
{
	margin: 0 5px 0 20px;
	padding: 0;
}
#footer
{
	padding: 0.5em;
	margin: 1px 0 0 0;
}

/* Pagesetter config */
table.pubInfoBox
    {
      border: 1px solid black;
      font-family: "Arial", sans-serif;
      font-size: 10pt;
      background-color: #E0E0E0;
      padding: 4px;
    }

/* pnForum config */
.pnForum-border
{
	border: 1px solid #333;
}
    
/* below is a series of selectors to get a consistent font size across
 * platforms. this is outside the 'theme' section on purpose. use #pageWrapper
 * to set the base font-size for the layout.
 */

body
{
	font-size: 100.1%;
}
html>body
{
	/* Opera's default font size is typically 10% smaller than IE or Mozilla
	 * so we correct for this here, since we're using percentages 
	 * everywhere. And we do this because pixel-based fonts don't resize
	 * under IE/Win and percentages/ems are essentially the same, and I like
	 * percentages for fonts.
	 */
	font-size: 110%;
}
body:last-child, * html body
{
	/* of course the previous selector for Opera's fix is caught by more 
	 * than a few other browsers, so we reset that value here.
	 */
	font-size: 100.1%;
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.	
 */

#pageWrapper, #masthead, #innerColumnContainer, #footer
{
	border-color: #333;
}
body
{
	/* background-color: #fff; -> dynamic */
	/* color: #000; -> dynamic */
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
}
#rightColumn .inside
{
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}
#footer
{
	text-align: center;
	border-style: solid;
	border-width: 2px 0px 0px 0px;
}

/* pn-Fonts definitions */
FONT		{ FONT-SIZE: 12px}
BODY, P, DIV, INPUT, TEXTAREA, FORM, SELECT, TD, TH	{BACKGROUND: none; FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "Helvetica", sans-serif}
A:link		{TEXT-DECORATION: none;}
A:visited	{TEXT-DECORATION: none;} 
A:hover		{TEXT-DECORATION: underline;}
A:active	{TEXT-DECORATION: none;}
a:link.brightlinks	{TEXT-DECORATION: none;}
a:visited.brightlinks	{TEXT-DECORATION: none;} 
a:hover.brightlinks	{TEXT-DECORATION: underline;}
a:active.brightlinks	{TEXT-DECORATION: none;}
#headtitle a:link, #headtitle a:visited, #headtitle a:hover, #headtitle a:active	{TEXT-DECORATION: none;}
.menubox a:link, .menubox a:visited, .menubox a:hover, .menubox a:active	{TEXT-DECORATION: none;}

.kursiv		{FONT-FAMILY: "Georgia", Serif;}
.title 		{BACKGROUND: none; FONT-SIZE: 22px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", "Courier", sans-serif; font-style: italic;}
.content 	{BACKGROUND: none; FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "Helvetica", sans-serif;}
.storytitle 	{BACKGROUND: none; FONT-SIZE: 11px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.storycat	{BACKGROUND: none; FONT-SIZE: 11px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: underline}
.boxtitle 	{BACKGROUND: none; FONT-SIZE: 11px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.boxcontent 	{BACKGROUND: none; FONT-SIZE: 11px; FONT-FAMILY: "Verdana", "Helvetica", sans-serif;}
.option 	{BACKGROUND: none; FONT-SIZE: 12px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.tiny		{BACKGROUND: none; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-normal 	{BACKGROUND: none; FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "Helvetica", sans-serif}
.pn-pagetitle	{BACKGROUND: none; FONT-SIZE: 14px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-title, h2	{BACKGROUND: none; FONT-WEIGHT: bolder; FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-titlemenu 	{BACKGROUND: none; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-titlemenub 	{BACKGROUND: none; FONT-SIZE: 12px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-sub		{BACKGROUND: none; FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-text	{BACKGROUND: none; FONT-SIZE: 12px; FONT-FAMILY: "Verdana", "Helvetica", sans-serif;}
.pn-logo	{BACKGROUND: none; FONT-SIZE: 12px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
.pn-logo-small	{BACKGROUND: none; FONT-SIZE: 12px; FONT-WEIGHT: bold;   FONT-FAMILY: "Verdana", "Helvetica", sans-serif; TEXT-DECORATION: none}
/******************************************************************************/

	/* Loading widths and colors from the Xanthia administration */
	#pageWrapper { margin: <!--[$vmarwidth]-->px auto <!--[$vmarwidth]-->px auto;
		width: <!--[$mainwidth]-->px; background-color:<!--[$bgcolor]-->; }
	#outerColumnContainer { border-left-width: <!--[$lcolwidth]-->px;
				border-right-width: <!--[$rcolwidth]-->px;
				border-color:<!--[$bgcolor]-->; }
	#leftColumn { margin-left: -<!--[$lcolwidth-1]-->px;
		      width: <!--[$lcolwidth]-->px; }
	#rightColumn { margin-right: -<!--[$rcolwidth]-->px;
		       width: <!--[$rcolwidth-2]-->px; }
       	.lsbox { width: <!--[$lcolwidth]-->px }
	.lsboxtitle, .lsboxblock { width:<!--[$lcolwidth-8]-->px;}
	.rsbox { width: <!--[$rcolwidth-2]-->px;}
	.rsboxtitle, .rsboxblock { width:<!--[$rcolwidth-9]-->px;}
	body { color:<!--[$text1color]-->; background-color:<!--[$color2]-->; }
	#headtitle, #headdate { color:<!--[$text2color]-->; }
	#headsearch input {color:<!--[$text1color]-->; background-color:<!--[$color4]-->; border-color:<!--[$color6]-->;}
	#pageWrapper, #masthead, #borderbox, #mainColumn, #footer {border-color:<!--[$sepcolor]-->;}
	.menubox { background-color:<!--[$color4]-->; color:<!--[$text1color]-->; }
	.menubox h2 { background-color:<!--[$color8]-->; color:<!--[$text2color]-->; }
	.menubox ul li a { width:<!--[$lcolwidth-9]-->px; }
	.menubox a:link, .menubox a:visited, .menubox a:hover, .menubox a:active { background-color:<!--[$color4]-->; border-top-color:<!--[$color3]-->; border-bottom-color:<!--[$color5]-->; color:<!--[$text1color]-->; }
	.menubox a:hover, .menubox a:active {background-color:<!--[$color5]-->;}
	#footer { background-color:<!--[$color4]-->; color:<!--[$text1color]-->; }
	.lsbox h2, .rsbox h2 { background-color:<!--[$color8]-->; color:<!--[$text2color]-->; }
	.lsbox, .rsbox { background-color:<!--[$color4]-->; border-color:<!--[$color5]-->; color:<!--[$text1color]-->; }
	.ccblock { background-color:<!--[$bgcolor]-->; border-color:<!--[$color5]-->; color:<!--[$text1color]-->; }
	.table1 { background-color:<!--[$color5]--> } 
	.table2 { background-color:<!--[$color5]-->; }
	.table1inside, .table2inside { background-color:<!--[$color4]-->; color:<!--[$text1color]-->; }
	.newsouterindex { background-color:<!--[$color4]-->; border-color:<!--[$color5]-->; color:<!--[$text1color]-->; }
	.newsinnerindex { background-color:<!--[$bgcolor]-->; border-color:<!--[$color5]-->; color:<!--[$text1color]-->; }
	.pn-normal, .pn-text, .kursiv, .title, .content, .storytitle, .storycat, .boxtitle, .boxcontent
	{color:<!--[$text1color]-->;}
	.pn-title, .pn-sub, .pn-pagetitle, .pn-logo, .pn-logo-small	{color:<!--[$text1color]-->;}
	.pn-titlemenu, .pn-titelemenub			{color:<!--[$text2color]-->;}
	A:link						{color:<!--[$linkcolor]-->;}
	A:visited					{color:<!--[$vlinkcolor]-->;}
	A:hover, A:active				{color:<!--[$hovercolor]-->;}
	A:link.brightlinks, A:visited.brightlinks	{color:<!--[$color4]-->;}
	A:hover.brightlinks, A:active.brightlinks	{color:<!--[$color5]-->;}


/*-----------------------------------------*/
/* DYNAMENU BLOCK ACTIVE MENU STYLE SHEETS */
/*-----------------------------------------*/
/* Note: the "redundant" declarations of font size, styles, etc... for the various
   ANCHOR (a) objects are to compensate for the fact that many free/commercial
	 themes do not take advantage of the "cascading" nature of style sheets and
	 hard-code properties into the theme's default anchor objects, thus overiding other
	 uses of them in your theme.  Ideally, you should be able to specify the font
	 style, size, etc... in the first ".blahitem a" element and then just the color
	 in subsequent "states" of the anchor object (hover, visited, etc...) If your
	 theme is more in line with proper CSS techniques, feel free to make those adjustments
	 to the styles below */ 
	 

/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	
{
   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #ffffff;
	border: 1px outset #525252;
}

.horizitem
{
   /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a
{
   /* Font style, size of submenu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited
{
   /* Font style & color of main menu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizitem a:hover
{
  /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity: 0.85;
	text-decoration: none;
}

.horizitem a:active
{
   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubmenu
{
   /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.horizsubseparator	{   /* Style for line-separator in horizontal submenus - Use '---' for Link title to display */
	background-color: #ff0000;
	border-top: 1px solid #cdcecd;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 0px;	/* top right bottom left */
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #fdfefd;
}

.vertitem	{/* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 12px;		
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.vertsubseparator	{   /* Style for line-separator in vertical menus - Use '---' for Link title to display */
	background-color: #ff0000;
	border-top: 1px solid #cdcecd;
	border-bottom: 1px solid #ffffff;
	margin: 2px 0px 2px 0px;	/* top right bottom left */
	height: 0px;
	font-size: 1px;
	line-height: 0px;

}


/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplmnormal:hover	{     /* Font size & color of menu items */
	color: #000000;
	background-color: #fff0c0;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #fff0c0;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplmselected:link, a.phplmselected:visited 	{         /* Font size & color of selected & visited menu items */
	color: #dd0000;
	background-color: #ffdd76;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplmselected:hover	{         /* Font size & color of selected menu item when hovered over */
	color: #841212;
	background-color: #fff0c0;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplmselected:active	{         /* Font size & color of selected menu item when clicked */
	color: #ff0000;
	font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;	
	text-decoration: none;	
}

.adds {text-decoration: none; font-size: 11px; margin-left: 3px;} 
.adds a{text-decoration: none; font-size: 11px; margin-left: 3px;} 
.adds a:hover{text-decoration: none; font-size: 11px; margin-left: 3px;} 
.adds a:active{text-decoration: none; font-size: 11px; margin-left: 3px;}
.adds a:visited{text-decoration: none; font-size: 11px; margin-left: 3px;}
.adds:first-letter{text-transform: capitalize;}

#header h1 a{
background: transparent url(themes/SeaBreeze/images/drafts100.gif) no-repeat left center;
text-indent: -1000em;
overflow: hidden;

display: block;
width: 149px;
height: 100px;
text-decoration: none;
outline: 0;
}