/*----------------------------------------------------------------------
	layout
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body{
	background:#8EDD74 url(../images/bg/body.png) repeat-x;
}

.container{
	width:930px;
	margin:0 auto;
	color:#333333;
}

/*----------------------------------------------------------------------
	top
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.top{
	padding:15px 0;
}

.top .logo{
	padding-left:15px;
}

.top .logo h1{
	background:url(../images/logo.png) no-repeat;
	width:221px;
	height:65px;
}

.top .logo h1 span{
	display:none;
}

.top .logo h1 a{
	display: block;
	width:310px;
	height:76px;
	cursor: pointer;
}

.menu_top{
	padding-right:20px;
}

.menu_top ul{
	padding-top:40px;
}

.menu_top ul li{
	display:inline;
	padding:0 0 0 20px;
}

.menu_top ul li a{
	color:#FFFFFF;
	font-size:1.2em;
	text-decoration:none;
	padding-left:15px;	
}

.menu_top ul li a:hover{
	text-decoration:underline;
}

.menu_top ul li a.home{
	background:url(../images/ico/top_home.png) no-repeat 0 2px;
}

.menu_top ul li a.contact{
	background:url(../images/ico/top_contact.png) no-repeat 0 2px;
}

.menu_top ul li a.subscribe{
	background:url(../images/ico/top_subscribe.png) no-repeat 0 2px;
}

/*----------------------------------------------------------------------
	menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.menu{
	border-left:5px solid #99D3D5;
	border-right:5px solid #99D3D5;
	border-top:5px solid #99D3D5;
	background-color:#FFFFFF;
	padding:10px 10px 0 10px;
}

#nav, 
#nav ul {
	padding:2px 0 5px 0; 
	margin:0; 
	background:url(../images/bg/menu.png) repeat-x; 
	position:relative; 
	z-index:200;
}

#nav li {
	float:left;
	background:url(../images/bullets/line_menu_top.png) no-repeat 0 7px;
}

#nav li.first{
	background:none;
}

#nav li li {float:none; background: #0E7078;}

/* a hack for IE5.x and IE6 */
* html #nav li li {float:left; width:180px; background: #0E7078;}

#nav li a {
	display:block; 
	float:left; color:#FFF; 
	margin:0 15px 0 15px; 
	height:25px; 
	line-height:25px; 
	text-decoration:none; 
	white-space:nowrap; 
	font-size:1.2em;
}

* html #nav li a { margin:0 8px 0 7px;  }

#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:25px;}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {color:#FFF;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{ color:#8EDD74; }

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFF; font-size:1em; padding:5px; margin:0; background-image:none; }

#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{ color:#FFF; background: #128E98;}

#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFF; background: #0E7078;}

/*----------------------------------------------------------------------
	main
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.main{
	border-left:5px solid #D2F1C7;
	border-right:5px solid #D2F1C7;
	border-bottom:5px solid #D2F1C7;
	background-color:#FFFFFF;
	padding:5px 10px 10px 10px;
}

.map{
	width:586px;
}

.col_side{
	background-color:#EBF2F3;
	padding:5px;
	width:298px;
}

.col_side .ads{
	padding-bottom:5px;
}

.col_side .subscribe{
	background:url(../images/frames/subscribe.png) no-repeat;
	padding:10px;
	color:#FFFFFF;
}

.col_side .subscribe p{
	font-size:1.1em;
}

.col_side .subscribe a{
	color:#B6DFE0;
}

.col_side .subscribe form{
	padding:9px 0;
}

.col_side .subscribe form .fieldtxt{
	width:160px;
}

.col_side .subscribe form p{
	padding:0;
	margin:0;
}

.col_side .subscribe .btn_subscribe{
	border:0;
	cursor:pointer;
	background:url(../images/button/subscribe.png) no-repeat;
	width:100px;
	height:40px;
}

/*----------------------------------------------------------------------
	foot
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */