body {
	margin: 0px;
	background-image:url(../images/backgroundimage.gif);
}
#main {
	width: 980px;
	margin:0 auto;
	border: 1px  solid  #999999;
	background:#ffffff;

	min-height:100%!important;
	height:100%;
	overflow:hidden;
	}
html>body #main {
	width: 980px;
	margin:0 auto;
	border: 1px solid #999999;
	height:100%;
	min-height:100%!important;
	background:#ffffff;
	overflow:hidden;
			}




#main  {

width:980px;
}


#header_index {

width:980;
height:93px;
background-image:url(../images/header_bg_index.gif);

}

#header_index .logo {
width:268px;
height:93px;
float:left;


}

#header_index .main_nav{
float:left;
width:700px;
height:auto;



}

#header_index .main_nav1{
float:right;
width:700px;
height:36px;



}



#midcontent {

width:980px;
height:auto;
overflow:hidden;


}

#midcontent .left_img_idx {

width:420px;
height:320px;
float:left


}

#midcontent .left_list {

width:720px;
height:auto;
float:left;
margin-left:10px;




}

#midcontent .left_details {

width:240px;
height:auto;
float:left;
margin-left:10px;




}


#midcontent .left_member {

width:180px;
height:auto;
float:left;
margin-left:10px;
overflow:hidden;



}

#midcontent .left_img_registration {

width:400px;

float:left


}




#midcontent .right_idx {
	width:550px;
	float:left;
	margin-left:10px;



}


#midcontent .right_list {
	width:245px;
	float:left;
	margin-left:5px;



}


#midcontent .right_details {
	width:710px;
	float:left;
	margin-left:5px;
	padding-right:10px;
	text-align:justify;
	
    


}

#midcontent .right_member {
	width:775px;
	float:left;
	margin-left:5px;
overflow:hidden;


}


.right_member1 {
	width:900px;
	
	margin-left:5px;



}
#midcontent .right_registration {
	width:570px;
	float:left;
	margin-left:10px;



}



#midcontent .right_idx_text {
	width:542px;
	margin-bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 10px;
	margin-right: 8px;

}


#midcontent .right_idx_box  {

width:275px;

margin-bottom:5px;
float:left;


}
#midcontent .right_idx_box2  {

width:275px;
margin-bottom:5px;
float:left;



}


#midcontent .city_idx  {

width:980px;
height:auto;

}


#city_idx_bar  {
	width:970px;
	height:28px;
	background-image:url(../images/bar_bg.gif);
	
	border:#d4d4d4 1px solid;
	font-family: Geneva, Arial, Helvetica, sans-serif,
!PaulMaul, "Lucida Sans";
	
	line-height:2em;
	padding-left:10px;
}


#midcontent .feature_idx  {

width:980px;
height:auto;

}


#feature_idx_bar  {
	width:970px;
	height:28px;
	background-image:url(../images/bar_bg.gif);
	
	border:#d4d4d4 1px solid;
	font-family: Geneva, Arial, Helvetica, sans-serif,
!PaulMaul, "Lucida Sans";
	
	line-height:2em;
	padding-left:10px;
}




#footer

{
	width:980px;
	height:50px;
	background-color:#99CC01;

}



.inline ul li {
	display: inline;
	padding: 0 0 0 0.20px;
	margin:  0 0 0 0.5em;
	border-left: 1px solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	font-weight: normal;
	
}

.inline a {
	display: inline;
	padding: 0 0 0 0.20px;
	margin:  0 0 0 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #818181;
	font-weight: normal;
}

.inline_new ul li {
	display: inline;
	padding: 0 0 0 0.4px;
	margin:  0 0 0 0.5em;
	border-left: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	line-height:3em;
	
}

.inline_new a {
	display: inline;
	padding: 0 0 0 0.4px;
	margin:  0 0 0 0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
		line-height:3em;

}


























.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #d8d8d8;
border-width: 1px 0;
background: black url(../images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #000000;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid #d8d8d8;
}

.solidblockmenu li a:visited{
color: #000000;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: #000000;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}


#navigation { 
color: #575757; 
} 
#navigation ul { 

height: 20px; 
margin: 5px 0 5px 35px; 
padding: 0; 
} 
#navigation ul li { 
display: inline;
list-style:circle; 
height: 25px; 
float: left; 
padding-top: 4px; 

} 
#navigation ul li a { 
padding: 20px 20px 20px 38px; 
text-decoration: none; 
height: 25px; 
font-weight: bold; 
font-size: 0.9em; 
} 
#navigation ul li a:hover { 
padding: 20px 20px 20px 38px; 

} 
#navigation ul li a#current { 

color: #575757; 
font-weight: bold; 
} 


.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
float:left;
color: white;
font-weight:bold;
background: #8cb85c url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #EFA800;
}

.ddcolortabs a:hover span{
background-color: #EFA800;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
background-color: #8cb85c;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #8cb85c;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer{
clear: both ;
width:980px3; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}


#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 25px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 980px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}


.chromemenu{
width: 980px;
font-weight: bold;
}

.chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromemenu ul{
border: 1px solid #BBB;
font-size:11px;

width: 100%;
background: url(../images/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

.chromemenu ul li{
display: inline;
}

.chromemenu ul li a{
color: #494949;
font-size:11px;
padding: 5px 8px;
margin: 0;
text-decoration: none;
border-right: 1px solid #BBB;
}

.chromemenu ul li a:hover, .chromemenu ul li a.current{
background: url(../images/chromebg2.gif) center center repeat-x;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}






.glowingtabs{
float:left;
width:100%;
line-height:normal;
border-bottom: 1px solid #ff8a00; /*Add border strip to bottom of menu*/
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(../images/glowtab_left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}




.glowingtabs a span{
float:left;
display:block;
background:url(../images/glowtab.gif) no-repeat right top;
padding: 5px 12px 3px 3px;
font-weight:bold;
color:#3B3B3B;
}





/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: black;
}

.glowingtabs a.current{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a.current span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}



.glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}




.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}









#mainMenu{
		background-color: #FFF;	/* Background color of main menu */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts of main menu items */
		font-size:12px;	/* Font size of main menu items */
		border-bottom:1px solid #000000;	/* Bottom border of main menu */
		height:30px;	/* Height of main menu */		
		position:relative;	/* Don't change this position attribute */
		visibility: hidden;
		
	}
	#mainMenu a{
		padding-left:5px;	/* Spaces at the left of main menu items */
		padding-right:5px;	/* Spaces at the right of main menu items */
		font-weight: bold;
		/* Don't change these two options */
		position:absolute;
		bottom:-1px;
		color:#fff;
	}
	#submenu{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font  of sub menu items */
	background-color:;	/* Background color of sub menu items */
	visibility: hidden;
	width:500px;	/* Don't change this option */
	color:#fff;
	font-size:12px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	html>body #clearmenu{ /* non IE browsers menu bottom spacing */
	margin-bottom: 2px;
	}
	
	#submenu div{
		white-space:nowrap;	/* Don't change this option */
		
	}
	/*
	Style attributes of active menu item 
	*/
	#mainMenu .activeMenuItem{
		/* Border options */
		border-left:1px solid #000000;
		border-top:1px solid #000000;
		border-right:1px solid #000000;		
		background-color: #CC0000;	/* Background color */
		
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	/*
	Style attributes of inactive menu items
	*/
	#mainMenu .inactiveMenuItem{		
		color: #000;	/* Text color */
		cursor:pointer;	/* Cursor like a hand when the user moves the mouse over the menu item */
	}
	
	#submenu a{	
		text-decoration:none;	/* No underline on sub menu items - use text-decoration:underline; if you want the links to be underlined */
		padding-left:5px;	/* Space at the left of each sub menu item */
		padding-right:5px;	/* Space at the right of each sub menu item */
		color: #000;
			/* Text color */
	}
	
	#submenu a:hover{
		color: #FF0000;	/* Red color when the user moves the mouse over sub menu items */
	}
	
	
	
	#images_div 
	{
	
	
	width:400px;
	height:90px;
	
	
	}
	
	
	.main {
width:200px;
border:1px solid black;
}

.month {
background-color:black;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
	font-size: 12px;
	font-family:verdana;
	color:black;
	background-color: #FFD8A8;
	padding: 2px;
}

.days #today{
font-weight: bold;
color: red;
}