* {	font-family: Verdana, Arial, Helvetica, sans-serif; }
body, p, div, td, ul, ol, li {
	color: #000066;
	font-size: 12px;
	line-height: 1.5;
}

/* Blog styles */
.blogposts { }
.blogpost { margin-bottom: 50px; }
.title {  font-size: 20px; font-weight: bold; color: #00948d; margin-bottom: 0; }
.date { font-size: 10px; }
.info { font-size: 10px; color: #888; border-top: 1px #ccc solid; padding: 0 5px; background:   }
.info a, .info a:visited, .info a:hover { color: #888; }
.comment { padding: 10px; background: #E6F2FA; margin-bottom: 10px; }

/* layout styles */

body { 
	margin: 0px; 
}

#container { 
	width: 775px;
	padding-top: 5px; 
	margin: 0 auto 0 auto; 
	background: url(/images/hoc_bg.gif) repeat-x;
	background-color:#d1e8f6;
}

.subnav { 
	background-image: url(/images/hoc_top_bg.gif); 
}

.head {}

.contents { 
	padding-left: 14px; 
}

.flowers {
	background: url(/images/hoc_nav_bg.jpg) no-repeat; 
	background-position: 0px 63px;
	height: 100%;
}

.leftcolumn { 
	width: 180px;
}

.leftcolumn2 { 
	width: 180px;
}

.document {
	width:537px;
	margin-left: 10px;
	padding-left: 17px;
	padding-right: 17px;
}

.foot { 
	font-size: 11px;
	color: #2A2C76;
}


.rightcolumn {
	margin:16px;
}

table.webform td {
	padding: 2px;
}


/* SiteNow specific styles */

.body 		{  }
.bodybold 	{ font-weight: bold; }
.sub 		{  }
.altbody 	{  }
.footer 	{ font-size: 11px; text-align: left; }
sup {  }

.discussTable 		{ }
.discussMain table	{ }
.discussHeader 		{ }
.pollTable td		{ }
.pollHeader		{ }
.pollMain		{ }

.qotd { }


#document-display td {}

.section, .docheader, h1 { 
	font-size: 20px; 
	font-weight: bold;
	color: #00948d;
	}
	
.sub { 
	font-size: 1opx; 
	font-weight: bold;
	color:#b13c95;
	}

.menuContainer 	{ 
	background: #A6CDEB;
	padding: 2px;
}

.menuCell { 
	background: #A6CDEB;
	padding-left: 4px;
}

.menuCell a, 
.menuCell a:visited {
	color: #2A2C76;
}

.menuCellOver {
	background: #D8E9F5;
	padding-left: 4px;
}
.menuCellOver a, 
.menuCellOver a:visited, 
.menuCellOver a:hover {  }

a.menu td 	{
	color: #2A2C76;
	font-size: 10px;
}



/* link styles */

a, a:hover, a:visited {
	color: #2A2C76;
	text-decoration: none;
}

a.footer,
a.footer:visited,
a.footer:hover 		{  }

a.quicklink, 
a.quicklink:visited,
a.quicklink:hover 	{ }

a.stdlink:, 
a.stdlink:visited, 
a.stdlink:hover 	{  }

a.pageutil:link, 
a.pageutil:visited, 
a.pageutil:hover 	{ }

a.sectionpath:link, 
a.sectionpath:visited, 
a.sectionpath:hover 	{ }

.footer a { }



/* utility styles */

b	{ font-weight:bold; }
i	{ font-style:italic; }
u	{ text-decoration:underline; }
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.noborder { border: none; }


/* Calendar styles (adjust as needed) */

table #calendar
{
	width: 100%;
	background-color: #CFCFCF;

}

table #calendar caption 	
{ 
	background-color: #4285C3; 
	color: #fff; 
	font-weight: bold;
	padding: 10px;
	font-size: 18px; 
}

table #calendar th 		
{ 
	background-color: #4285C3; 
	color: #fff; 
	padding: 4px; 
	font-weight: bold; 
	font-size: 14px; 
}

#calendar td.present {
	text-align: left;
	height: 90px;
	overflow: hidden;
	background-color: #FFFFFF;
	width: 84px;
	padding: 3px;
	-moz-border-radius: 5px;
}

#calendar td.past
{
	background-color: #DEDEDE;
	height: 90px;
}

#calendar td.future 
{
	text-align: left;
	height: 90px;
	overflow: hidden;
	background-color: #fff;
	padding: 3px;
	width: 84px;
	-moz-border-radius: 5px;
}

#calendar td.none 
{
	background-color: #FFFFFF;
}

#calendar td.past:hover, 
#calendar td.future:hover, 
#calendar td.present:hover {
	background-color: #ffffee;
}

#calendar .date {
	color: #03174B;
	padding: 0px;
	width: 14px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#calendar td ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}

#calendar td.past ul li,
#calendar td.present ul li,
#calendar td.future ul li 
{
	list-style: none;
	font-size: 11px;
	font-style: normal;
	cursor: pointer;
	padding: 3px;
}

#calendar td.past ul li:hover,
#calendar td.present ul li:hover,
#calendar td.future ul li:hover  
{
	
}

#calendar td.past ul li a:link, 
#calendar td.past ul li a:visited, 
#calendar td.past ul li a:active, 
#calendar td.future ul li a:link, 
#calendar td.future ul li a:visited, 
#calendar td.future ul li a:active, 
#calendar td.present ul li a:link, 
#calendar td.present ul li a:visited, 
#calendar td.present ul li a:active
{
	text-decoration: none;
	color: #C42A3A;
	width: 100%;
	padding: 3px;
	
}

#calendar td.past ul li a:hover,
#calendar td.future ul li a:hover,
#calendar td.present ul li a:hover
{
	text-decoration: underline;	
	color: #C42A3A;
	padding: 3px;
	
}

.calendarItemDisplay
{
	position: absolute;
	overflow: hidden;
	top: 400px; 
	left: 200px;
	visibility: hidden;
	background-color: #FFFFFF;
	padding: 10px;
	border: 3px outset grey;
	opacity: 1;
	filter: alpha(opacity=100) blendTrans(duration=.3);
	height: 400;
	width: 415;
}

#shadow
{

	position: absolute;
	left: 0px;
	top: 0px;
	background-color: black;
	filter: alpha(opacity=45) blendTrans(duration=.35);
	opacity: 0.45; 
	visibility: hidden; 
}