/* sets the main body properties */BODY {font-family : Verdana, Arial, sans-serif;font-size : 80%;margin: 0px 0px 10px 0px;background-color: #c0d0ab;background-image: url('tema/bg.jpg');color:#4E0000;scrollbar-arrow-color:#465b17; scrollbar-face-color:#c0d0ab; scrollbar-3dlight-color:#c0d0ab; scrollbar-highlight-color:#465b17; scrollbar-shadow-color:#465b17; scrollbar-darkshadow-color:#465b17; scrollbar-track-color:#c0d0ab}P, LI, UL,TD {font-family : Verdana, Arial, sans-serif;font-size : 100%; list-style-type: circle;background-color: #F6F9F2}Table {font-family : Verdana, Arial, sans-serif;font-size : 100%; list-style-type: circle;background-color: #F6F9F2; background-image: url('tema/stripe.jpg')}HR {color: #4E0000;height: 1px;width: 100%; border: dotted}/* this sets an image to the left or to the right on a page */.imageleft {margin: 0px 10px 0px 0px;float: left;border: 1px dotted #336633}.imageright {margin: 0px 0px 0px 10px;float: right;border: 1px dotted #336633}.image {border: 1px dotted #336633}/* this group sets the normal link colors */A:LINK {color: #4E0000;text-decoration: underline;font-weight: bold}A:VISITED {color: #4E0000;text-decoration: underline;font-weight: bold}A:HOVER {color: #F6F9F2;text-decoration: underline;font-weight: bold}A:ACTIVE {color: #4E0000;text-decoration: underline;font-weight: bold}/* We like to use headings for special effects */H1 {font-size: 16px;font-weight: bold;text-align: left;color: #4E0000}h2 { font-size: 24px;color: #4E0000}h3, h4, h5 {font-size: 14px;font-weight: bold}h6 {font-size: 14px;font-weight: bold;color: #4E0000;text-align: right;border-bottom: 1px dotted #4E0000}/* special classes */.bar   { background-image:                url('tema/s_bar.jpg');                background-color: #F6F9F2;                height: 200px; padding-left: 150px }.globalbar   { background-image:                url('tema/s_topbar.jpg');                font-variant: small-caps; font-weight: bold; font-size: 90%;               background-color: #F6F9F2; color: #4E0000; text-align: left;               height: 30px; padding-left: 10px }.globalbar a:link {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.globalbar a:visited {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.globalbar a:hover {color: #F6F9F2; font-variant: small-caps; text-align: right; text-decoration: underline }.globalbar a:active {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.logobar      { background-image:                url('tema/s_logobar.jpg'); 			   background-color: #F6F9F2; color: #4E0000;			   height: 120px; padding-left: 10px }.navbar      { background-image:                url('tema/s_navbar.jpg');  			   font-variant: small-caps; font-weight: bold; font-size: 90%;               background-color: #F6F9F2; color: #4E0000; text-align: left;               height: 50px; padding-left: 0px }.navbar a:link {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.navbar a:visited {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.navbar a:hover {color: #F6F9F2; font-variant: small-caps; text-align: right; text-decoration: underline }.navbar a:active {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline;}.shadow      { background-color: #F6F9F2; color: #4E0000; background-image:                url('tema/s_shadow.jpg'); height: 50px;               background-repeat: no-repeat; padding-left: 10px;                padding-right: 0px; padding-top: 8px; padding-bottom: 4px;                background-position: left }			   .shadowbar      { background-image: url('tema/s_shadowbar.jpg');  height: 50px;			   font-variant: small-caps; font-weight: bold; font-size: 90%;               background-color: #F6F9F2; color: #4E0000; text-align: left;               height: 50px; padding-left: 0px }.shadowbar a:link {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.shadowbar a:visited {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline ;}.shadowbar a:hover {color: #F6F9F2; font-variant: small-caps; text-align: right; text-decoration: underline }.shadowbar a:active {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }			   .downbar   { background-image:                url('tema/s_downbar.jpg');                background-color: #F6F9F2; color: #4E0000; text-align: left;                font-variant: small-caps; font-weight: bold; font-size: 90%;                height: 50px; padding-left: 0px }.downbar a:link {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.downbar a:visited {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.downbar a:hover {color: #F6F9F2; font-variant: small-caps; text-align: right; text-decoration: underline }.downbar a:active {color: #4E0000; font-variant: small-caps; text-align: right; text-decoration: underline }.copy { 	background-color: #c0d0ab; font-size: 8pt;	color: #4E0000;	font-weight: bold; text-align: center }.copyright { 	font-size: 8pt;	color: #4E0000;	font-weight: bold; text-align: center }			  .main {background-color: #F6F9F2;color: #4E0000;vertical-align: top;text-align: justify;padding: 10px 20px 20px 20px }.calender {background-image: url('tema/bgcal.jpg');color: #4E0000;font-size: 85%;text-align: center;padding: 10px;line-height: 10px;width: 225px }.hottopic {background-color: #F6F9F2;color: #4E0000;font-size: 85%;text-align: left;padding: 10px;line-height: 14px;float: right;margin-left: 30px;margin-bottom: 10px;width: 225px;border: 1px dotted #336633 }