
body, div, span, p, .p, h1, h2, .listheadline, .listproducts, h3, a, td ,th, select, input, textarea, credit,.pictext
{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, Futura, sans-serif;
}

body, p, .p, h3, .path, .readmore, .path_small, th, td, .check
{
	font-size: 11px;
	color: #090909;
}

a
{
    color : #2F35AE;
    text-decoration: none;
}

ul
{
    margin-left		: 10px;
    padding-left	: 10px;
}

a:hover 
{
    color: #2F35AE;
    text-decoration: underline;
    background-color: #2F35AE;
    color: #fff;
}
    
body
{
    background-color	: #F0F0F0;
		margin						: 0px;
		padding						: 0px;

}

form
{
    margin		: 0px;
    padding		: 0px;
}

input.button
{
    width		: 150px;
    height		: 20px;
    text-align		: center;
    color               : #000000;    
    font-size           : 11px;
    font-family		: Arial, Helvetica, Geneva, Verdana;
    font-weight         : bold;
    border              : 0px;
    margin		: 2px;
    padding		: 2px 0px 0px 0px;
}

textarea, select, input
{
    background-color    : #F0F0F0;    
    border     		: 1px solid #000000;
    font-size		: 9pt;
}

.input
{
    height              : 20px;
}

textarea, select
{
    scrollbar-face-color: #F0F0F0;
    scrollbar-shadow-color: #555; 
    scrollbar-highlight-color: #F0F0F0;
    scrollbar-3dlight-color: #666; 
    scrollbar-darkshadow-color: #666;
    scrollbar-track-color: #666;
    scrollbar-arrow-color: #666;
}

textarea
{
    background		: #F0F0F0;
}

/* Fonts */
h1 
{
    font-family		: "Lucida Grande", verdana, arial, sans-serif;
    padding			: 10px 0px 0px 20px;
    border-bottom	: 0px;
    margin			: 0px;
    color			: #333;
    font-size		: 18pt;
    font-weight		: bold;
}

h2
{
    font-family		: "Lucida Grande", verdana, arial, sans-serif;
    margin			: 10px 0px 0px 20px;
    color			: #333;
    font-size		: 14pt;
    padding			: 0;
}

h3
{
    font-family		: "Lucida Grande", verdana, arial, sans-serif;
    font-size		: 10pt;
    padding			: 0px 0px 0px 0px;
    margin			: 0px 0px 10px 20px;
    color			: #333;
}

/* Contents */
#header
{
	position		: absolute;
	display			: block;
	top				: 0px;
	left			: 50px;
	width			: 670px;
	height			: 120px;
	margin			: 0px;
	padding			: 0px;
	background		: url("/view/images/headerBG.gif") no-repeat;
	color			: #444444;
	font-size		: 20px;
	font-weight		: bold;
	vertical-align  : bottom;
}

/* Contents */

#contents
{
	position		: absolute;
	display			: block;
	top				: 120px;
	left			: 320px;
	float			: right;
	width			: 400px;
	background-color: #dddddd;
}

#presentation
{
	margin			: 0px 20px 0px 20px;
}

ul#personlist
{
	font-size		: 11pt;
	width			: 300px;
}

ul#personlist li
{
	list-style-type : none;
	float			: left;
}

li.person
{
	margin-bottom   : 20px;
	width			: 100%;
}

ul#eventlist
{
	font-size		: 11pt;
	width			: 300px;
	padding			: 0px 20px 0px 20px;
}

ul#eventTable, ul#linklist
{
	font-size		: 8pt;
	width			: 350px;
}

ul#eventlist li, ul#eventTable li, ul#linklist li
{
	list-style-type : none;
	float			: left;
}

ul#linklist li {
	float			: none;
}

ul#eventlist li.event
{
	margin			: 0px 0px 20px 0px;
	width			: 100%;
}

ul#eventTable li.event, ul#eventTable li.eventDark, ul#eventTable li.eventStart
{
	padding			: 2px 0px 2px 0px;
	width			: 100%;
	margin			: 0px;
	border-bottom   : 1px solid #cccccc;
}

ul#eventTable li.eventStart
{
	border-top		: 1px solid #cccccc;
}

ul#eventTable li.eventDark, ul#eventTable li.eventStart
{
	background-color: #d6d6d6;
}

li.personName
{
	font-weight		: bold;
	float			: left;
	width			: 100%;
	margin			: 0px;
}

li.eventTitle
{
	font-weight		: bold;
	float			: left;
	position		: relative;
	width			: 100%;
}

li.eventTitle a:hover
{
	text-decoration : underline;
	color			: #444444;
	background		: none;
}

li.description
{
	font-size		: 8pt;
	color			: #222222;
	width			: 100%;
	float			: left;
}

ul#eventlist li.eventTitle
{
	width			: 100%;
	margin			: 0px;
	padding			: 0px;
}


ul#eventlist li.type, li.personTitle, li.chairman
{
	font-size		: 7pt;
	color			: #444444;
	float			: left;
	width			: 100%;
}

li.chairman
{
	font-style		: italic;
}

ul#eventlist li.type
{
	width			: 50%;
	margin-bottom   : 4px;
}

ul#eventTable li.type
{
	color			: #444444;
	float			: left;
	width			: 100%;
}

ul#eventlist li.date
{
	font-size		: 7pt;
	color			: #444444;
	float			: right;
	width			: 50%;
	text-align		: right;
}

ul#eventTable li.date
{
	color			: #444444;
	float			: left;
	width			: 100%;
}

div.eventDescription {
	margin			: 20px 20px 0px 20px;
}

div.dateAdded, div.loggedInAs
{
	margin			: 20px 20px 0px 20px;
	font-style		: italic;
	font-size		: 80%;
	color			: #444444;
	text-align		: right;
}

/* Sidebar menu */

#menu
{
	position		: absolute;
	display			: block;
	top				: 163px;
	left			: 50px;
	width			: 250px; 
	text-align		: right;
}

ul#navlist a
{
    font-size : 12px;
    font-weight: bold;
    text-decoration: none;
}

ul#navlist, ul#navlist li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

ul#navlist li a
{
    display		: block;
    padding		: 0px 15px 0px 15px;
    margin		: 0px;
    height		: 15px;
    color		: #090909;
}

ul#navlist li a.main
{
    color		: #090909;
    padding		: 3px 30px 0px 0px;
    height		: 21px;
	background  : url('/view/images/menuOutBG.gif') no-repeat;
}

ul#navlist li
{
    margin-bottom: 8px;
}

ul#navlist li a:hover
{
    color: #000000;
	background  : #cccccc;
}

ul#navlist li a.main:hover
{
    color: #000000;
	background  : url('/view/images/menuOverBG.gif') no-repeat;
}

ul#navlist li a:active
{
    color: #000000;
}

ul#navlist li.seperator
{
	border-bottom   : 1px solid #888888;
	margin			: 0px 15px 10px 15px;
	padding			: 0px;

}

/* Administration */

#adminMenu
{
	position		: absolute;
	display			: block;
	top				: 0px;
	left			: 20px;
	width			: 250px; 
	background-color: #dddddd;
	font-size		: 6pt;
	font-weight		: regular;
	padding-top		: 20px;
}

#adminContents
{
	position		: absolute;
	display			: block;
	top				: 0px;
	left			: 300px;
	float			: right;
	width			: 450px;
	background-color: #dddddd;
	padding-top		: 20px;
}

ul#adminList
{
    margin			: 0px 20px 20px 20px;
    padding			: 0px 0px 0px 20px;
	width			: 450px;
	display			: block;
	float			: left;
}

.adminTextDiv
{
    margin			: 0px 20px 20px 20px;
    padding			: 0px 0px 0px 0px;
	float			: left;
	width			: 100%;
}

div.loginBox
{
	position		: absolute;
	width			: 300px;
	left			: 10%;
	top				: 10%;
	border			: 1px solid #222222;
	background		: #e0e0e0;
	padding			: 20px;
}

/* Form */
ul#form, ul.formElement, ul.formElementText, ul.formElementSelect, ul.formElementError, ul.formElementSelectError, ul.formElementTextError
{
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

ul#form
{
	width			: 95%;
	margin			: 20px 0px 0px 0px;
}

.formElement, .formElementText, .formElementSelect, .formElementError, ul.formElementSelectError, .formElementTextError
{
	width			: 100%;
	padding			: 5px 5px 20px 0px;
	margin-bottom   : 20px;
}

.formElementText, .formElementTextError
{
	margin-bottom   : 100px;
}

.formElementSelect .formField, .formElementSelectError .formField
{
	text-align		: left;
}

.formElementError, .formElementSelectError, .formElementError
{
	background		: #cc0000;
	color			: #ffffff;
}

.caption
{
	text-align		: right;
	width			: 40%
}

.formField
{
	width			: 60%;
	margin-left		: 20px;
	margin-right	: 10px;
}

.formField input
{
	width			: 95%;
	border			: 1px solid #444444;
	background-color: #ffffff;
}

.formField textarea
{
	width			: 100%;
	border			: 1px solid #444444;
	background-color: #ffffff;
	height			: 100px;
}

/* Alerts */
.alertBad
{
    text-align		: left;
    font-weight		: bold;
    border-top		: 1px solid #c99;
    border-bottom	: 1px solid #c99;
    padding		: 5px 5px 5px 47px;
    font-size		: 11px;
    margin		: 5px 0 15px 0;
    background		: #c00 url(/view/images/attention.gif)  20px no-repeat;
    color		: #fff;
}

.alertGood
{
    text-align		: left;
    font-weight		: bold;
    border-top		: 1px solid #c99;
    border-bottom	: 1px solid #c99;
    padding		: 5px 5px 5px 47px;
    font-size		: 11px;
    margin		: 5px 0 15px 0;
    background		: #EEEE90 url(/view/images/attention.gif)20px no-repeat;
    color		: #fff;
}