body { margin:0; padding:0; font:12px/14px arial, Helvetica, garamond, sans-serif; text-align: center; color: #000000; background-color:#111144; } /*3737cd*/

h1	{ color:#000; font:arial, Helvetica, garamond, sans-serif; font-weight:bold; font-size:18px; margin-top:0px;margin-bottom:5px; }
h2 	{ color:#0000dd;/*5296bc;*/ font:arial; font-weight:bold; margin-top:2px; }
h2 a	{ text-decoration:none; }
h3 	{ color:#000;/*#849eb3;*/ font:150% arial, Helvetica, garamond, sans-serif; font-weight:bold; margin:5px 0 0 0; }
/*** class question text ***/
h4 	{ color:#000000; font:arial, Helvetica, garamond, sans-serif; margin:5px 0 2px 0; }
h5	{ color:#000; font:arial, Helvetica, garamond, sans-serif; font-weight:none; font-size:12px; margin:0; }
h6	{ color:#000; font:arial, Helvetica, garamond, sans-serif; font-weight:bold;font-size:16px;margin-bottom:5px;margin-top:0px;}
h5 a:link	{ color:#7BB; text-decoration:none; }

a:link, a:visited	{text-decoration:none; font-weight:bold; color:orange;}
a:hover				{color:#fbe600;cursor:pointer;}
.intro-links		{font:110%;}
.intro-links a:link, a:visited {color:#000;text-decoration:underline;font-weight:bold;}

#expand {cursor:url(/images/zoom.cur),pointer;border:0;}

table		{font:12px/14px benguiat bk bt;}
table .short	{height:30px;}
ul		{margin:0; text-align:left; padding-left:14px; float:left;list-style-type:none;}

#container { margin:1em auto; width:800px; text-align:left; border:1px solid #000; background-color:#d8e1ee}
#container-phplist { margin:1em auto; width:800px; text-align:left; border:1px solid #000; background-color:#d8e1ee;height:560px;}
#container-sanskrit {margin:1em auto; width:800px; text-align:left; border:1px solid #000; background-color:#d8e1ee;height:660px}
#header { clear:both; text-align:right; font-size:10px; /*background: url(/images/header_bg.gif);*/height:65px;}
#header h1 { font-size: 1px; text-align: right; color: #fff; margin: 0; padding: 0; }
.welcome	{font-size:12px;}

/* Main Navigation Bar
--------------------- */
#main_nav { background-color:#849eb3; width:800px; border-top:4px solid #d8e1e; text-align:center; height:21px; padding:0; margin:0;}
#nav_buttons{margin:0px 0 0;}
#nav_buttons li{width:117px;height:auto;display:inline;float:left;background:#849eb3 url(/images/bg_blue_tab.gif) no-repeat top left}  
#nav_buttons a{font:bold 11px tahoma, arial;color:#fff;line-height:20px;text-align:center;display:block;width:116px;background:url(/images/bg_blue_tab.gif) no-repeat top left;border-right:1px solid #d8e1e9}   
#nav_buttons a:hover, #nav_buttons a.selected{background:url(/images/bg_orange_tab.gif) #fcda2e no-repeat top left;cursor:pointer;text-decoration:none}
#nav_buttons a:visited, a:link { text-decoration:none; }
#nav_buttons li.l{width:85px}
#nav_buttons li.l a{width:84px}

.main-button {margin:4px 0px 0 0;border:1px solid orange;} /*  images for navigation on /classes/index.php and /index.php  */
.class-main-button {margin:4px 0px 0 0;border:2px solid orange;} /*  images for navigation on /classes/index.php and /index.php  */

#contents	{margin:5px 0px 0 5px;width:585px;height:517px;} /* when not under CONSTRUCTION height:490px*/
#sched-contents	{margin:5px 0px 0 5px;width:585px;height:850px;}
#contents p	{line-height: 105%; text-align:justify;}
#contents a.active { color:orange; text-decoration:none; font-weight:bold; }
#content-header	{margin:7px 0 7px 0;}

#divider	{ height:3px; background-color:#4h4h4h; border-bottom:1px solid #676767; margin-bottom:2px; }
#footer		{ clear:both; color:#fff; text-align:center; height:10px; font-size:10px; }

/* Right Column
---------------------*/
#menu	{float:right;text-align:left;margin-top:5px;width:200px;height:485px;border-left:1px solid #676767;}
#menu .text { margin:5px 0px 0 0; padding:0 5px 0 5px;}

/*  Course Pages
--------------------- */
#course_list { margin:12px 0 0 0; width:130px; }
#course_list a.active { color:orange; text-decoration:none; font-weight:bold; }
.course_list ul	{ margin-left:0; padding-left:20px; }
.course_desc	{ margin:12px 0 0 0; width:415px; height:420px; text-align:left; float:right; }
.all_classes	{ margin:20px 0 0 0; }

/* Course Description Page Layout
-------------------------------- */
#course-contents /* table on left */	{margin:5px 0 0 5px;width:500px;}
#course-menu	/* stuff on right */	{float:right;vertical-align:top;text-align:left;margin:10px 0 10px 0;width:290px;border-left:1px solid #676767;}
#course-menu-top	{float:right;padding:0 5px 10px 0px;}
#course-menu-bottom	{width:275px;padding:0 5px 0 0px;float:right;}

/* Course Description Table 
------------------------------------*/
#class_link a:link , a:visited { font-weight:bold;}
#class_link a:hover	{color:orange; font-weight:bold;}
#table_class	{width:490px;height:300px;vertical-align:top;}
#table_body		{background-color:#0000dd;}
#table_body a:link, a:visited {text-decoration:none;color:black;font-weight:normal;border:0;}
#table_body a:hover	{text-decoration:none;color:orange;cursor:pointer;}

#img {border:0;cursor:url(/images/zoom.cur),pointer;}
#img  a:link, a:hover, a:visited{text-decoration:none;}
#table_body ul	{padding-left:30px;line-height:125%;}
#outer_table	{background-color:#FFF;padding:1px;border:1px solid #009;margin-bottom:10px}
.course_head	{height:40px;margin-bottom:0px;vertical-align:bottom;}
.class_name		{vertical-align:top;text-align:center;height:60px;width:172px;}
.spacer 			{height:10px;}
.course_nav		{padding-bottom:10px;}
.clist			{width:445px;text-align:center;line-height:20px}
.class_intro	{font-weight:bold;line-height:20px;}
.arrow			{margin-right:10px;}
#clist_table li	{margin:0;width:408px}
#class_listing	/* space between course listings */ {text-align:left;margin:0px 0 0px;padding:0 0 0 14px;
				  background:url(/images/arrow_black.gif) no-repeat 0 11px;line-height:30px;}

td.l_t1{background: url(/images/round_top_left.gif) no-repeat; width:3px; height:3px;}
td.l_t2{background: url(/images/table_top_line.gif) repeat-x; height:3px;}
td.l_t3{background: url(/images/round_top_right.gif) no-repeat; width:3px; height:3px;}
td.l_c1{background: url(/images/table_left_line.gif) repeat-y; width:3px;}
td.l_c2{background-color:#6666dd;vertical-align:top;width:452px;padding-top:10px;padding-left:10px;padding-right:5px;border:0;}
td.l_c3{background: url(/images/table_right_line.gif) repeat-y; width:3px;}
td.l_b1{background: url(/images/round_bot_left.gif) no-repeat; width:3px; height:3px}
td.l_b2{background: url(/images/table_bot_line.gif) repeat-x; height:3px}
td.l_b3{background: url(/images/round_bot_right.gif) no-repeat; width:3px; height:3px}

/* Current Schedule Table
--------------------------------------*/
#class_list {background-color:#fff;margin-top:5px;padding:1px;border:1px solid #CCC;width:500px;}
td.date		{ width:30%; padding:2px 2px 2px 6px; text-align:left; }
td.location		{ width:25%; padding:2px 2px 2px 6px; text-align:left; }
td.type		{ width:55%; padding:2px 2px 2px 6px; text-align:left; }
.row1 {background-color:#6666dd;color:#000;}
.row2 {background-color:#0000dd;color:#ccc;}
#top {text-align:center;margin-top:5px;}
.tlink a:hover {color:white;}
.sched {line-height:20px;}
/* List Class Schedule Description Layout
-------------------- */
.class 		{ width:500px; height:25px; }
.shortclass	{ background-color:#0000dd; color:#ccc; font-size:14px; font-weight:normal; border:1px solid #CCC;border-width:1px 1px 0;    text-transform:uppercase; width:500px; }
.long		{ background-color:#6666dd; border-width:0 1px 1px; border:1px solid #CCC;margin-bottom:20px; padding-bottom:15px; }
.long h1		{ margin-top:10px; }
.detail_table{ padding:0 10px 0 10px;width:100%;border:0;text-align:center; }
#fliercontents	{ margin:5px 0px 0 5px;width:625px;height:890px; }
#fliermenu	{float:right;text-align:center;margin-top:10px;padding-left:5px;width:150px;height:875px;border-left:1px solid #676767;}

/*why? links price Box Content
-------------------*/
#img_box	{margin:0;padding:1px;border:1px solid #CCC;background-color:#fff;}
#link		{text-align:left;margin:0 0 0 0px;padding:0 0 0 14px;background:url(/images/arrow_blue.gif) no-repeat 0 3px}
#link a, a:visited	{color:orange;font-weight:bold;}
#box_nav	{margin:0;border:0;padding:0;}

.about_link {color:orange;font-weight:bold;margin:0;padding:0;}

.box-spacer	{height:16px;}
.box	{margin-right:0px;height:100px;width:100%;}
.box ul	{padding-left:0;list-style-type:none;width:275px;}
.box .box-border	{ background:#6666dd;border:1px solid #CCC;border-bottom:3px solid #e5e5e5;}
.box-content	{ margin:25px 10px 10px 15px;text-align:left;font-size: 11px;color:#fff}
.box-content ul	{ padding-left:0;margin:0;list-style-type:none;text-align:left;}
.box-content li	{ text-align:left;margin:0 0 0px; padding:0 0 0 14px; background:url(/images/arrow_blue.gif) no-repeat 0 3px }
.box-content li a	{ color:orange;}
.box-content-dl li a { color:orange; }

/* Box Tabs
-------------------*/
.box-tabs li { float:left; color:#FFF; background:#3737cd url(/images/box_tab-left.gif) no-repeat;font-size:11px; }
.box-tabs li span { padding:3px 32px; display:block; background:url(/images/box_tab-right.gif) no-repeat top right; }
.box-tabs li span.last-tab { padding-right:33px; /*background:url(/images/box_tab-end.gif) no-repeat top right;*/ }
.box-tabs li.active	{background-color:orange;/*#a3bacc;*/}
.box-tabs li.active-left span	{background-image:url(/images/box_tab-active-right.gif);}
.box-tabs li.active-right	{background-image:url(/images/box_tab-active-left.gif);}
#about_box li				{cursor:hand;margin-bottom:5px;}
.box-tabs li#about_tab0	{background-image:none;}
#about_tab0 a:link, a:visited {cursor:hand;font-weight:normal;color:white}
#about_tab0 a:hover {background-image:url(/images/box_tab-active-right.gif);}
#about_tab1 a:link, a:visited {cursor:hand;font-weight:normal;color:white}
#about_tab1 a:hover {background-image:url(/images/box_tab-active-right.gif);}
#about_tab2 a:link, a:visited {cursor:hand;font-weight:normal;color:white}
#about_tab2 a:hover {background-image:url(/images/box_tab-active-right.gif);}

.clearfix{display:block}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden} 
.button { display:inline; margin-left:4px; background-color:#fff; }

/* Contact Page Layout (2 columns)
-------------------------------------------- */
#contact-left-col	{float:left;padding:0 13px 10px 10px;margin-left:4px;margin-top:10px;margin-right:13px;border-right:1px solid #CCC;}
#contact-right-col	{margin-top:10px;margin-left:0px;height:400px;}
#contact-right-col.sub		{background-color:#a3bacc;}
#q_box		{width:350px;background-color:#fff;padding:1px;border:1px solid #CCC;margin-top:3px;margin-bottom:3px}
#q_box_spacer	{width:350px;}
#sub_box	{width:320px;background-color#fff;padding:1px;border:1px solid #CCC;margin-right:10px;margin-left:10px;}
input			{font-size:11px;margin-right:3px;}
input.email	{width:200px;}
textarea		{width:330px;height:100px;font-size:11px;margin:0}
textarea.unsub{width:275px;text-align:left;}
form			{padding:5px 0px 4px 7px;margin:0px;}
form.contact	{background-color:#6666dd}
.required		{font-size:11px;color:red;font-weight:normal;}
.right			{float:right;margin-bottom:4px;padding-right:5px;}
.error			{padding-left:5px;padding-top:5px;}
.missing		{padding-top:5px;padding-left:10px;}
.attributename	{font-size:13px;}
.unsub			{font-size:13px;text-align:right;padding:0 25px 2px 0;vertical-align:bottom;}

/* Testimonials Page Layout (3 columns)
--------------------------------------------------*/
#test-container { margin:1em auto; width:800px; text-align:left; border:1px solid #000; background-color:#d8e1ee; } /*old color d7dcff */
#left-col	{width:250px;padding:0px;margin:0 0 5px 10px;float:left;background:#fff;}
#center-col	{width:250px;margin:0 0 5px 10px;padding:0;float:left;background:#fff;vertical-align:top;}
#right-col	{width:250px;margin:0 0 5px 10px;padding:0px;float:left;background:#fff;}
.quote		{padding:10px 40px 10px 40px;text-align:left;font-size:13px;}
.quote a:link, a:visited	{color:orange;font-weight:bold;}
.quote a:hover			{color:#111144;}

/* Biography Page Layout
------------------------------- */
#biography		{margin:1em auto; width:800px; height:1300px; text-align:left; border:1px solid #000;background-color:#d8e1ee;}
#bio-left-col	{float:left;padding:0 13px 10px 40px;margin:10px 10px 0 4px;}
