/*       ApeZoo CSS           */
/* www.ywcahawaiiisland.org   */
/*        10/2008             */
 
/* html tags */
body     	{ background: #000 url(_bg.png) repeat-x top left;}
img			{ border:0em;}
option		{ background-color:#000;font:normal 10pt arial,helvetica,sans-serif;text-decoration: none;color:#fff;}
textarea	{ background-color:#fff;}
#xEditingArea	{ background-color:#fff;}

#page		{ background-color:#000;border:1px solid #333;}
#header		{ background-color:#000	;}
#search		{ background-color:#000;width:100%;}
#panes		{ background-color:#000;width:100%;}
#leftpane   { background-color:#000;width:250px;}
#contentpane{ background-color:#000;100%;}
#rightpane  { background-color:#000;width:250px;}
#toppane   	{ background-color:#000;width:100%;}
#bottompane { background-color:#000;width:100%;}
#breadcrumb	{ background-color:#000;font:normal 10pt arial,helvetica,sans-serif;text-decoration: none;color:#999;}
#date       { background-color:#000;font:normal 10pt arial,helvetica,sans-serif;text-decoration: none;color:#999;}
#user      	{ background-color:#000;font:normal 10pt arial,helvetica,sans-serif;text-decoration: none;color:#999;}
#utils		{ height: 30px;}
#logo		{ background-color:}

.SkinObject			{ font:normal 14pt arial,helvetica,sans-serif;color:#669;padding-right: .5em; text-align:center; }
A.SkinObject:link 	{ text-decoration: none; color: #003366; text-align:center;}
A.SkinObject:visited { text-decoration: none; color: #003366; text-align:center;}
A.SkinObject:hover 	{ text-decoration: none; color: #003366; text-align:center;}
A.SkinObject:active { text-decoration: none; color: #003366; text-align:center;}

.headbg  	{ background-color:#000;}
.tabbg   	{ background-color:#000;}
.head       { font:bold 14pt arial,helvetica,sans-serif;text-decoration:none;color:#669;}
.subhead    { font:bold 10pt arial,helvetica,sans-serif;text-decoration:none;color:#669;}
.subsubhead	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#669;}
.Normal, .NormalDisabled { font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#ccccff;}
.NormalTextBox 	{ font:normal normal 10pt arial,helvetica,sans-serif; color:#669; vertical-align:middle;}
.normalred		{ font:bold 10pt arial,helvetica,sans-serif;text-decoration:none;color:#ff6633;}
.normalbold		{ font:bold 110% arial,helvetica,sans-serif;text-decoration: none;color:#ff6633;}
.newshead		{ font:normal 10pt trebuchet,arial,helvetica,sans-serif;text-decoration:none;color:#669;}
.news			{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#669;}
.more			{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#cc0000;}


/* links */
a:link		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#669;}					
a:visited	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#639;}
a:active 	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#993;}
a:hover		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#f00;}
/* text style for buttons and link buttons used in the portal admin pages */
.commandbutton 			{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#669;}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.commandbutton:link 	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#827d65;}
a.commandbutton:visited	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#827d65;} 
a.commandbutton:active	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#827d65;}
a.commandbutton:hover	{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#f00;}
/* hyperlink style for user/register button */
a.user:link			{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.user:visited		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.user:active 		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.user:hover		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#f00;}
/* hyperlink style for login button */
a.login:link		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.login:visited		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.login:active		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#bbb;}
a.login:hover		{ font:normal 10pt arial,helvetica,sans-serif;text-decoration:none;color:#f00;}

/* style of item titles by Announcements and events */
.itemtitle 			{ font:normal 10pt arial,helvetica,sans-serif;text-decoration: none;color:#669;}



/* Main Menu */
	 #menu 				{ background: #000 url(menu_bg.jpg) repeat-x top left; height:46px;}

	.mainmenu_menubar   { background-color:transparent; cursor:default; padding-left:.25em; padding-right:.5em; height:46px;}
   .mainmenu_menuitem   { background-color:transparent; font:bold 10pt arial,helvetica,sans-serif; color:#99c; cursor:default; height:32px;}
   .mainmenu_menuitemsel{ background-color:#99c; font:bold 10pt arial,helvetica,sans-serif; color:#336; cursor:default;}
   .mainmenu_submenu    { border-left: 1px solid #99c;border-right: 1px solid #99c;border-bottom: 1px solid #99c;border-top: 1px solid #993; background-color:#336; cursor:default; z-index:1000;}

   .mainmenu_menuicon  	{ display:none;}
   .mainmenu_menuarrow 	{ display:none;}
  	.mainmenu_menuicon  { display:none;}
   .mainmenu_menuarrow  { display:none;}

   /*   	.mainmenu_rootmenuarrow { font:10pt webdings;cursor:default;} */
   /*   	.mainmenu_menucontainer { background-color:#000; } */
	/*		.mainmenu_menubreak     { border-bottom: #f00 1px solid;} */

/* module title menu */
.moduletitle_menucontainer 	{ border: none;}
.moduletitle_menubar 		{ cursor: pointer;height:16px;background-color: transparent;}
.moduletitle_menuitem 		{ cursor: pointer;color: black;font:normal normal 10pt arial,helvetica,sans-serif;;border-left: white 0px solid;border-bottom: white 1px solid;border-top: white 1px solid;border-right: white 0px solid;background-color: transparent;}
.moduletitle_menuicon 		{ cursor: pointer;background-color: #eee;border-left: #eee 1px solid;border-bottom: #eee 1px solid;border-top: #eee 1px solid;text-align: center;width: 45px;height: 21px;}
.moduletitle_submenu 		{ z-index: 1000; cursor: pointer; background-color: #fff; border-bottom: #fff 0px solid; border-left: #fff 0px solid; border-top: #fff 0px solid;border-right: #fff 0px solid;}
.moduletitle_menubreak 		{ border-bottom: #eee 1px solid;border-left: #eee 0px solid;border-top: #eee 1px solid;border-right: #eee 0px solid;background-color: #eee;height: 1px;}
.moduletitle_menuitemsel 	{ cursor: pointer;color: black;font:bold normal 10pt arial,helvetica,sans-serif;background-color: #c1d2ee;}
.moduletitle_menuarrow 		{ font-family: webdings;font-size: 10pt;cursor: pointer;	border-right: #fff 1px solid;border-bottom: #fff 1px solid; border-top: #fff 0px solid;}
.moduletitle_rootmenuarrow 	{ font-family: webdings;font-size: 10pt;cursor: pointer;}

/* ************************************************************************************************* */

/* legacy but still being used somewhere i.e., login box */


.DNNEmptyPane	{ width: 0px;}
.DNNAlignleft	{ text-align: left;}
.DNNAlignright	{ text-align: right;}
.DNNAligncenter	{ text-align: center;}


/* Login Styles */
.LoginPanel			{ text-align:center;}
.LoginTabGroup		{}
.LoginTab 			{ left top;	margin: 0 3px 3px 0;	padding: 5px 5px 4px 5px;	border: 1px #25569a solid;}
.LoginTabSelected 	{ left top;	margin: 0 3px 3px 0;	padding: 5px 5px 4px 5px;	background-position: 0% -41px;}
.LoginTabHover 		{ float: left;background: url("../../images/tablogin_gray.gif") left top;	margin: 0 3px 3px 0;	padding: 5px 5px 4px 5px;	text-decoration: none;	color: #555;border: 1px #C00 solid;	cursor:pointer;}
.LoginContainerGroup 	{ clear: both; padding-top: 5px;}
.LoginContainer  		{}