html {
  margin:0px;
  padding: 0px;
}

body {
  background-color: #464646;
  margin: 0px 0px;

  font-family: arial, sans-serif;
  font-size: 12px;
  color: #627e46;
}


a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #627e46;
  font-weight: bold;
}

h1 {
  font-size:30px;
  font-weight: normal;
}

h2 {
  font-size:15px;
}

h3 {
  font-size:14px;
}

h4 {
  font-size:13px;
}

h5 {
  font-size:11px;
}

h6 {
  font-size:10px;
}

p.read-all {
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	margin-top:2px;
	text-align:right;
}

#page {
  width: 825px;
  margin: 0 auto 0 auto;
  background-image: url(../images/page_bg.jpg);
  background-repeat: repeat-y;
}

#page_inside {
  padding-left: 20px;
  padding-right: 20px;
}

#header {
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
  height: 151px;
}

#topmenu {
	font-size:13px;
	color: #e8ffd3;

	position: relative;
	left: 35px;
	top: 105px;
}

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active {
  text-decoration: none;
  color: #e8ffd3;
}

#topmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#topmenu ul li {
	display: inline;
	margin-left: 0px;
	margin-right:18px;
}

/* ############################# MIDDLE ############################ */


/* NEWSBOX */

#newsbox {
	text-align:center;
}

#newsbox p.title {
	font-size: 11px;
	font-weight: bold;
	margin:0px;
}

#newsbox p.description {
	font-size: 10px;
	margin: 0px;
	margin-bottom:10px;
}

#content {

}

#content_inside {
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:20px;
}

#article div.image {
	display: inline;
	margin:10px;
	line-height: 100px;
}

#weblinks {
	/*clear:both;*/
}

/* ######################### COMMENTS ############################# */
div.comments {
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #507055;
	text-align: center;
	margin:30px;
	padding-top: 20px;
}

div.comments p.author {
	font-size:11px;
	margin:0px;
}

div.comments p.comment {
	font-size:16px;
	margin:0px;
	margin-bottom:30px;
}



/* ##################################### FOOTER ################################# */
#footer {
  clear: both;
  text-align: center;
  border-top-style: dotted;
  border-top-width:1px;
  border-top-color: #606060;
  height:80px;
  font-size: 10px;
  padding:20px;
}

#footer p.credits {
	font-size: 11px;
}

/* ------------------------------- DEFAULT ----------------------------- */
img {
  border-style: none;
}

img.icon {
  display:left;
  padding:3px;
}
p.title {
  margin: 0px;
  margin-bottom: 40px;
  padding: 0px;
}

p.message-info {
  font-weight: bold;
  color:blue;
}

p.message-error {
  font-weight: bold;
  color: red;
}

/* ###################### TABS ########################### */
div.tabs-panel-header {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width:6px;
  border-color: #404040;
  text-align:center;
  background-color: #303030;
  padding:8px;

  margin-bottom:20px;
}

div.tabs-panel-header .tab-button {
   display:inline;
   padding: 10px;
}

div.tabs-panel-content {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width:6px;
  border-color: #404040;
  text-align:center;
  background-color: #303030;
  padding:8px;

  margin-bottom:20px;
}

/* ###################### END TABS ########################### */


/* ###################### DIALOG ########################### */

.dialog {
  width:360px;
  margin-left: auto;
  margin-right: auto;
  background-color: #303030;
  border-top-style: solid;
  border-bottom-style: solid;
  border-width: 6px;
  border-color: #404040;
  text-align:center;
}

.dialog .image {
  padding:20px;
  text-align:center;
}

.dialog .content {
  text-align:center;
}

.dialog .footer {
  text-align: center;
  margin:15px;
}

table.dialog {
border-style: none;
border-top-style: solid;
border-bottom-style: solid;
}
/* ###################### END DIALOG ########################### */

/* ##################### TABLE GRID ########################### */
table.table-grid {
   border-style:solid;
   border-width: 1px;
   border-color: #202020;
   width: 100%;
   float: left;
   margin-bottom: 15px;
}

table.table-grid tr.title {
   background-color: #404040;
   font-weight:bold;
   color:white;
   text-align:center;
   padding:5px;
   height:25px;
}

table.table-grid p.title {
   background-color: #404040;
   padding-top:10px;
   padding-bottom: 10px;
   height:auto;
   font-weight: bold;
   font-size:14px;
}

table.table-grid tr.row {
   text-align:center;
   background-color: #303030;
}

/* ##################### END TABLE GRID ########################### */


/* ##################### ICONS PANEL ########################### */

div.icons-panel {
  width: 80%;
  background-color:#303030;
  margin-left:auto;
  margin-right:auto;
  padding:20px;
  text-align:center;
  border-top-style:solid;
  border-bottom-style: solid;
  border-color: #404040;
  border-width:6px;
  padding-bottom:20px;
}

div.icons-panel div.icon a:link, div.icons-panel  div.icon a:visited {
   background-color:#303030;
   border-style:none;
}

div.icons-panel div.icon  a:hover, div.icons-panel  div.icon a:active  {
   background-color:#404040;
}

div.icons-panel  div.icon {
  float:left;
  padding:10px;
}

div.icons-panel  div.icon img {
  border-style: none;
  clear:both;
}

div.icons-panel div.footer {
  clear:both;
}

div.icons-panel div.icon p {
	clear: both;
}

/* ##################### END ICONS PANEL ########################### */

/* #################### FORMS ######################### */
div.form-section
{
  background-color: #303030;
  border-color: #404040;
  border-width:5px;
  border-top-style:solid;
  border-bottom-style:solid;
  padding:10px;
  margin:5px;
}
/* #################### END FORMS ######################### */

div.admin-panel {
	background-color: #a2be86;
}

/* ------------------------------- END DEFAULT ----------------------------- */