html, body {height: 100%;}
body {margin: 0; font: 11px/1.5 arial, tahoma, verdana; color: #747474; background: white url(../img/bg.gif) top repeat-x;}

a {color: #747474; text-decoration: none;}
a:hover {color: #b7e244; text-decoration: underline;}

h2 {font-weight: bold; padding: 0; margin: 0; font-size: 14px;}
h3 {font-weight: bold; padding: 0; margin: 0; font-size: 11px;}

form, fieldset {padding: 0; margin: 0; border: 0;}

input, textarea, select {font: 11px/1.5 arial, tahoma, verdana; color: #555; }

#wrapper {position: relative; min-height: 100%; height:auto !important; height:100%;}

#top {background: transparent url(../img/bg-top.gif) top center no-repeat; min-width: 100%; width: auto !important; width: 100%; height: 130px; padding: 73px 0 0 0;}

#content {background: white url(../img/content.gif) top left no-repeat; padding: 11px 0 200px 0; width: 899px; min-height: 200px; height: auto !important; height: 200px; margin: 0 auto; }
#content .text {padding: 0 11px;}

#header {background: #c3d0d8; width: 876px; margin: 0 0 20px 11px;}
#header .top {background: #c3d0d8 url(../img/header-top.gif) top left no-repeat; width: 100%;height: 5px; line-height: 0 !important; font-size: 0!important;}
#header .bottom {background: #c3d0d8 url(../img/header-bottom.gif) top left no-repeat; width: 100%; height: 5px; line-height: 0 !important; font-size: 0!important;}
#header .content {width: 845px; margin: 0 auto; padding: 5px 10px; border: 1px solid white; background: #ebebeb url(../img/header-content.gif) top repeat-x;}

#footer {position: absolute; bottom: 0; height: 162px; background: transparent url(../img/bottom-bg.gif) top repeat-x; min-width:100%; width:auto !important; width:100%;}
#footer .bg {min-width:100%; width:auto !important; width:100%; background: transparent url(../img/bottom.gif) top center no-repeat; padding: 100px 0 0 0; height: 62px; text-align: center; color: white;}
#footer a {color: white;}

.container {width: 899px; margin: 0 auto;}

#logo {padding: 0; margin: 0; width: 257px; height: 57px; background: transparent url(../img/logo.png) top left no-repeat;}
#logo a {padding: 57px 257px 0 0;}
#logo a, .clear {display: block; font-size: 0px !important; line-height: 0px !important; text-indent: -999px; overflow: hidden; width: 0px !important; height: 0px !important;}

#nav {width:100%; height:42px; line-height: 42px; position:relative; padding:0; margin:19px 0 0 0; list-style: none; font-weight: bold; text-transform: uppercase; background: transparent url(../img/nav.gif) top left no-repeat;}
#nav li {text-align: center; float:left; position:relative; padding: 0 0 0 20px;}
#nav li a {display:block; text-decoration:none; overflow:hidden; padding: 0 10px;}
#nav li.special {width: 79px; padding: 0;}
#nav li.special a {color: white;}
#nav li ul {display: none; list-style: none;}
#nav li ul li { padding: 0;}

#nav li:hover ul {display:block; position:absolute; top: 38px; left: 4px; width:545px; background: white; border: solid #e5e5e5; border-width: 3px; padding: 5px 0 5px 15px;text-transform: none;}
#nav li:hover ul li {text-align: left !important; float: left; position: relative; width: 130px; padding: 0; display: block; }
#nav li:hover ul li a {width: 120px; line-height: 25px; }
#nav li:hover ul li a:hover {text-decoration: underline;}

.col {width: 164px; margin: 0 0 0 13px; float: left; position: relative;}

.cat {width: 100%; background: transparent url(../img/cat-bg.gif) top left repeat-y; margin: 0 0 15px 0;}
.cat h2 {text-align: center; margin: 0; padding: 0; font: bold 18px/27px "myriad pro", arial, tahoma, verdana; height: 33px !important; overflow: hidden; text-transform: uppercase; color: white; background: transparent url(../img/cat-top.gif) top left no-repeat;}
.cat ul {width: 142px; padding: 0 5px; margin: 0 auto; background: #f7f7f7 url(../img/cat-content.gif) bottom left repeat-x; list-style: none; }
.cat ul li a {display: block; width: 100%; padding: 0; margin: 0;}
.cat .bottom {height: 11px; width: 100%; background: transparent url(../img/cat-bottom.gif) top left no-repeat; line-height: 0 !important; font-size: 0 !important;}

.cat-blue, .cat-blue h2, .cat-blue .bottom {background-position: -164px 0;}
.cat-pink, .cat-pink h2, .cat-pink .bottom {background-position: -328px 0;}

.category a {display: block; width: 20%; float: left; position: relative; font-weight: bold;}

.yellow {color: #e6c460;}
.blue {color: #68bced;}
.pink {color: #e964a1;}

.clear {clear: both;}
.line {border-bottom: 1px solid #e5e5e5;font-size: 0px !important; line-height: 0px !important; text-indent: -999px; overflow: hidden;}

.w20 {width: 20%;}
.floatleft {float: left; position: relative;}
.floatright {float: right; position: relative;}

div#div_popupimg {
	z-index: 200;
	position: absolute;
	visibility: hidden;
	
}