body {

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

	background: #000;

	margin: 0;

	padding:0;

	font-size : 13px;

	color : #000;

}

#header {

	background: url(images/cms/b_bg.jpg) repeat-x;

	width: 900px;

	height: 100px;

	color: #fff;

}

.headerText {

	background: none;

	font-size: 30px;

        font-style:italic;

	text-align: center;

	padding-top: 35px;

	padding-right: 25px;

	padding-left: 25px;

	padding-bottom: 15px;

	color: #fff;

	font-weight: bold;
        /*
        font-family : Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
*/

}

#center {

	text-align: center;

}

.menu {

	display: block;

	background: #84D02E;

	width: 900px;

	color: #fff;

	font-weight: bold;

	padding-top: 8px;

	border-top: 2px dotted #fff;

        text-align: center;

}

.menu li {

	float: left;
        display: inline;
        list-style: none;
        padding: 0;        
        border-right: 2px solid white;
	padding-right: 5px;
	padding-left: 5px;
        

}

.menu ul {    
        
        padding: 0;
        list-style: none;
        padding-left: 15px;
        margin: 0;
        
}

.menu a {

	background: #84D02E;

	color: #fff;

	padding-left: 3px;

	padding-right: 3px;

	font-weight: bold;

	text-decoration: none;

}

.menu a:active {

	background: #84D02E;

	color: #fff;

	padding: 3px;

	font-weight: bold;

	text-decoration: none;

}

.menu a:hover {

	background: #fff;

	color: #84D02E;

	padding-top: 3px;

	padding-bottom: 13px;

	padding-left: 3px;		

	padding-right: 3px;

	font-weight: bold;

	text-decoration: underline;

}

#container {

	background: #fff;

	color : #000;

	width: 900px;

	margin-right : auto;

	margin-left : auto;

	text-align : left;

}

#content {

	background: #84D02E;

	color: #000;

	padding-top: 14px;

	padding-right: 25px;

	padding-left: 25px;

}	

#columnR {

	float: right;

	width: 200px;

	margin:0;

	margin-right:0;

	padding:25px;

	background: #fff;

	color: #000;

}

b.black {

	background: none;

	color: #000;

	font-size: 16px;

}

h2.headline {

	background: #fff;

	text-decoration: underline;

	color: #84D02E;

}

h1.title {

	font-weight: bold;

}

#bodytext {

	background: #fff;

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

	padding-left : 5px;

	padding-right : 5px;

	text-align : left;

	color: #000;

	/*padding-top : 1px;*/

	padding-bottom : 30px;

	margin-bottom: 0;

}

.imageobject {

	float: left;

	background: url(images/flower.jpg) no-repeat;

	color: #fff;

	height: 239px;

	width: 300px;

	}

.footer {

	background: url(images/cms/b_bg2.jpg) repeat-x;

	height: 100px;

	width: 900px;

	margin-right : auto;

	margin-left : auto;

	color : #fff;

	padding-top : 5px;

	font-size: 9px;

	text-align : center;

}

.footer a {

	background: none;

	color : #fff;

	padding-left: 2px;

	padding-right: 2px;	

}

/* The wrapper clears the floating elements of the menu */

#menuwrapper {
        overflow: hidden;
        background-color: black;
        border-bottom: 1px solid red;
        width: 800px;
        font-size: .65em;
        color: white;
        margin-left: 110px;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li {
        width: 200px;

       }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	}
#primary-nav ul ul {
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%;
	top: 0px;
	}

#primary-nav li {
	margin-left: -1px;
	float: left;
	}
#primary-nav li li {
	margin-left: 0px;
	margin-top: -1px;
	float: none;
	position: relative;
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a {
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-decoration: none;
        color : white;
	}
#primary-nav li a {
	border-right: 1px solid red;
	border-left: 1px solid red;
        color : white;
	}
#primary-nav li li a {
	border: 1px solid red;
	}
#primary-nav li, #primary-nav li.menuparent {
	background-color: black;
        color : white;
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {
	background-color: black;
        color: red;
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
	background-image: url(modules/MenuManager/images/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
          color: red;
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
	background-color: black;
        color : red;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
	display: none;
          color: red;
	}
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
	display: block;
	}


/* IE Hacks */

#primary-nav li li {
	float: left;
	clear: both;
	}
#primary-nav li li a {
	height: 1%;
	}