#yogamaroc { 
margin-top:0px; 
background-color: #ffaaaa;  
margin-left:0;
margin-right:0;
width:1100px;
height:850px;
background-repeat: no-repeat;
 background-position: 0% 25%
}

#form { 
margin-top:0px;  
background-color: #340e07;  
margin-left:auto;
margin-right:auto;
 background-image:  url(yogamaroc2007/siteimages/bgallah.jpg);
}

#firstpage {background-color: #340e07}

.firstobject {width:540px; height:360px; margin:auto; margin-top:120px; background-image:  url(yogamaroc2007/siteimages/opening.jpg);  background-repeat: no-repeat; border-width:5px; border-color:#ff0066; border-style:solid;
}

.logotext {position:relative; top:70px; left:50px; font-family:verdana; color:#ffffff; font-size:60px;
}

#firstpage a:link {text-decoration: none;font-size:18px; font-family:verdana; color:#ffffff; position:relative; top:100px; left:0px;
}

#firstpage  a:active {text-decoration: none;font-size:18px; font-family:verdana; color:#ffffff; position:relative; top:100px; left:0px;
}

#firstpage a:visited {text-decoration: none;font-size:18px; font-family:verdana; color:#ffffff; position:relative; top:100px; left:0px;
}

#firstpage  a:hover {text-decoration: underline;
}

#firstpage   .slash {text-decoration: none;font-size:18px; font-family:verdana; color:#ffffff; position:relative; top:100px; left:0px;
}

.backgrounddark {background-color:#ffffff;}

.logoboxtl {
margin-left:0px;  
padding-left:0px;  
position:relative; top:0px; left:0px; 
width:200px; 
height:130px;
background-image:  url(images/om.jpg);
border:0px solid #ffffff; 
background-color:#ffffff;
}

* html .logoboxtl {
margin-left:0px;  
padding-left:0px;  
position:relative; top:0px; left:0px; 
width:200px; 
height:130px;
background-image:  url(kukutasans.jpg);
border:0px solid #ffffff; 
background-color:#340e07;
}

.logoboxtr{
position:relative; right:-200px; top:-130px;
padding-top:0px;
width:840px;  
height:130px; 
background-color:#ffffff;
background-image:  url(yogamaroc2007/siteimages/bgallah.jpg); 
 
}

* html .logoboxtr {
position:relative; right:-200px; top:-130px;
padding-top:0px;
width:840px;  
height:130px; 
background-color:#340e07;
background-image:  url(yogamaroc2007/siteimages/bgallah.jpg); 
 
}


ul#nav {position:absolute; top:120px; left:-40px;
	
	width: 1050px;
	height:30px;
	list-style: none;
	
}

* html  ul#nav {position:absolute; top:129px; left:-40px;/*EFFECTS IE */
	
	width: 1050px;
	height:30px;
	list-style: none;
	
}

html>body  ul#nav {position:absolute; top:114px; left:-40px;/* EFFECT SAFARI */
	
	width: 1050px;
	height:30px;
	list-style: none;
	
}

ul#nav li {
background-color:#000000;
	float: left;
	color: #fff;
	font-size:14px; font-family:verdana;
	border-top :1px #ffffff solid;
	border-bottom :1px #ffffff solid;
	border-right :1px #ffffff solid;
	border-left :0px #ffffff solid;
}

ul#nav li#homebu {
	width: 200px; margin-left:0;
}	
	
* html ul#nav li#homebu {
	 margin-left:0;
}
ul#nav li#homebu a {width: 200px;
	padding: 6px 20px 7px 27px;
	margin:0;
	
}
ul#nav li#homebu a:hover {width:155px;
	background: #b4c8d0 url(images/home_arrow_o.gif) 0 6px no-repeat;
	padding: 6px 20px 7px 27px;
	margin:0;	
	
}

* html ul#nav li#homebu a:hover {width: 200px;
	background: #b4c8d0 url(images/home_arrow_o.gif) 0 6px no-repeat;
	padding: 6px 20px 7px 27px;
	margin:0;	
	
}

ul#nav li a {
display: block;
float: left;
	padding: 6px 15px 7px 15px;
	color: #fff;
	text-decoration: none;

}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
ul#nav li a {float:none;}
  /* End IE5-Mac hack */
ul#nav li a.wrapped {
	padding: 10px 10px 9px 10px;
}
ul#nav li.navOn a, ul#nav li a:hover {
	background-color: #b4c8d0;
	color: #333;
}

#othernavs {
	width: 170px;
	position:absolute;top:150px;
}
#subnav, #secnav {

	margin: 0;
	padding: 22px 4px 0 8px;
	list-style: none;
}
#subnav a, #secnav a {
	text-decoration: none;font-size:12px; font-family:verdana; color:#000000;
}
#subnav a:hover, #secnav a:hover {
	text-decoration: underline;
}
ul#subnav ul {
	margin: 0px;
	padding: 0px;
}
ul#subnav ul li {
	margin: 0px;
	padding: 8px 4px 0px 12px;
	list-style-type: none;
	
}

#subnav li, #secnav li {
	padding: 0 0 10px 0;
}

.mainpage {  width: 840px;  margin: 0px;float: right; position:absolute; top:170px; left:200px; padding:0px;  background-color:#b4c8d0; 
}

.maintext { text-align:left;  padding-right:20px;  padding-left:20px; padding-top:30px;  padding-bottom:20px; margin-left:220px;  width:400px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none;
}


.widetext { text-align:left;  padding-right:20px;  padding-left:20px; padding-top:30px;  padding-bottom:20px; margin-left:50px;  width:500px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #340e07; text-decoration: none;
}

.hometext { text-align:left;  padding-right:20px;  padding-left:20px; padding-top:30px;  padding-bottom:20px; margin-left:50px;  width:400px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #340e07; text-decoration: none;
}

.narrowtext { text-align:left; position:absolute; top:30px; left:340px;  width:300px; 
font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #340e07; text-decoration: none;
}

.narrowtext2 { text-align:left; position:absolute; top:30px; left:290px;  width:300px; 
font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #340e07; text-decoration: none;
}

.textlink {
	font-size: 16px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.nobigger {
	font-size: 16px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.nobigger:hover {
	font-size: 16px;
	color:#0a0a0a;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}



.textlink:hover {
	font-size: 16px;
	color:#0a0a0a;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.backgroundgrey {
	background-color:  #ffffff;font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration: none;
	 background-image:  url(yogamaroc2007/siteimages/bgallah.jpg); 
}

a.smalltextlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color:  #000000;
	text-decoration: none;
	font-variant: normal;
	padding-top:0px;
	padding-bottom:0px;
}
a.smalltextlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color:  #0a0a0a;
	text-decoration: underline;
	font-variant: normal;
	padding-top:0px;
	padding-bottom:0px;
}
a.smalltextlink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color:  #000000;
	text-decoration: none;
	font-variant: normal;
	padding-top:0px;
	padding-bottom:0px;
}

.pic1 {float:left; position:relative; top:0px; left:0px; z-index:4; margin-right:30px;    margin-bottom:30px;}

#footer {width:840px; margin-top:0px; height:23px;  background-color:#aaaaaa; border-top: solid #000000 0px; border-left: solid #000000 0px; border-bottom: solid #000000 0px; text-align:center;  padding-top:5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; position:relative; left:0px;
 }
 
#footer .footerlink{  padding-right:5px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none; 
 }
 
.stats {margin-left:752px; margin-top:0px; position:relative; top:30px;}

.screenfix {position:fixed; top:180px; left:330px; width:500px; height:375px; background-color:#666666; padding:20px;}

.blogarea {
width:800px;
height:200px;
background-color:#663388;
font-family:ariel; color:#ffffff; font-size:20px;
margin-bottom:5px;
padding:10px;
margin-left:auto;
margin-right:auto;
}