#random-image {
    position: relative;
    z-index: 1;
    top: 0px;
    left: 0px;
}

#left-newsletter {
    position: relative;
    z-index: 2;
    top: 0px;
    left: 4px;
}

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
background-image:url(../images/bg.gif);
background-position:top;
background-repeat:repeat-y;
font-size: 76%;
}

a:link, a:visited {
text-decoration:underline;
color : #005900;
}

a:hover, a:active{text-decoration:none;}

h1{font-size:1.2em;}
h2{font-size:1.1em;}
h3{font-size:1em;}
p { 1em; }
ol, ul { 
	list-style:disc;
	margin: 0 0 1.3em 1.3em;
	padding: 0 0 0 1.3em;
}

#main-content ol, #main-content ul { overflow:auto; }

input {	border: 1px solid #369;}

/* Use a break with this class to clear float containers on both sides */ 
.brclear { 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 

/**************wrapper*******************/
#wrapper{
background:url(images/round-corner-images/middle.jpg) top repeat-y;
width:760px;
margin:0 auto;
padding:0;
text-align:left;
background:#fff;

}

/********************************************/
/*******  header                  ***********/
/********************************************/ 
#header{
margin:0;
padding:0;
height:179px;
background-image:url(../images/header.jpg);
background-position:top;
background-repeat:no-repeat;
}

/**************logo*******************/
#logo{
margin:0;
padding:15px 0 0 40px;
text-align:left;
}

/*************sitename********************/
#sitename{
margin:0;
padding:10px 0 0 10px;
text-align:left;
}

#sitename h1 { 
text-align : center;
font-size : 17px;
padding : 0;
margin : 0;
text-align:left;
} 

#sitename h1 a {
text-decoration:none;
color:#000000;
} 

#sitename h1 a:hover {
color:#666;
} 


/***************slogan******************/
#slogan{
float:right;
width:400px;
margin:0;

}

#slogan h2{
text-align :right;
color : #fff;
font-size : 19px;
padding:50px 100px 0 0 ;
}


/********************************************/
/*******  left part  ***********/
/********************************************/ 

#left-part{
width: 140px;
margin: 0;
padding:0;
float:left;
background-color:#ffffff;
}

/***************login******************/
#login { 
margin : 0;
padding : 10px;
text-align : left;
color : #ffffff;
}

#login h3{
margin:0;
padding:0;
color:#005900;
}

#login p{
margin:0;
padding:0;
}

#login p a{
color:#005900;
}

#login a{
color:#005900;
}

/***************left content******************/
#left { 
margin :7px 0 0 0;
padding :  0;
text-align : left;
} 

#left  img{
margin:  6px 0;
} 

#left h1 { 
color : #005900;
text-align : center;
padding : 0;
margin : 0 5px;
border-bottom : 1px solid #ccc;
} 

#left h2 { 
color : #005900;
text-align : center;
padding : 0;
margin : 0 5px;
border-bottom : 1px solid #ccc;
} 

#left h3 { 
color : #005900;
text-align : center;
padding : 0;
margin : 0 5px;
border-bottom : 1px solid #ccc;
} 


#left p { 
margin : 0;
padding : 5px;
font-size : 0.9em;
color : #005900;
} 

#left p a { 
color : #005900;
} 


/********************************************/
/*******  left part  ***********/
/********************************************/ 
#right-part { 
width: 615px;
padding :0;
margin : 0;
float:right;
} 

/*************search********************/
#search{
float:right;
margin:8px 0 4px 0;
padding:0 9px;
text-align:right;
color : #666666;
}

#search input{}

#search .searchbox {margin-right: 3px;}
/***************breadcrumb******************/
#breadcrumb { 
margin : 5px;
padding:0 0 7px 0;
color : #666666;
} 

#breadcrumb a:link, #breadcrumb a:visited { 
color : #005900;
}

#breadcrumb a:hover, #breadcrumb a:active { 
color : #666666;
} 

/************** main content*******************/

#pagetitle{
text-align : left;
color:#666666;
font-weight:bold;
margin:3px 0;
padding: 0 2px;
}

#main-content { 
padding :  0 5px 10px;
margin : 14px 0 0 0;
}  

#main-content h1 { 
color : #005900;
padding :  0;
margin:7px 0 0 0;
} 

#main-content h2 { 
color : #005900;
padding :  0;
margin:0 0;
} 

#main-content h3 { 
color : #005900;
padding :  0;
margin: 0;
}

#main-content p { 
color : #000000;
} 

#main-content p a{ 
color:#005900;
} 



/********************************************/
/********        footer           ***********/
/********************************************/ 
#footer{
margin:3px auto;
padding:0;
width:760px;
}

/***************bottom nav******************/
#bottomnav { 
margin : 0;
font-size : 0.9em;
} 

#bottomnav a { 
padding : 0;
color : #005900;
} 

#bottomnav a:hover { 
color : #005900;
} 

/***************copyright******************/
#copyright{
color : #666666;
font-size :0.9em;
padding : 0;
}
  
#copyright a { 
color:#333333;
}

/*************contact info********************/
.contact { 

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



/********************************************/
/********Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
 
/*		------	Basic style	------		*/

#menu {
margin:0;
padding:0;
display: block;
background:#f0e56b;
}

#menu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
}

*+html #menu ul { min-height: 1px; }/*hack for ie7*/

#menu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
}

#menu a {
display: block;
}

#menu li li {
width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}

/*		------   Make-up	--------			*/

#menu {
font-size : 13px;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li li {
width: 130px;
}

#menu li a {
font-weight: bold;
text-decoration: none;
text-align: center;
color: #fff;
background-color:#c01f33;
padding: 1px 10px;
margin:2px;
}

#menu li a:hover {
color:#fff;
background-color:#f48b97;
}

#menu li:hover>a {
color:#fff;
background-color:#f48b97;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color:#C01E34;
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color:#f48b97;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #fff;
padding: 2px 10px;
background-color:#f48b97;
}

#menu li ul {
width: 130px;
background-color:#F0E56B;
padding:0 10px 0 0 ;
}

#menu li li ul {
border-top-width: 0px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}

/*************************************/
/********** Extension Styles ***************/
/*************************************/

/** Left Styles**/

#left .news-latest-container .news-latest-item .news-latest-morelink a:link, 
#left .news-latest-container .news-latest-item .news-latest-morelink a:visited,
#left .news-latest-container .news-latest-item .news-latest-morelink a:hover,
#left .news-latest-container .news-latest-item .news-latest-morelink a:active,
#left .news-latest-container .news-latest-item .news-latest-date a:link, 
#left .news-latest-container .news-latest-item .news-latest-date a:visited,
#left .news-latest-container .news-latest-item .news-latest-date a:hover,
#left .news-latest-container .news-latest-item .news-latest-date a:active{
	color:#693;
}

#left .news-latest-container H2 {
	color:#060;
	padding:3px;
	font-size: 1.2em;
}
#left .news-latest-gotoarchive {
	color:#060;
	padding:3px;
}

#left .news-latest-item h3, 
#left .news-latest-item h3 a:link,
#left .news-latest-item h3 a:visited, 
#left .news-latest-item h3 a:hover{
	color:#693;
}


/********* default styles for extension "tx_srfeuserregister_pi1" *********/

  /* WEC-MMS: Commented out the styles below */
* html .tx-srfeuserregister-pi1{ 
	margin-right:-10px;
}

* html div.tx-srfeuserregister-pi1 label.tx-srfeuserregister-pi1-password-again{ 
	margin-left:-5px;
}

/*
dt {
	font-size:80%;
}

dd{
	font-size:80%;
}
*/

/********* Styles for extension "tx_newloginbox_pi1" *********/

.tx-felogin-pi1 {
}

.tx-felogin-pi1 fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.tx-felogin-pi1 legend {
	display: none;
}

.tx-felogin-pi1 form{
margin:0;
padding:0;
}

.tx-felogin-pi1 input{
}

.tx-felogin-pi1 th{
	font-weight:normal;
}

.tx-felogin-pi1 label{
color:#000;
font-weight:normal;
font-size:11px;
}

.tx-felogin-pi1 input {
	border: 1px solid #369;
	margin-bottom: 3px;
}
.tx-felogin-pi1 table {
	width: 100px; 
	font-size: 11px;
}
.tx-felogin-pi1 h3 {
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #036;
}
#left .tx-felogin-pi1 td {
	color: #fff;
}
#left .tx-felogin-pi1 h3 {	
		font-family: Arial, Verdana, sans serif;
		font-weight: bold;
		color: #039;
		/*background-color:  #6699cc;*/
		margin-left: 0px;
		padding-left: 17px;
		padding: 10px;
	}
.tx-felogin-pi1 #user,
.tx-felogin-pi1 #pass {
	width: 60px; 
	font-size: 11px;
}

.tx-felogin-pi1 #forgot-email {
	width: 120px;
	font-size: 11px;
}


/********* Styles for extension "tx_newloginbox_pi3" *********/

.tx-newloginbox-pi3-listrow TD { 
	background-color:#eeeeee; 
	padding-left: 3px; 
	padding-right: 3px; 
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD { 
	background-color:#cccccc; 
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { 
	font-weight:bold; 
}
.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { 
	background-color:#f6f6f6; 
}





/********* Styles for extension "tx_indexedsearch" *********/

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { 
	width:100px; 
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { 
	width:150px; 
}
.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { 
	font-weight:bold; 
	font-style:italic; 
}
.tx-indexedsearch .tx-indexedsearch-whatis { 
	margin-top:10px; 
	margin-bottom:5px; 
}
.tx-indexedsearch P.tx-indexedsearch-noresults { 
	text-align:center; 
	font-weight:bold; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { 
	background:#eeeeee; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { 
	font-weight:bold; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { 
	font-weight:normal; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { 
	font-style:italic; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { 
	color:red; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { 
	background:#eeeeff; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { 
	margin-top:20px; 
	margin-bottom:5px; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { 
	margin-top:0px; 
	margin-bottom:0px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { 
	background:#cccccc; 
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { 
	vertical-align:middle; 
}





/********* Styles for extension "rgsmoothgallery" *********/
#main-content .jdGallery .slideInfoZone h2 {
	color: inherit;
	font-weight: bold;
	margin: 2px 5px;
	padding: 0pt;
}

#main-content .jdGallery .slideInfoZone p {
	color: #EEEEEE;
	margin: 2px 5px;
	padding: 0pt;
}



.tx-cal-controller dt {
    margin-top: 8px;
}

.tx-cal-controller dt.day-wrapper {  font-size: 130%;}
.tx-cal-controller dd { margin-left: 0px;}