@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	font-family:  Helvetica, Arial, sans-serif;
	background-color: #04899a;
	color: #000000;
	font-size:12px;
	background: url(images/bg_main.jpg);
	background-repeat:repeat-x
}
form, p, div {
	margin:0px;
	padding:0px;
}
#wrapper {
	width:850px;
	margin:auto;
	height:auto;
	margin-top:4px;
	padding-bottom: 15px;
	
}
#navbar {
width:auto;
text-align:center;
}

#menu {
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0;
	text-transform: uppercase;
	background: url(http://osekmedia.com/azyoga/images/navbg.jpg);
	height:50px;
	width:826px;
	margin:auto;
	padding-left:22px;
	padding-top:30px;
	color: #fff;
}
#menu li {
	display:block;
	float:left;
	position:relative;
	z-index:100;
	margin-right:1px;
}
#menu li span {
	display:block;
	z-index:100;
	padding: 5px 10px;
	font-size:11px;
}
#menu li a, #menu li a:visited {
	display:block;
	padding:0;
	white-space:nowrap;
	color:#fff;
	text-decoration: none;
}
#menu dl {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
}
* html #menu dl {
	background:transparent url(../opacity/opaque.gif);
}
#menu dt {
	margin:0;
	font-size: 11px;
	float:left;
}
#menu dd {
	display:none;
	background: transparent;
	clear:left;
	margin:0;
	padding:0;
	color: #fff;
	font-size: 10px;
	text-align:left;
}
#menu dt a, #menu dt a:visited {
	display:block;
	color: #fff;
	padding: 5px 10px;
	text-decoration:none;
}
#menu dd a, #menu dd a:visited {
	color:#333;
	text-decoration:none;
	display:block;
	padding: 5px 10px;
}
#menu li a:hover {
	border:0;
	color:#444444;
	text-decoration:underline;
}
#menu li:hover dd, #menu li a:hover dd {
	display:block;
}
#menu li:hover dl, #menu li a:hover dl {
	padding-bottom:15px;
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
	color:#444444;
	text-decoration: none;
}

* html #menu li:hover dt a, * html #menu li a:hover dt a, * html #menu dd a:hover {
	color:#fff;
	text-decoration: none;
}

#menu li:hover dt a {
	color:#fff;
	text-decoration: none;
}
* html #menu li:hover dt a {
	color:#fff;
	text-decoration: none;
}

#menu li:hover dd a, #menu li a:hover dd a, #menu dd a:hover {
	background:transparent url(opaque.png);
}
.clear {
	clear:both;
}


#topbox2 {
width:842px;
height: 186px;
background:url(images/main_top2.jpg);
margin:auto;
margin-top:-12px;
overflow:hidden;
}

#topbox {
width:842px;
height: 389px;
background:url(images/main_top.jpg);
margin:auto;
margin-top:-11px;
}
#topcontent {
padding-top:220px;
margin-left:518px;
margin-right:15px;
font-size:10px;
color:#333333;
height:80px;
text-align:justify;
}
#toplogin {
	margin-top:10px;
	margin-right:15px;
	font-size:10px;
	color:#450043;
}
#toplogin .un {
	width:95px;
	height:14px;
	background:url(images/un.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:solid 1px #333333;
	float: left;
	margin-right: 3px;
	font-size:10px
}
#toplogin .pw {
	width:95px;
	height:14px;
	background:url(images/pw.gif);
	background-repeat:no-repeat;
	background-position:center;
	border:solid 1px #333333;
	float: left;
	font-size:10px
}
#toplogin #formleft {
width:202px;
float:left;
padding-top:6px
}
#toplogin #formright {
	width: inherit;
	float:left;
	text-align:left;
}
#toplogin p {
border-bottom:solid 1px #450043; 
width:260px; padding-bottom:3px;
}
#midcontent {
width:841px;
background: url(images/bg_mid_top.jpg);
background-repeat:repeat-x;
margin:auto;
margin-top:7px;
background-color:#acbbdc
}
#midleft { 
width:480px;
float:left;
margin-bottom:18px
}

#midsub { 
width: inherit;

margin-bottom:18px
}

#midright{
width:302px;
float:right;
background:url(images/green_btm.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#008999;
margin-bottom:18px
}
#midtop {
background:url(images/mid_top.gif);
background-repeat:no-repeat;
width:841px;
height:20px;
margin:0px;
}
#btmcontent {
background-image:url(images/bg_mid_btm.jpg);
background-repeat:repeat-y;
height:auto;
width:auto;
padding-left:20px;
padding-right:20px;
background-color:#8abcc5

}
#btml {
width:33%;
float:left;
}
#btmr {
width:66%;
float:right;
}
#l {
width:50%;
float:left;
}
#r {
width:48%;
float:right;
}
#foot {font-size:10px; color:#FFFFFF; text-align:right; padding-right:20px}
#foot a {color:#FFFFFF; text-decoration:none;}
#foot a:hover {color:#FFFFFF;}

#bcontent {
margin-top:12px;
margin-right:0px;
margin-left:0px;
padding-left:6px;
padding-right:6px;
padding-top:17px;
padding-bottom:10px;
}

#tleft {
width:225px;
float:left;
}
#tright {
width:487px;
margin-left:4px;
float:right;

}
#bright {
width:500px;
float:right;
}
#bleft {
width:225px;
margin-left:4px;
float:left;

}
#bright2 {
width:325px;
float:right;
}
#bleft2 {
width:400px;
margin-left:4px;
float:left;

}

.text12 {
font-size:12px;

margin:5px;
padding:4px;
border:solid 0px #d7b679;
text-align:justify;
}
.text10 {
font-size:10px;
background-color:#efe2ca;
margin:5px;
padding:4px;
border:solid 1px #d7b679;
text-align:justify;
}
h3 {margin:0px;}
h1 { font-size:18px; border-bottom: solid 2px #e8e8e8; margin:5px}
.more {color: #331e00; font-size:10px;}
.more12 {color: #331e00;}


form .fl {
width:133px;
height:20px;
text-align:right;
padding-top:4px;
font-weight:bold;
margin-bottom:5px;
float:left;
}
form .fr{
width:454px;
height:20px;
text-align:left;
margin-bottom:5px;
float:right;
}
form .tl {
width:133px;
height:95px;
text-align:right;
padding-top:4px;
font-weight:bold;
margin-bottom:5px;
float:left;
}
form .tr{
width:454px;
height:95px;
text-align:left;
margin-bottom:5px;
float:right;
}