/*Firefox bug ** Safari bug */
a:active { outline: none; }
a:focus {-moz-outline-style: none; outline: none; }
a, input { outline-color: invert; outline-style: none; outline-width: none; }
a, textarea { outline-color: invert; outline-style: none; outline-width: none; }

html { overflow-y: scroll; height: 100%; font-family: 'Oswald', sans-serif; font-size: 16px; color: #027c7a;  }
body { padding:0px; margin:0px; background-image: url(../images/topmenu.jpg);  background-repeat: repeat-x; background-position: top center; background-color: #ceeeed;  }
.clear { clear:both; }

h1, h2, h3, h4, h5, h6, p { padding : 0px; margin: 0px; font-family: 'Permanent Marker', cursive; font-weight: normal;}
h1 { font-size: 24px; color: #027c7a; font-weight: 400;   }
h2 { font-size: 21px; color: #027c7a; font-weight: 400; }
h3 { font-size: 19px; color: #027c7a; font-weight: 400; }
h4 { font-size: 17px; color: #027c7a; }
h5 { font-size: 15px; color: #027c7a; }
h6 { font-size: 14px; color: #027c7a; }
hr { border: 0; color: #027c7a; background-color: #027c7a; }

#wrapper { width: 960px; margin: 0px auto; }
#wrapper_logo { float:left; height: 400px; width: 960px; z-index: 0; position: relative; }
#wrapper_img { float:left; height: 271px; width: 958px; margin: -85px 0px 0px 0px; padding: 2px 0px 0px 2px;  background-color: #c69cbe; z-index: 10; position: relative; }
#wrapper_topmenu { float:left; height: 30px; width: 960px;  background-color: #0ca9a7; border-top: 2px #ceeeed solid;  }
#wrapper_body { float:left; width: 960px;   }
#wrapper_left { float:left; width: 250px;   }
#wrapper_content  { float:left; width: 660px; padding: 30px 20px 0px 30px;  }
#wrapper_footer  { float:left; width: 100%;  border-top: 1px #c69cbe solid; margin: 20px 0px 0px 0px; padding: 10px 0px 20px 0px;  background-color: #fff;  }
#wrapper_footer_center  { width: 960px; margin: 0px auto; }


.logo_1  { float:left;  width: 470px; padding: 0px 0px 0px 0px; z-index: 10; position: relative; }
.logo_2  { float:left;  width: 490px; margin: 0px 0px 0px -160px; z-index: 0; position: relative; }


.topmenu { float:left;  margin: 0px 0px 0px 0px;  }
.topmenu ul {  margin: 0px 0px 0px 0px; padding:0; list-style-type:none; overflow:hidden; }
.topmenu li { float:left;  font-size: 19px;  margin: 0px 0px 0px 0px;  display: inline; }
.topmenu a { color: #ffffff; text-decoration:none; display: block; }
.topmenu a.menu_item_off {   padding: 0px 30px 0px 30px; height: 25px; margin: 0px 0px 0px 0px;  }
.topmenu a.menu_item_on {   padding: 0px 30px 0px 30px; height: 25px; margin: 0px 0px 0px 0px;  }
.topmenu .menu_item_on:hover { color: #7b396f; }
.topmenu .menu_item_off:hover { color: #7b396f;  }


.left_menu {  float: left;}
.left_menu ul { margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; list-style-type:none; overflow:hidden;  }
.left_menu li { display: inline; margin: 0px 0px 0px 0px;  }
.left_menu li { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 30px; display:block; font-size: 24px; font-family: 'Cookie', cursive;  }
.left_menu a.menu_item_off {  color: #7b396f; text-decoration:none; padding: 10px 15px 0px 0px; display: block;   }
.left_menu a.menu_item_on { color: #0ca9a7; text-decoration:none; padding: 10px 15px 0px 0px; display: block; }
.left_menu a.menu_item_off:hover { color: #0ca9a7; }