﻿.body1
{
	background-image: url('App_Data/Top2.JPG');
	width: auto; 
	height: 100px;
	background-repeat: no-repeat;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 5px;
}
.logo
{
	background-image: url('App_Data/Content.JPG');
	background-repeat: no-repeat;
	font-family: 'Adobe Garamond Pro Bold';
	width: 907px;
	height: 114px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 50px;
	padding-right: 50px;
}
.header
{
	color: #CE3C3D; 
	background-color: #FEF8B6;
}
.Table
{
	width: 105%;
	height: 111px;
	font-family: 'Adobe Garamond Pro Bold';
	font-size: xx-large;
	border: 1px red;
}
.TCell
{
    width: 149px;
	border: 1px red;
}
.navigation
{
	background-repeat: no-repeat;
	font-family: 'Adobe Garamond Pro Bold';
	width: 964px;
	height: 49px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}

.content
{
	
	font-size: medium;
	background-image: url('App_Data/Content.JPG');
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-left: 2px;
	width: 963px;
	height: auto;
	background-repeat: no-repeat;
	background-color: light-grey;
}


.footer
{
	background-image: url('App_Data/Bottom.JPG');
	width: auto; 
	height: 200px;
	background-repeat: no-repeat;
	margin-right: 50px;
	margin-left: 50px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 5px;
}
.gujarati { font-family: shruti; }

ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}

/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu{
position:relative;
padding: 0;
margin: 0;
margin-bottom:1em;
text-align: center; //set value to "left", "center", or "right"*/
}

ul.gelbuttonmenu li{
display: inline;
}

ul.gelbuttonmenu li a{
color: #CE3C3D;
background-color: #FFFFF;
font-weight:bold;
padding: 10px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
color: #FFFFF;
position:absolute;
width:0;
background:lightblue;
background:url(gelbuttonleft.gif) top left no-repeat, url(gelbuttonright.gif) top right no-repeat, url(gelbuttoncenter.gif) top center repeat-x;
}

