body {
            font-size: 0.65em;
            font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
            color: #8B8B8B;
            margin: 10px;
        }

        .hidden {
            display: none;
        }

        #header {
            padding: 0;
        }

        #content {
            padding-top: 1em;
        }
        
        /* Common styles for all columns */
        #column1,
            #column2,
            #column3 {
            position: relative;
            padding: 0;
            float: left;
        }

        /* Left navigation */
        #column1 {
            width: 290px;
            left: -380px; /* width of column2 + 2*margin */
        }

        /* Main content */
        #column2 {
            width: 380px;
            left: 300px; /* width of column1 + margin */
        }

        /* Right navigation */
        #column3 {
            width: 250px;
            margin-left: 20px;  /* only column 3 is "really" floated, so we need our margin here - margin of col1+margin of col2*/
        }

        a:hover {
            text-decoration: underline;
        }

        /* Colors */
        .menu,
        .menu li,
        .contentBlock h1 {
            background-color: #f0f0f0;
        }
		
        a,
        .contentBlock h1,
        .contentBlock h2,
        .newsBullet,
		.orangeText {
            color: #FF6600;
        }
		
		.footer .orangeText {
			font-weight: bold;
			text-decoration: none;	
		}

		.footer .orangeText:hover ,
		.footer .inactive:hover{
			text-decoration: underline;	
		}

        .footer .contentBlock h4 {
            color: #8B8B8B;
        }

        .contentBlock h1 a,
        .contentBlock h1 .highlighted {
            background-color: #FF6600;
            color: white;
        }

        /* Main page menus */
        .menu {
            position: relative;
            display: block;
            width: 940px;

            font-size: 1em;
            font-weight: bold;
            margin: 4px 0 0 0;
        }

        .menu .separator {
            display: inline;
            padding: 0 1em 0 1em;
            background: url(images/sep.gif) repeat-y center;
            /*float: left;
            margin-top: 0.3em;
            width: 1px;
            height: 11px;
            background: url(http://www.femcities.at/004/images/sep.gif) no-repeat;*/
        }

        .menu ul {
            padding: 0 0 0 0;
            margin: 0.3em;
            list-style: none;
        }
        
        .menu li {
            display: inline;
        }

        .menu a {
            text-decoration: none;
        }

        /* Main page navigation */
        .menu .main {
            float: left;
        }

        /* Internal page links on the right side */
        .menu .page {
            float: right;
        }

        .menu .page a {
            color: gray;
        }

        .menu input ,
		.menu button{
			font-size: inherit; /* use the same fontsize as for the surrounding text, or the layout breaks */
			padding: 0;
			margin: 0;
			border: 0;
			color: #8B8B8B;
			font-weight: bold;
        }
		
		.menu button {
			background: #F0F0F0;
		}

		.submit:hover{
			text-decoration: underline;
		}

		.menu  .menuSubmit{
			text-decoration: none;
			cursor: pointer;
 		}

		.menu .menuSubmit:hover {
			color: #FF6600;
		}
		
		.menu #query {
			border: 2px inset;
			font-weight:normal;
		}
		
		.submit{
            font-size: inherit; /* use the same fontsize as for the surrounding text, or the layout breaks */
            padding: 0;
            margin: 0;
            border: 0;
			background: white;
			color: #FF6600;
			cursor: pointer;
        }
		
		#column3 .submit{
			font-weight: bold;
		}
        
        .menu .footer {
            clear: both;
        }
				
		.menu .active,
		.menu a:hover {
			color: #8B8B8B;
		}

		.menu .active:hover {
			color: #FF6600;
		}

        /* Content block positioning */
        .contentBlock {
            border: 1px solid #ccc;
            padding: 0.8em 0.8em 0.8em 1.5em;
            margin-bottom: 1em;
        }

        .contentBlock a {
            text-decoration: none;
        }

        .contentBlock h1,
            .contentBlock h2,
            .contentBlock h3,
            .contentBlock h4,
            .contentBlock h5 {
            position: relative;

            font-size: 1em;
            padding: 0;
        }

        /* Elements that do not use .contentBlock's padding */
        .contentBlock h1,
        .contentBlock > img,
        .contentBlock > a.imageLink,
        .contentBlock .column1 {
            margin: 0 0 0 -0.8em;
        }
		
        .contentBlock > .articleImage {
            margin: 0.5em 0 0 -0.8em;   /* Top margin: equal to .split2 */
        }
        
        /* h1 Padding */
        .contentBlock h1,
        .contentBlock h1 a,
        .contentBlock h1 .highlighted {
            padding: 0.3em;
        }

        /* Main column header link - align right */
        #column2 .contentBlock h1 a, 
        #column2 .contentBlock h1 .highlighted {
            float: right;
            margin-top: -0.3em; /* contentBlock > h1 padding */
            margin-right: -0.3em;
        }

        /* Secondary colmn header link - align right, use at least half of available width */
        #column1 .contentBlock h1 a,
        #column1 .contentBlock h1 .highlighted,
        #column3 .contentBlock h1 a,
        #column3 .contentBlock h1 .highlighted {
            float: left;
            min-width: 50%;
            margin-top: -0.3em; /* contentBlock > h1 padding */
            margin-left: -0.3em;
            white-space: nowrap;
        }

		h4 {
			margin-top: 0px; 
			margin-bottom: 0px;
		}

		button {
			overflow: visible;
			width: auto;
		}
		button.submit {
			text-align: left;
			margin: 0;
			padding: 0;
			border: none;
			cursor: pointer;
			
	/*		-moz-user-select: text; /**/

			/* override all your button styles here if there are any others */
		}
		button:hover  span{
			text-decoration: underline;
		}
		
		.menu button:hover span{
			color: #FF6600;
			text-decoration: none;
		}
		
        #column1 h2,
        #column1 h3,
        #column3 h2,
        #column3 h3 {
            margin-top: 0;
        }

        #column1 .contentBlock,
        #column3 .contentBlock {
            font-size: 1em;
            overflow: hidden;
        }

		#column2 .footer {
			padding-bottom: 3em;
		}
        
        .contentBlock p {
            margin-top: 0;
        }

        .contentBlock .separator {
            margin: 1em -0.8em 1em -1.6em;  /* left: negative padding of contentBlock. right: left margin - padding of contentBlock */  
			padding: 0 0 0 23px;
            clear: left;
			height: 1px;
/*            border-top: 1px solid #cccccc;
/**/
			background-image: url(images/sep_BG.gif);
			background-repeat: no-repeat;
			background-position: 0% 0%;
			background-color: #cccccc;
        }

        /* A news header. The h4 heading (the date) is moved above the h3 heading (the title) */

        .newsHeader {
            position: relative;
            padding: 0 0 0.5em 0;
            margin-top: 1em;
        }

        .newsHeader h2 {
            padding-top: 1.3em;
            margin-bottom: 0;
        }

        .newsHeader h4,
        .newsHeader h3 {
            position: absolute;
            top: 0;
            margin: 0;
        }

        /* Split (content) columns */

        /* 2-column split. The second column uses whatever space the first column leaves. */
        .split2 {
            position: relative;
            display: block;
            padding-top: 0.5em;
        }

        .split2 .column1 {
            display: block;
            float: left;
            padding-right: 1em;
            height: 100%;
        }

        .split2 .column2 {
            display: block;
            margin-left: 120px;
        }
		
		.split2 .columnR {
			display: block;
			float: right;
			padding-left: 1em;
			height: 100%;
		}

        .split2 .footer {
            clear: both;
        }

        /* Link styles */

        a.more {
            display: block;
        }

        a img {
            border: 0;
			padding-bottom: 1em;
        }

		.split2Inline {
            position: relative;
            display: block;
            padding-top: 0.5em;
			padding-bottom: 1em;
		}

        .split2Inline .columnL {
            float: left;
			width: 280px;
			height: 100%;
			left: 0px;
            padding-right: 1em;
        }
        #column1 .split2Inline .columnL {
            float: left;
			width: 190px;
			height: 100%;
			left: 0px;
            padding-right: 1em;
        }
        .split2Inline .columnR {
            display: block;
            float: right;
            padding-right: 1em;
        }


table.cal {
	background-image: url(images/spcgray2.gif);
	font-size:10px;
	font-family:Verdana,Arial,Helvetic,Geneva,sans-serif;
}

th.cal {
	background-image: url(images/spcgray.gif);
	color:#8B8B8B;
	font-size:11px;
	font-weight:bold;
	height: 20px;
	width: 20px;
	font-family:Verdana,Arial,Helvetic,Geneva,sans-serif;
	vertical-align: middle;
	text-align: center;
}

td.cal {
	background-image: url(images/spcgray.gif);
	color:#FF6600;
	font-size:10px;
	height: 15px;
	width: 25px;
	font-family:Verdana,Arial,Helvetic,Geneva,sans-serif;
	vertical-align: middle;
	text-align: center;
}

.contentBlock .inline{
	display: inline;
}

	.listbox {
		width: 220px;
	}
	
	.footer .inactive {
		color: gray;
		text-decoration: none;
	}
	
	.contentBlock .bullet {
		background-image: url(images/bullet.gif);
		background-repeat: repeat-y;
		background-position: 0% 0%;
		padding: 0 0 0 14px;
	}

	.contribute {
	  width: 330px;
	}

	.menu label{
		display: none;
	}
	
	#column3 .contentBlock .listbox {
		border: 0 inset;
		color: #8B8B8B;
		width: 180px;
		font-size: 1em;
	}

	.linkText {
		color: #8B8B8B;
	}