BODY {
	background:#fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
	height:100%;
	}

TH,TD,DIV {	font-size:12px; color:#000; FONT-FAMILY:Tahoma,Arial,Helvetica}

#wrapper {
	position:relative; height:258px
}
#logo {
	z-index:3; position:absolute; left:25px; width:228px; top:25px; height:60px
}
#user {
	z-index:3; position:absolute; right:8px; top:8px; height:18px; TEXT-ALIGN:right
}
#header {
	z-index:2; position:absolute; width:100%; bottom:40px
}
#menu {
	z-index:1; position:absolute; background:transparent; width:auto; bottom:0px; height:54px
}

/*--------------------------------------------------------------------------------------------------------------------------*/

.lt{ text-align:left;vertical-align:top; }
.rt{ text-align:right;vertical-align:top; }
.lb{ text-align:left; vertical-align:bottom;}
.rb{ text-align:right; vertical-align:bottom;}
.cm{ text-align:center; vertical-align:middle;}
.ct{ text-align:center; vertical-align:top;}
.cb{ text-align:center; vertical-align:bottom;}
.rm{ text-align:right; vertical-align:middle;}
.lm{ text-align:left; vertical-align:middle;}

.bg-x{ background-repeat:repeat-x;}
.bg-y{ background-repeat:repeat-y;}
.bg-no{ background-repeat:no-repeat;}

.bg-p-lt{ background-position: left top;}
.bg-p-rt{ background-position: right top;} 
.bg-p-lb{ background-position: left bottom;} 
.bg-p-rb{ background-position: right bottom;}

.panecss{padding:5px 10px 5px 10px;}

/*--------------------------------------------------------------------------------------------------------------------------*/

/* Title, Module Title */
.Head					{font-size:11px; color:#000000; font-weight:bold}
.SubHead				{font-size:11px; color:#000}
.SubSubHead				{font-size:11px; color:#b7de83}
.Normal 				{font-size:11px; color:#000}

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active		{color:#000; TEXT-DECORATION:underline}
A.CommandButton:hover		{color:#920402; TEXT-DECORATION:none}

A,
A:link,
A:visited,
A:active					{color:#000; TEXT-DECORATION:none}
A:hover						{color:#920402; TEXT-DECORATION:underline}

.topcss,
A.topcss:link,
A.topcss:active,
A.topcss:visited			{font-weight:bold; font-size:12px; color:#0b6fa0; TEXT-DECORATION:none}
A.topcss:hover				{font-weight:bold; font-size:12px; color:#920402; TEXT-DECORATION:underline}

.usercss,
A.usercss:link,
A.usercss:active,
A.usercss:visited			{font-weight:bold;	font-size:12px;	color:#0b6fa0;	TEXT-DECORATION:none;}
A.usercss:hover				{font-weight:bold; font-size:12px; color:#920402; TEXT-DECORATION:underline;}


.searchcss,
A.searchcss:link,
A.searchcss:active,
A.searchcss:visited			{font-weight:bold; font-size:12px; color:#0b6fa0; TEXT-DECORATION:none}
A.searchcss:hover				{font-weight:bold; font-size:12px; color:#920402; TEXT-DECORATION:underline}

.links,
A.links:link,
A.links:active,
A.links:visited			{font-weight:bold; font-size:11px; color:#000; TEXT-DECORATION:none}
A.links:hover			{font-weight:bold; font-size:11px; color:#920402; TEXT-DECORATION:underline}

.bottomcss,
A.bottomcss:link,
A.bottomcss:active,
A.bottomcss:visited			{font-weight:normal; font-size:11px; color:#fff; TEXT-DECORATION:none}
A.bottomcss:hover			{font-weight:normal; font-size:11px; color:#920402; TEXT-DECORATION:underline}

/*--------------------------------------------------------------------------------------------------------------------------*/

/*--------------------   Horizontal   -----------------------*/  
.MainMenu_MenuItemSel
{
   BACKGROUND: transparent;
}

.MainMenu_MenuContainer {
	background-color: Transparent;
}
.MainMenu_MenuBar {
}
.MainMenu_MenuIcon {
display:none;
}
/*˵ʽ*/
.MainMenu_TabRootMenuItem TD	{
	font-size:		12px;
	font-weight:	bold;
	color:			#545454;
	height:			47px;
    text-align:     left;
	padding-left:    13px;
	padding-right:   10px;
   }
   
.MainMenu_TabRootMenuItemSel TD  {
	font-size:		12px;
	font-weight:	bold;
	color:			#920402;
	height:			47px;
    text-align:     left;
	padding-left:    13px;
	padding-right:   10px;
	background:  url(images/menu.gif) no-repeat left;
}
 
.MainMenu_TabMenuItemHover TD	 {
	font-size:		12px;
	font-weight:	bold;
	color:			#920402;
	height:			47px;
    text-align:     left;
	padding-left:    13px;
	padding-right:   10px;
	background:  url(images/menu.gif) no-repeat  left;   
   
}
.MainMenu_TabMenuItemSelHover TD
{
	font-size:		12px;
	font-weight:	bold;
	color:			#920402;
	height:			47px;
    text-align:     left;
	padding-left:   13px;
	padding-right:  10px;
	background:  url(images/menu.gif) no-repeat  left;
}
 /*Ӳ˵ʽ*/ 
.MainMenu_MenuItem				{
 	font-size:		11px;
	font-weight:	normal; 
    color: 			#000;  
	border:			0px;
	padding:		0px 15px 0px 10px;
	height:			20px;
	cursor:			pointer;	
	cursor: 		hand;
}

.submenu						{ 
	background: 	#e3e6eb;
	border:      transparent;
	margin:0px 0px 0px 0px;
	filter:     	Alpha(Opacity=88); 
	z-index:    	1000;
}

.submenuitemselected, .submenuitembreadcrumb			{ 
	background:		#50a0e7;
  	font-size:		11px;
	font-weight:	normal;  
    color:			#fff;  
   	padding:	    0px 15px 0px 10px;	
    cursor: 		pointer;
	cursor: 		hand;	
	border:			0px; 
	height:         20px;
}


.MainMenu_MenuBreak {
   	border: transparent 0px solid; 
	background-color: transparent; 
	height: 0px;
}

.MainMenu_MenuArrow {
    DISPLAY: none
}

.MainMenu_RootMenuArrow {
	DISPLAY:none;
}

.Eventday,.Eventweekenday{	background-color: #FFFFFF}
.Eventday,.Eventweekenday{	background-color: #FFFFFF}
.DataGrid_Item{				background-color: transparent;  color:#FFFFFF;   }
.DataGrid_AlternatingItem{	background-color: transparent;color:#FFFFFF;}

/* Pane Structure */
.leftpane				{padding:0px 5px 0px 5px}
.rightpane				{padding:0px 5px 0px 5px}
.toppane				{padding:0px 5px 0px 5px}
.bottompane				{padding:0px 5px 0px 5px}
.contentpane			{padding:0px 5px 0px 5px}
.myleftpane				{padding:0px 0px 0px 0px}
.mycontentpane			{padding:0px 0px 0px 0px}
.myrightpane			{padding:0px 0px 0px 0px}
.mybottompane			{padding:0px 0px 0px 0px}
.logopane				{padding:0px 0px 0px 0px}
.showcasepane			{padding:0px 0px 0px 0px}
.bannerpane				{padding:0px 0px 0px 0px}
.vspacepane				{padding:5px 0px 5px 0px}
.hspacepane				{padding:0px 5px 0px 5px}
.allspacepane			{padding:5px 5px 5px 5px}

.test{
background-color:#33FF33;
filter:     	Alpha(Opacity=25); 
}
.top-2{
	background-image: url('images/hawaii-activities-header.jpg');
	background-position:left bottom; 
	background-repeat:no-repeat;
}
.top-3{
	background-image: url('images/top-3.jpg');
	background-position:right bottom; 
	background-repeat:no-repeat
}
.middle-2{
	background-image: url('images/middle-2.jpg');
	background-position:left top; 
	background-repeat:repeat-x
}
.middle-1{
	background-image: url('images/middle-1.jpg');
	background-position:left top; 
	background-repeat: no-repeat
}
.middle-3{
	background-image: url('images/middle-3.jpg');
	background-position:right top; 
	background-repeat:no-repeat
	padding-left:200px; 
	padding-right:200px
}
.down-2{
	background-image: url('images/down-2.jpg');
	background-position:left bottom; 
	background-repeat:repeat-x
}

.menustyle A {
	font-size:		12px;
	font-weight:		bold;
	color:			#545454;
	height:			25px;
    	text-align:     	left;
	padding-left:    	13px;
	padding-right:   	10px;
}
.menustyle A:link {
	font-size:		12px;
	font-weight:		bold;
	color:			#545454;
	height:			25px;
    	text-align:     	left;
	padding-left:    	13px;
	padding-right:   	10px;
}

.menustyle A:active{
	font-size:		12px;
	font-weight:		bold;
	color:			#545454;
	height:			25px;
    	text-align:     	left;
	padding-left:    	13px;
	padding-right:   	10px;
}

.menustyle A:visited{
 	font-size:		12px;
	font-weight:		bold;
	color:			#545454;
	height:			25px;
    	text-align:     	left;
	padding-left:    	13px;
	padding-right:   	10px;
}

.menustyle A:hover {
	font-size:		12px;
	font-weight:		bold;
	color:			#920402;
	height:			25px;
    	text-align:     	left;
	padding-left:   	13px;
	padding-right:  	10px;
	background:  		url(images/menu.gif) no-repeat  left  top;
}