@charset "UTF-8";
/* CSS Document */
/* START Link Defaults */
P					{font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }  
.body				{font-size: 12px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }  
body 				{margin: 0px; padding: 0px; } 
.editbuttons 	{white-space: nowrap; text-align: right}
td 				{color: #0033cc; font-family: Arial, Helvetica, sans-serif;  font-size: 11px}
A:link 			{color: #0033cc; font-family: Arial, Helvetica, sans-serif; text-decoration: underline}
A:visited 		{color: #0033cc; font-family: Arial, Helvetica, sans-serif; text-decoration: underline}
A:active 		{color: #0033cc; font-family: Arial, Helvetica, sans-serif; text-decoration: underline}
A:hover 			{color: #0033cc; font-family: Arial, Helvetica, sans-serif; text-decoration: underline}

#leftmenu A:link, #leftmenu A:visited{color: #555;text-decoration: underline}
#leftmenu A:active, #leftmenu A:hover{color: #555;text-decoration: underline}


td 				{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; margin: 0px; padding: 0px}
html, body 		{height: 100%; }
html, body, div, img, embed, object {padding: 0px; margin: 0px; border: 0px; }

a 									{text-decoration: underline; color: #0033cc;}
html > body #container		{height: auto; }
.clear 							{clear: both;}

#outercontainer				{
	position: relative;
	/*
	min-height: 100%;
	height: 100%;
	min-width: 47em;
	margin: 0px;*/
	width: 750px;  margin-left: auto; margin-right: auto;
	border: 1px solid #000000; padding: 0;
	/*padding: 0px 40px 0px 40px;*/
	background-color: #eff4e3;
} 
#homepage {/*background-image:url(http://www.marindayschools.org/jadworks/mdshome/jwsuite.nsf/images/childrenboard/$file/childrenboard.jpg)*/; background-repeat:no-repeat; padding-top: 0px /*265px*/}
/* #homepage {background-image:url(http://h-bgroup.com/jadworks/h-bgroup/jwsuite.nsf/SiteWelcome/BBB6D10AC34B99AB8825740200838E72/$FILE/rock_index2.jpg); background-repeat:no-repeat; padding-top:265px} */
#bodytable						{vertical-align: top; padding: 0px; margin: 0px 0px 0px 0px; border: 0px; } /*everything between header & footer */
#outerbody 						{background-color: #eff4e3; margin: 0px; padding-left: 3px; padding-top: 3px; padding-right: 3px} /* center body only */
#adminbody						{margin: 5px 10px 5px 10px; min-height: 100%; text-align: left; background-color: #eff4e3; } /* admin choices used from add/edit on toolbar */
div#Password h1 {margin-left:0px; color:#0E5F4E; font-size:14px}
#wizardbody						{width: 600px; margin: 5px 10px 5px 10px; padding: 5px; min-height: 100%; text-align: center; background-color: #eff4e3; border: 1px solid #000000;} /* admin choices used from add/edit on toolbar */

#wizardcontent					{background-color: #eff4e3; margin: 0px /*auto*/; text-align: left;} /* admin choices used from add/edit on toolbar */
#wizardcontent h1				{color: #990000;  font-weight: bold; font-size: 12px; padding: 1px 0px 0px 6px; margin: 0px 0px 0px 0px; }

#headercontainer 				{position: relative; top: 0px; bottom: 0px; /* background-image: url(http://www.h-bgroup.com/jadworks/h-bgroup/jwsuite.nsf/images/headerbar1/$file/header_1.jpg); background-repeat:no-repeat; background-position:223px top */}
#rightmenu 						{margin: 0 0 0 0; padding: 0px; background-color: #eff4e3;}
#rightmenuTD 					{width: 220px; background-color: #eff4e3; border-left: solid 1px #666666;}
/* END Link Defaults */

/* Start Header Settings */
.headerbar1, .headerbar1 A:Link, .headerbar1 A:Visited, .headerbar1 A:Active {
	font-size: 11px; 
	font-family: arial, verdana, sans-serif; 
	text-decoration: none; 
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:1px}


.header1 {
background-color: #11135E;
	/* background-color: #FFFFFF; */
	/*	background-color: #0E5F4E; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin: 5px;
td#logo{height:106px; background-image:url(http://www.sausalitosprings.com/jadworks/sausalitosprings/jwsuite.nsf/wsconfig/wsconfig/$file/homeHeader.jpg)}

}

a:link.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
border-right-width: 0px;
}
a:visited.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
border-right-width: 0px;	
}
a:hover.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
border-right-width: 0px;
}
a:active.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
border-right-width: 0px;
}

.headerbar2, .headerbar2 A:Link, .headerbar2 A:Visited, .headerbar2 A:Active {font-family: verdana, arial, sans-serif}

.header2 {
	/* background-color: #C8E9C5; */
	background-color: #65A34A;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 4px;
	line-height: normal;
}

a:link.header2 {
	text-decoration:none;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}
a:visited.header2 {
	text-decoration:none;	
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}
a:hover.header2 {
	text-decoration:underline;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;

}
a:active.header2 {
	text-decoration:underline;
	border-right-width: 0px; 
	border-right-style: solid;
	border-right-color: #FFFFFF;

}
.headerLine {
	background-color: #FFFFFF;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

/* End Header Settings */


/* Start Calendar settings */
.outer {border: solid black 1px; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 40px 0px 0px; }
.spacetop {font-size: 10px; font-weight: bold; height: 15px; text-align: center; border: solid #000000 1px; background-color: #999999;}
.spacebottom {font-size: 10px; font-weight: bold; height: 60px; text-align: center; border: solid #000000 1px; background-color: #cccccc;}
.weekendtop {font-size: 10px; font-weight: bold; height: 15px; text-align: center; border: solid #000000 1px; background-color: #ffcccc;}
.weekendbottom {font-size: 10px; font-weight: normal; height: 60px; text-align: center; border: solid #000000 1px; background-color: #fff0f0;}
.weekdaytop {font-size: 10px; font-weight: bold; height: 15px; text-align: center; border: solid #000000 1px; background-color: #ccccff;}
.weekdaybottom {font-size: 10px; font-weight: normal; height: 60px; text-align: center; border: solid #000000 1px; background-color: #ffffff;}
.cellcontent {height: 58px; overflow: auto;}
.cellcontent A {display: block; padding: 3px 0 3px 0;}
.cellcontent A:HOVER {background-color: #ccccff;}
/* End Calendar Settings */

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active{
	font-size: 11px;
	color: #999999;
	}
	
#editicons, #editicons td, #editiconsTD  {
	/* background-color: #5670A3; */
	color: #ffffff;
	}
	
#editicons li, #editicons td, editicons td li{
	position: relative;
	background-color: #DC4352;
	color: #ffffff;
	display: inline; 
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 11px;
	padding-right: 15px;
	margin: 5px;
	float: right; 
	}
/* START Settings for object on LEFT menu */
#leftmenuTD {
	width: 220px; background-color: #C4D88B;
	padding: 0px; 
	margin: 0px; 
	border-right: solid 1px #666666; 
}

#subjectline {
	background-color: #DC4352;
	color: #FFFFFF;
	font-size: 14px; 
	font-weight: bold; 
	padding: 5px 15px 5px 15px;
	margin: 0px; 
}
#subject, #subject td, #subjectTD
{
	background-color: #DC4352;
	color: #FFFFFF;
	font-size: 14px; 
	font-weight: bold; 
	padding: 5px 15px 5px 15px;
	margin: 0px 0px 0px 0px;
}
#leftmenu 						{
	background-color: #C4D88B;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
}

#leftmenu hr {display:none}
div#networking h1 a, div#networking h1 a:link, div#networking h1 a:visited{
	text-decoration:none;
	color:#0E5F4E;	
}
div#networking h1 a:hover, div#leftmenu h1 a:active{
	text-decoration:underline;
	color:#0E5F4E;	
}

div#myProfile{ margin:10px 0px}

#webcfgright {	display: none;	}
	
#lhellouser, #calendar, #networking, #menubox1, #menubox2, #doclib, #search, #webcfgleft, #toolbox
{position: relative; padding: 0px ; margin: 10px 0px 10px 0px; height: auto;  width: 220px;  }

#lhellouser h1, #calendar h1, #networking h1, #menubox1 h1, #menubox2 h1, #doclib h1, #search h1, #webcfgleft h1, #search h1, #toolbox h1
{color: #0E5F4E;/* #006600; */font-size: 14px; font-weight: bold; padding: 1px 0px 1px 6px; margin: 0px 0px 0px 0px; }

#lhellouser ul, #calendar ul, #networking ul, #menubox1 ul, #menubox2 ul, #doclib ul, #search ul, #webcfgleft ul, #toolbox ul
{color: #666666; font-size: 12px; font-weight: normal; padding: 2px 0px 0px 6px; margin: 0px 0px 0px 0px;  list-style: none;}

#lhellouser li, #calendar li, #networking li, #menubox1 li, #menubox2 li, #doclib li, #search li, #webcfgleft li, #toolbox li
{color: #666666; font-size: 12px; font-weight: normal; padding: 2px 0px 0px 6px; margin: 0px 0px 0px 0px;  list-style: none;}

#hellouser li a:link, #menubox1 li a:link, #menubox2 li a:link, #doclib li a:link, #webcfgleft li a:link, #toolbox li a:link
{color: #555; font-size: 12px; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none}

#hellouser li a:visited, #menubox1 li a:visited, #menubox2 li a:visited, #doclib li a:visited, #webcfgleft li a:visited, #search li a:visited, #toolbox li a:visited
{color: #555; font-size: 12px; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none}

#hellouser li a:hover, #menubox1 li a:hover, #menubox2 li a:hover, #doclib li a:hover, #webcfgleft li a:hover, #search li a:hover, #toolbox li a:hover
{color: #555; font-size: 12px; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none}

#hellouser li a:active #menubox1 li a:active, #menubox2 li a:active, #doclib li a:active, #webcfgleft li a:active, #search li a:active, #pagebody li a:active,  #toolbox li a:active
{color: #555; font-size: 12px; font-weight: normal; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-decoration: none}

/* #toolbox					{position: relative; float: left; width: 200px; background-color: #eff4e3; border-color: #ffffff; border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px}
#toolbox h1		 		{color: #990000;  font-weight: bold;} 
#toolbox li		 		{color: #0033cc; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } */

#toolbox					{
	background-color:  /*#E8FCDA; */ #D1D6AE; /* #C8E9C5;#eff4e3; */
	width: 220px;
	padding-top: 5px;
}
/* END Settings for object on LEFT menu */

/* START Settings for Center body objects */

.li_nostyle    {list-style: none; display: none;}

	
#pagebody 						{height: auto; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color: #666; background-color: #eff4e3;} 
#pagebody td					{padding: /*10px*/;}
#pagebody h1 					{color: #006600;  font-weight: bold; font-size: 14px; padding: 10px 0px 1px 6px;  }
#pagebody h2 					{color: #006600;  font-weight: bold; font-size: 14px; padding: 10px 0px 1px 6px; }
/*#pagebody img {border:solid 1px #999}*/
#pagebody li			{color: #666666; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; }
#pagebody li a			{color: #666666; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; list-style: none;}
#pagebody a:link 		{color: #666666; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; list-style: none;}
#pagebody a:visited	{color: #666666; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; list-style: none;}
#pagebody a:hover		{color: #666666; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; list-style: none;}
#pagebody a:active	{color: #666666; text-decoration: none; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; list-style: none;}

/* START Settings for object on RIGHT menu */
#websitelist {position: relative;}

#menubox3, #menubox4, #menubox5, #menubox6, #websitelist, #newsevents, #counter  
{position: relative; padding: 0px ; height: auto; background-color: #eff4e3;}

#menubox3 h1, #menubox4 h1, #menubox5 h1, #menubox6 h1, #websitelist h1, #newsevents h1, #counter h1
{color: #ffffff; background-color: #0E5F4E; font-size: 14px; font-weight: bold; padding: 1px 0px 1px 4px; margin: 10px 0px 0px 0px;}

#menubox3 ul, #menubox4 ul, #menubox5 ul, #menubox6 ul, #websitelist ul, #newsevents ul, #counter ul
{color: #666666; font-size: 12px; font-weight: normal; padding: 2px 0px 2px 4px; margin: 0px 0px 0px 0px; list-style: none;}

#menubox3 li, #menubox4 li, #menubox5 li, #menubox6 li, #websitelist li, #newsevents li, #counter li
{color: #666666; font-size: 12px; font-weight: normal; padding: 2px 0px 0px 4px; margin: 0px 0px 0px 0px; list-style: none;}

#menubox3 li a, #menubox4 li a, #menubox5 li a, #menubox6 li a, #websitelist li a, #newsevents li a, #counter li a
{color: #666666; font-size: 12px; font-weight: normal; padding-left: 0px;  list-style: none; text-decoration: none;}

#menubox4 a:link, #menubox5 a:link, #menubox6 a:link, #websitelist a:link, #newsevents a:link, #counter a:link
{color: #666666; font-size: 12px; font-weight: normal; padding: 0px 0 0px 0; text-decoration: none}

#menubox3 a:visited, #menubox4 a:visited, #menubox5 a:visited, #menubox6 a:visited, #websitelist a:visited, #newsevents a:visited, #counter a:visited
{color: #666666; font-size: 12px; font-weight: normal; padding: 0px 0 0px 0; text-decoration: none}

#menubox3 a:hover, #menubox4 a:hover, #menubox5 a:hover, #menubox6 a:hover, #websitelist a:hover, #newsevents a:hover, #counter a:hover
{color: #666666; font-size: 12px; font-weight: normal; padding: 0px 0 0px 0; text-decoration: none}

#menubox3 a:active #menubox4 a:active, #menubox5 a:active, #menubox6 a:active, #websitelist a:active, #newsevents a:active, #counter a:active
{color: #666666; font-size: 12px; font-weight: normal; padding: 0px 0 0px 0; text-decoration: none}
/* END Settings for object on RIGHT menu */
/* end added 07/12/06 */

/* Start Footer Settings**************************************************************************************************/
.footer1	{text-align: center; font-size: 12px;}
.footerBar1	{width:100%;}
.footer2 {text-align: center; background-color: #E8FCDA; color: #000000; font-family: Arial, Helvetica, sans-serif;  line-height: 1.45em; border-top:solid 1px #000000;} 
.footerbar1 {color: #999999; background-color: #0E5F4E; font-family: verdana, arial, sans-serif;  line-height: 1.45em;} 
.footerbar2 {background-color: #C8E9C5; color: #ffffff; font-family: verdana, arial, sans-serif;  line-height: 1.45em;} 
/* Start Footer Settings**************************************************************************************************/