html,body
{font-family: Arial,ArialCE,helvetica,sans-serif;}

html,body
{font-size: 12px;}

html,body
{color: #000000;}

html,body
{background-color: #076c2d; }

html,body
{margin: 0px;}

html,body
{padding: 0px;}

a,a:hover
{color: #000000;}

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



#wrapper
{background-color: #ffffff; margin: 0px auto 0px auto; width: 996px; border: 1px solid #ffffff;}



#header
{font-size: 12px; color: #ffffff; background-image: url('grafika/bgheader.jpg'); text-align: left; margin: 0px auto 0px auto; padding: 0px; width: 994px; height: 200px; border: 1px solid #ffffff;} 

#header h1
{font-size: 28px; margin: 85px 0px 0px 20px;}

#header a
{color: #ffffff; text-decoration: none;}

#header a:hover
{color: #e7e7e7; text-decoration: none;}





#dayanduserinfo
{color: #ffffff; background-color: #20914a; margin: 0px auto 0px auto; padding: 5px 5px 5px 5px; width: 984px; height: 16px; border: 1px solid #ffffff; clear: both;}

#dayanduserinfo a
{font-weight: bold; color: #ffffff; text-decoration: none;}

#dayanduserinfo a:hover
{font-weight: bold;  color: #ffffff; text-decoration: underline;}


#dayinfoo
{color: #ffffff; text-align: left;  border: 1px solid #20914a; float: left;}

#dayinfoo a
{color: #ffffff; text-decoration: none;}

#dayinfoo a:hover
{color: #ffffff; text-decoration: underline;}


#userinfoo
{color: #ffffff; text-align: right; border: 1px solid #20914a; float: right;}

#userinfoo a
{color: #ffffff; text-decoration: none;}

#userinfoo a:hover
{color: #ffffff; text-decoration: underline;}



#userinfo
{color: #ffffff; background-color: #20914a; text-align: right; margin: 0px auto 0px auto; padding: 5px 5px 5px 5px; width: 984px; border: 1px solid #ffffff;}

#userinfo a
{color: #ffffff; text-decoration: none;}

#userinfo a:hover
{color: #ffffff; text-decoration: underline;}



#menu
{background-color: #076c2d; margin: 0px auto 0px auto; width: 994px; border: 1px solid #ffffff;}



#content
{font-size: 13px; background-color: #ffffff; margin: 0px auto 0px auto; padding: 0px; width: 994px; min-height: 1100px; border: 1px solid #ffffff;}

#content h2
{font-size: 20px; color: #000000; margin: 5px 5px 0px 5px;}

#content h3
{font-size: 16px; color: #076c2d; margin: 5px 5px 0px 5px;}

#content h4
{font-size: 13px; color: #076c2d; margin: 5px 5px 0px 5px;}

#content h3 a
{color: #000000;}

#content h4 a
{color: #000000;}

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

#content a:hover
{color: #000000; text-decoration: underline;}

#content-left
{background-color: #ffffff; width: 750px; margin: 0px; padding: 0px; border: 1px solid #ffffff; float: left;}

#content-right
{color: #000000; background-color: #f7f7f7; width: 220px; min-height: 1000px; margin: 0px; padding: 5px; border: 1px solid #f7f7f7; float: right;}

#content-right h3
{font-size: 16px; font-weight: bold; color: #000000; margin: 0px; padding: 0px;}

#content-right a
{color: #000000; text-decoration: none;}

#content-right a:hover
{color: #000000; text-decoration: underline;}

.content-right-title
{font-size: 14px; font-weight: bold; color: #076c2d; margin: 5px 0px 0px 0px;}

.content-right-title a
{font-size: 14px; font-weight: bold; color: #076c2d; text-decoration: none;}

.content-right-title a:hover
{font-size: 14px; font-weight: bold; color: #076c2d; text-decoration: underline;}

.content-right-text
{font-size: 12px; font-weight: bold; color: #000000; margin: 0px 0px 10px 0px;}

.content-right-text a
{font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}

.content-right-text a:hover
{font-size: 12px; font-weight: bold; color: #000000; text-decoration: underline;}

.box
{background-color: #e9f6ee; vertical-align: top; padding: 5px 5px 0px 5px; border: 1px solid #d1e3d8;}


#footer
{color: #ffffff; background-color: #076c2d; text-align: center; margin: 0px auto 0px auto; padding: 5px; width: 984px; border: 1px solid #ffffff; clear: both;}

#footer a
{color: #ffffff; text-decoration: none;}

#footer a:hover
{color: #ffffff; text-decoration: underline;}





.menu 
{background: url('grafika/topmenuimages.png') repeat-x; margin: 0px auto; padding: 0px; width: 100%; height: 30px; display: block;}

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

.menu li a 
{font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; background:url('grafika/topmenuimages.png') 0px -30px no-repeat; text-decoration: none; padding: 0px 0px 0px 15px; display: block; cursor: pointer; float: left;}

.menu li a span
{background:url('grafika/topmenuimages.png') 100% -30px no-repeat;  padding: 0px 15px 0px 0px; float: left; display: block; line-height: 30px;}

.menu li a:hover
{color: #000000; background-position: 0px -60px;}

.menu li a:hover span
{background-position: 100% -60px;}

.menu li a.active, .menu li a.active:hover
{font: 12px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background: url('grafika/topmenuimages.png') 0px -90px no-repeat; line-height: 30px;}

.menu li a.active span, .menu li a.active:hover span
{background: url('grafika/topmenuimages.png') 100% -90px no-repeat;}










.table
{margin: 0px auto 0px auto;}



.form-title,.tab-title
{font-size: 20px; font-weight: bold; text-align: center; border: 1px solid #ffffff;}

.form-text,.tab-text
{font-size: 12px; text-align: center; border: 1px solid #ffffff;}


.tab-text a
{font-weight: bold; color: #000000; text-decoration: none;}

.tab-text a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}



.tab-h-center
{font-size: 12px; font-weight: bold; color: #ffffff; background-color: #000000; text-align: center; padding: 2px 5px 2px 5px; border: 1px solid #000000;}

.tab-h-80-center
{font-size: 12px;  font-weight: bold; color: #ffffff; background-color: #000000; text-align: center; width: 70px; padding: 2px 5px 2px 5px; border: 1px solid #000000;}

.tab-rw-80-center
{font-size: 12px;  color: #000000; background-color: #ffffff; text-align: center; width: 70px; padding: 2px 5px 2px 5px; border: 1px solid #f0f0f0;}

.tab-rb-80-center
{font-size: 12px;  color: #ffffff;  background-color: #666666; text-align: center; width: 70px; padding: 2px 5px 2px 5px; border: 1px solid #666666;}


.tab-f-left,.tab-f-right,.tab-f-leftright-center
{font-size: 12px;}

.tab-f-left
{text-align: right;}

.tab-f-right
{text-align: left;}

.tab-f-left
{width: 18%;}

.tab-f-right
{width: 82%;}

.tab-f-left
{border: 1px solid #ffffff;}

.tab-f-right
{border: 1px solid #ffffff;}



.tab-f-left-50vs50,.tab-f-right-50vs50,.tab-f-center-full
{font-size: 12px;}

.tab-f-left-50vs50
{text-align: right;}

.tab-f-right-50vs50
{text-align: left;}

.tab-f-left-50vs50
{width: 50%;}

.tab-f-right-50vs50
{width: 50%;}

.tab-f-left-50vs50,.tab-f-right-50vs50,.tab-f-center-full
{border: 1px solid #eeeeee;}

.tab-f-right-50vs50 a
{font-weight: bold;}

.tab-f-right-50vs50 a:hover
{font-weight: bold;}



.tab-f-leftright-center
{font-size: 12px;}

.tab-f-leftright-center
{text-align: center;}

.tab-f-leftright-center
{border: 1px solid #ffffff;}


.tab-f-center-full img
{margin: auto;}

.tab-f-center-full img
{text-align: center;}



.tab-title-left h1
{font-size: 16px;}

.tab-info-left h3
{font-size: 12px;}

.tab-title-left h1,.tab-info-left h3
{text-align: left;}

.tab-title-left,
.tab-title-left h1,
.tab-info-left h3
{margin: 0px;}

.tab-title-left,
.tab-title-left h1,
.tab-info-left h3
{padding: 0px;}

.tab-title-left,
.tab-info-left,
.tab-text-left
{width: 80%;}

.tab-title-left a
{color: #000000; text-decoration: none;}

.tab-title-left a:hover
{color: #000000; text-decoration: underline;}

.tab-info-left a
{color: #000000; text-decoration: none;}

.tab-info-left a:hover
{color: #000000; text-decoration: underline;}

.tab-text-left a
{font-weight: bold; text-decoration: none;}

.tab-text-left a:hover
{font-weight: bold; text-decoration: underline;}




.submenu
{font-weight: normal; margin: 0px auto 0px auto; width: 98%; border: 1px solid #ffffff;}

.submenu a
{font-weight: bold; color: #000000; text-decoration: none;}

.submenu a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}




.title
{font-size: 18px; color: #000000; margin: 2px 5px 2px 5px; width: 98%; border: 1px solid #ffffff;}

.title h2
{margin: 0px; padding: 0px;}

.title a
{color: #000000; text-decoration: none;}

.title a:hover
{color: #000000; text-decoration: underline;}

.info
{font-size: 12px; color: #076c2d; margin: 2px 5px 2px 5px; width: 98%; border: 1px solid #ffffff;}

.info h4
{margin: 0px; padding: 0px;}

.info a
{color: #000000; text-decoration: none;}

.info a:hover
{color: #000000; text-decoration: underline;}

.text-left
{text-align: left; margin: 2px 5px 2px 5px; padding: 0px; border: 1px solid #ffffff;}

.text-left a
{font-weight: bold; color: #000000; text-decoration: none;}

.text-left a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}


/* -wp = with padding */

.text-left-wp
{margin: 2px 5px 2px 5px; padding: 0px 10px 0px 10px;  border: 1px solid #ffffff;}

.text-left-wp a
{font-weight: bold; color: #000000; text-decoration: none;}

.text-left-wp a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}


.text-center
{text-align: center; margin: 2px 5px 2px 5px; padding: 0px; width: 98%; border: 1px solid #ffffff;}

.text-center a
{font-weight: bold; color: #000000; text-decoration: none;}

.text-center a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}





.text-info-odd
{font-size: 13px; font-weight: bold; background-color: #e7e7e7; text-align: left; margin: auto; padding: 5px 5px 3px 5px; width: 610px; border: 1px solid #ffffff;}

.text-text-odd
{font-size: 12px; background-color: #e7e7e7; text-align: left;  margin: auto; padding: 2px 5px 5px 5px; width: 610px;  border: 1px solid #ffffff;}

.text-info-even
{font-size: 13px; font-weight: bold; background-color: #ffffff; text-align: left; margin: auto; padding: 5px 5px 3px 5px; width: 610px; border: 1px solid #e7e7e7;}

.text-text-even
{font-size: 12px; background-color: #ffffff; text-align: left;  margin: auto; padding: 2px 5px 5px 5px; width: 610px;  border: 1px solid #e7e7e7;}

.text-info-odd a,.text-info-even a
{color: #000000; text-decoration: none;}

.text-text-even a,.text-text-odd a
{font-weight: bold; color: #000000; text-decoration: none;}

.text-info-odd a:hover,.text-info-even a:hover
{color: #000000; text-decoration: underline;}

.text-text-even a:hover,.text-text-odd a:hover
{font-weight: bold; color: #000000; text-decoration: none;}


.photopreview
{font-size: 12px; background-color: #ffffff;  vertical-align: top; width: 160px; padding: 5px 8px 5px 8px; border: 1px solid #e7e7e7;}

.photopreview a
{font-weight: bold; color: #000000; text-decoration: none;}

.photopreview a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}

.photopreview img
{padding: 5px; margin: 0px auto 0px auto; border: 1px solid #f7f7f7;}

.photopreview-odd
{font-size: 12px; background-color: #ffffff;  vertical-align: top; width: 160px; padding: 5px 8px 5px 8px; border: 1px solid #e7e7e7;}

.photopreview-odd a
{font-weight: bold; color: #000000; text-decoration: none;}

.photopreview-odd a:hover
{font-weight: bold; color: #000000; text-decoration: underline;}

.photopreview-odd img
{padding: 5px; margin: 0px auto 0px auto; border: 1px solid #f7f7f7;}

/* d1e3d8 ddece3 e9f6ee */
.photopreview-even
{font-size: 12px; background-color: #e9f6ee; vertical-align: top; width: 160px; padding: 5px 8px 5px 8px; border: 1px solid #d1e3d8;}

.photopreview-even a
{font-weight: bold; text-decoration: none;}

.photopreview-even a:hover
{font-weight: bold; text-decoration: underline;}

.photopreview-even img
{padding: 5px; margin: 0px auto 0px auto; border: 1px solid #d1e3d8;}



.photopreview-title
{font-size: 14px; font-weight: bold; color: #076c2d; margin: 5px 0px 0px 0px;}

.photopreview-title a
{font-size: 14px; font-weight: bold; color: #076c2d; text-decoration: none;}

.photopreview-title a:hover
{font-size: 14px; font-weight: bold; color: #076c2d; text-decoration: underline;}

.photopreview-photo
{text-align: center; width: 100%; border: 1px solid #ffffff;}


.photo
{text-align: center; vertical-align: auto; width: 820px; min-width: 820px; height: 620px; min-height: 620px; padding: 5px 8px 5px 8px; border: 1px solid #e7e7e7;}

.photo img
{padding: 5px; margin: auto; border: 1px solid #f7f7f7;}


.video
{text-align: center; vertical-align: auto; width: 820px; min-width: 820px; padding: 5px 8px 5px 8px; border: 1px solid #e7e7e7;}

.video-title
{font-size: 14px; font-weight: bold; color: #076c2d; margin: 5px 0px 0px 0px;}

.video-title a
{font-size: 14px; font-weight: bold; color: #076c2d; text-decoration: none;}

.video-title a:hover
{font-size: 14px; font-weight: bold; color: #076c2d; text-decoration: underline;}

/* video of articles */
.videooa
{text-align: center; vertical-align: auto; width: 650px; min-width: 650px; padding: 5px 8px 5px 8px; border: 1px solid #e7e7e7;}







.text-wide-left h2
{font-size: 20px;}

.text-wide-left h3
{font-size: 16px;}

.text-wide-left h4
{font-size: 16px;}

.text-wide-left h2,.text-wide-left h3,.text-wide-left h4
{color: #076c2d;}

.text-wide-left h2,.text-wide-left h3,.text-wide-left h4
{margin: 0px; padding: 0px;}

.text-wide-left
{text-align: left;}

.text-wide-center
{text-align: center;}

.text-wide-left,.text-wide-center
{width: 720px;}

.text-wide-left,.text-wide-center
{border: 1px solid #ffffff;}

.text-wide-left a
{color: #000000; text-decoration: none;}

.text-wide-left a:hover
{color: #000000; text-decoration: underline;}








/*


.text-texttt h3
{font-size: 13px; font-weight: bold;}



*/





.input-text-120,.input-text-200,.input-text-300,.input-text-580,.select,.select-200
{font-size: 12px;}

.textarea-500,.textarea-580,.textarea-580x600
{font-size: 12px;}

.input-text-120,.input-text-200,.input-text-300,.input-text-580,.textarea-580x600,.select,.select-200
{background-color: #ffffff;}

.input-text-120
{width: 118px;}

.input-text-200
{width: 198px;}

.input-text-300
{width: 298px;}

.select
{width: 118px;}

.select-200
{width: 198px;}

.textarea-500
{width: 498px;}

.input-text-580,.textarea-580,.textarea-580x600
{width: 578px;}

.textarea-500
{height: 80px;}

.textarea-580
{height: 150px;}

.textarea-580x600
{height: 598px;}

.input-text-120,.input-text-200,.input-text-300,.input-text-580,.textarea-500,.textarea-580,.textarea-580x600,.select,.select-200
{margin: 2px 5px 2px 5px;}

.input-text-120,.input-text-200,.input-text-300,.input-text-580,.textarea-500,.textarea-580,.textarea-580x600,.select,.select-200
{padding: 1px 2px 1px 2px;}

.input-text-120,.input-text-200,.input-text-300,.input-text-580,.textarea-500,.textarea-580,.textarea-580x600,.select,.select-200
{border: 1px solid #cccccc;}




.submit
{font-size: 12px;}

.submit
{font-weight: bold;}

.submit
{color: #ffffff;}

.submit
{background-color: #000000;}

.submit
{text-align: center;}

.submit
{margin: 0px;}

.submit
{padding: 2px 15px 2px 15px;}

.submit
{border: 1px solid #ffffff;}













.pages
{color: #000000;}

.pages
{background-color: #ffffff;}

.pages
{text-align: center;}

.pages
{width: 480px;}

.pages
{margin: 5px auto 5px auto;}

.pages
{padding: 2px 5px 2px 5px;}

.pages
{border: 1px #f7f7f7 solid;}


.arrow
{text-align: center;}

.arrow
{margin: 0px auto 0px auto;}

.arrow
{width: 150px;}

.arrow img
{border: 1px #ffffff solid;}



.noarrow
{width: 150px;}

.noarrow img
{border: 0px}



.tab-header-105
{font-size: 12px; font-weight: bold; color: #ffffff; background-color: #000000; text-align: center; vertical-align: top; width: 95px; padding: 5px; border: 1px solid #d1e3d8;}

.tab-header-350
{font-size: 12px; font-weight: bold; color: #ffffff; background-color: #000000; text-align: center; vertical-align: top; width: 340px; padding: 5px; border: 1px solid #d1e3d8;}

.tab-row-even-105
{font-size: 12px; background-color: #ffffff; text-align: center; vertical-align: top; width: 95px; padding: 5px; border: 1px solid #d1e3d8;}

.tab-row-even-350
{font-size: 12px; background-color: #ffffff; text-align: left; vertical-align: top; width: 340px; padding: 5px; border: 1px solid #d1e3d8;}

.tab-row-odd-105
{font-size: 12px; background-color: #e9f6ee; text-align: center; vertical-align: top; width: 95px; padding: 5px 8px 5px 8px; border: 1px solid #d1e3d8;}

.tab-row-odd-350
{font-size: 12px; background-color: #e9f6ee; text-align: left; vertical-align: top; width: 340px; padding: 5px 8px 5px 8px; border: 1px solid #d1e3d8;}












.weather
{width: 220px; max-width: 220px; margin: auto; text-align: center;}