/* CSS reikimaster.com.pk */
/*-----body-----*/
body { font-family: Arial, Tahoma, Verdana, sans-serif;
       padding: 0; margin: 10px auto; color: #000000;}

a            { color: #0066cc; text-decoration: none;}
a:hover      { color: #cc0000; text-decoration: underline;}
a:active     { color: #0066cc; text-decoration: none;}
img          { border: 0;}
.container   { width: 960px; margin: 0 auto; border: none;}

/*-----header-----*/
#header      { width: 960px;}
.clear       { font-size: 1px; height: 1px;}
.logo        { padding: 0;}
.headtext    { font-size: 24px; padding: 0 0 0 75px; letter-spacing: 2px;
               font-family: Times New Roman; font-style: italic; color: #666666;}
.searchbar   { float: right; width: 30%; text-align: center; margin: 30px 30px 0 0;}
.fb            { text-align: center; padding: 20px 0 0 0;}

/* Top Menu */
#menubar     { background-image: url('bgnav1.jpg'); height: 40px; width: 960px;
               background-color: #006699; border-bottom: 10px solid #b7d2ff;
			   margin: 10px 0 0 0;}
#topnav      { height: 40px; font-size: 16px;}
ul.topnav    { line-height: 40px; list-style: none; padding-left: 55px; margin: 0;}
ul.topnav li { float: left; list-style-type: none;}
ul.topnav li a:link, ul.topnav li a:visited {display: block; text-decoration: none; 
                color: #ffffff; padding: 0 15px 0 15px;}
ul.topnav li a:hover, ul.topnav li a:visited:hover { color: #ffff00; text-decoration: none;
               background-color: #004488;}
ul.topnav li a:active { color: #ffff00; text-decoration: none; background-color: #cc3300;}

/*-----main class ad-----*/
.classschedule { width: 250px; background-color: #a42900; margin: 5px 0 0 0; text-align: center; padding: 1px;}
.classschedule h5 { color: #ffffff; font-size: 18px}
.maintext      { width: 240px; border: #cccccc solid 1px; margin: 0 0 10px 0; padding: 5px;}
.nextclass     { font-size: 13px; padding: 0; margin: 0; line-height: 130%;}
.nextclass ul, .nextclass ol { margin: 0 0 0 25px; padding: 0; float: none;}
.nextclass ul li, .nextclass ol li { margin: 0; padding: 0; float: none;}
			   
/*-----headings-----*/
h1, h2, h3, h4, h5 { font-weight: bold; margin: 0;}
h1           { font-size: 22px; line-height: 120%; color: #333333; margin: 0 0 20px 0;}
h2           { font-size: 13px; color: #000000;}
h3           { font-size: 13px; color: #cc3300;}
h4           { font-size: 18px; color: #000000; margin: 5px 0 5px 0; line-height: 125%;}
h5           { font-size: 18px; margin: 5px 0 5px 0; line-height: 125%;}

/*-----main body-----*/
.maincolumn  { width: 960px; float: right; margin: 0; padding: 0; background-color: #ffffff;}
.content     { width: 662px; float: right; background-image: url('bk-side.gif');
               background-repeat: repeat-y; margin: 0; line-height: 135%; font-size: 13px;
			   padding: 40px 15px 30px 30px;}
.content ul, .content ol { margin: 5px 0 5px 25px; padding: 0; float: none;}
.content ul li, .content ol li { margin: 5px 0 5px 0; padding: 0; float: none;}
hr           { color: #cccccc; height: 1px; border-style: dotted; width: 60%;}
.separator   { background-image: url('eop.jpg'); background-repeat: no-repeat; height: 2px;
               background-position: center; margin: 30px 0 0 0;}
blockquote   { background-color: #ebebff; border: #cccccc solid 1px; padding: 10px;}

.p2           { font-size: 11px; line-height: 110%;}
.contactinfo  { font-size: 15px; margin: 20px 0 0 50px; line-height: 130%;}
.spacer       { margin: 20px;}
			   
/*-----side bar-----*/
#leftbar    { margin: 10px 0 5px 0; width: 250px; font-size: 13px;}
.leftmenu   { width: 250px;}
.leftmenu h2 { background-color: #b7d2ff; width: 234px; margin: 0; padding: 6px 0 6px 10px;
               font-size: 16px; font-weight: normal; border-left: #ff6600 solid 6px;}
.leftmenu ul { margin: 0 0 5px 0; padding: 0; list-style: none; line-height: 125%;}
.leftmenu li { padding: 0; margin: 0; border-bottom: #cccccc solid 1px; border-top: #ffffff solid 2px;}
.leftmenu li a:link, .leftmenu li a:visited { display: block; padding: 3px 0 2px 25px; color: #0066cc;
                                              font-size: 13px; text-decoration: none; width: 225px;
											   background: #dce6ff url('blt001.gif') 10px 5px no-repeat;}
.leftmenu li a:hover, .leftmenu li a:visited:hover { padding: 3px 0 2px 25px; color: #ffffff; text-decoration: none;
													  background: #004488 url('blt001.gif') 10px 5px no-repeat;}

#leftmenu a { display: block; white-space: nowrap; margin: 0; padding: 0; line-height: 30px;}
#leftmenu ul li a:link, #leftmenu ul li a:visited, #leftmenu a:active { 
                        background: #b7d2ff url('arrow-right.gif') 228px center no-repeat; width: 234px;
                        text-decoration: none; color: #000000; padding: 0 0 0 10px; margin: 3px 0 0 0;
						font-size: 16px; border-left: #ff6600 solid 6px;}
#leftmenu ul li a:hover, #leftmenu ul li a:visited:hover { 
                        background-color: #004488;  url('arrow-right.gif') 228px center no-repeat; 
						text-decoration: none; color: #ffffff; padding: 0 0 0 10px;}	
#leftmenu ul { list-style-type: none; margin: 0; padding: 0;}
#leftmenu ul li { float: none; position: relative;}
#leftmenu ul ul { position: absolute; float: left;  display: none;}
#leftmenu ul li ul { float: right; top: 0; margin: 0 0 0 250px;}
#leftmenu ul li ul a:link, #leftmenu ul li ul a:visited, #leftmenu ul li ul a:active { 
             background: #dce6ff url('blt001.gif') 2px 6px no-repeat;
             text-decoration: none; color: #0066cc; padding: 3px 10px 3px 20px; margin: 0; line-height: 22px;
			 border-top: #ffffff solid 1px; border-left: none; font-size: 14px; font-weight: normal;}
#leftmenu ul li ul a:hover, #leftmenu ul li ul a:visited:hover { background-color: #004488;
             text-decoration: none; color: #ffffff; padding: 3px 10px 3px 20px; font-size: 14px;}	
#leftmenu ul ul ul { top:0; left:100%;}
#leftmenu li:hover ul ul,
#leftmenu li li:hover ul ul,
#leftmenu li li li:hover ul ul,
#leftmenu li li li li:hover ul ul
{display:none;}
#leftmenu li:hover ul,
#leftmenu li li:hover ul,
#leftmenu li li li:hover ul,
#leftmenu li li li li:hover ul
{display:block;}

#ads        { text-align: center; margin: 20px 0 0 0;}

/*-----footer-----*/
.footer       { background-color: #e4e4ff; width: 100%; line-height: 30px; text-align: center; 
                font-size: 13px; color: #666666; float: left; border-bottom: #999999 solid 20px;}
.footer a:link, .footer a:visited { color: #0066cc; margin: 0 8px 0 8px;}
.footer a:hover, .footer a:visited:hover { color: #000000; margin: 0 8px 0 8px;}
.copyright    { width: 100%; text-align: center; padding-top: 15px;
                float: left; font-size: 12px; color: #444444;}
.meter        { width: 100%; height: 40px; float: left; text-align: left;}