﻿*{margin: 0; padding: 0;}
body{background: #aaa68f URL(images/body_bg.png) top left repeat-x; font: 12px Tahoma; color: #9c9496;}
a{color: #9c9496; outline: none;}
.clear{clear: both;}
h1{font: 26px Tahoma; color: #9c9496;}
h2{font: 22px Tahoma; color: #9c9496;}
h3{font: 20px Tahoma; color: #9c9496;}

.alignleft{float: left;}
.alignright{float: right;}
img.alignleft{ margin: 0 5px 5px 5px;}
img.alignright{ margin: 0 5px 5px 5px;}

#container{width: 896px; margin: 0 auto; background: URL(images/content_bg.png) top left repeat-y;}

#header{background: URL(images/header_bg.png) top left no-repeat; padding: 13px 20px 0 20px;}
#header #menu ul{list-style-type: none;}
#header #menu li{display: block; width: 154px; position: relative;}
#header #menu li a{display: block; width: 154px; padding: 9px 0 0 20px; background: URL(images/mnu_bg.png) bottom left no-repeat; height: 20px; text-decoration: none; font: bold 10px Tahoma; color: #73b9c8;}
#header #menu li a:hover,#header #menu li:hover a{background-position: top left; color: #ffffff;}
#header #menu .current_page_item a{background: URL(images/menu_active.png) top left no-repeat; color: #ffffff;}
#header #menu ul ul .current_page_item a{background: none;}
#header #menu li:hover ul{display: block;}
#header #menu ul ul{position: absolute; left: 154px; top: 0; background: #87c3d0; width: 160px; display: none;}
#header #menu ul ul a{background: none;}

#content{padding: 20px 45px 20px 45px;}
#content p{padding: 10px 0 5px 0;}
#content ul{padding: 0 0 0 30px;}

#footer{background: URL(images/footer_bg.png) top left no-repeat; font: 12px Arial; color: #ffffff; height: 45px; padding: 10px 0 0 0; text-align: center;}
#footer a{margin-left: 50px; color: #ffffff;}
