/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body
{
	font:80% Arial, Verdana, Helvetica, sans-serif;
	margin:0;padding:0;
	text-align:center;
 background:#cfca94;
}
ul	{margin:0; padding:.5em 0 .5em 1.5em;}
ol	{padding:.5em 0 .5em 1.5em;}
li	{margin:0; padding-bottom:.5em; line-height:1.25em;}
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper
{
	width:800px;
  margin:40px auto 0 auto;
	text-align:left;
  padding:10px;
}
/* ------------------------the following styles control the breadcrumbs on the sub pages ------------------------------------------------------------------------ */
/* this controls the look of the text inside the breadcrumb */
.breadcrumb p
{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
}
/* this over-rides the color and the underline for the links in the breadcrumb */
.breadcrumb a
{
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
	text-decoration:none;
}
/* this controls the hover behavior for the links in the breadcrumb */
.breadcrumb a:hover
{
	text-decoration:underline;
}
/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner
{
	background:#677e52;
	padding:5px 5px 5px 10px;
	width:533px;
	height:100px;
  border-top:1px solid #677e52;
  border-right:1px solid #677e52;
  border-left:1px solid #677e52;
}
/* this controls the name in the banner */
#banner h1
{
	font-size:2.7em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	padding:0;
	margin:0;
}
/* this controls the description and links in the banner */
#banner p
{
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#EDEEDD;
  padding:12px 4px 0px 8px;
	margin:0;
	line-height:1.5em;
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a
{
	text-decoration:none;
font-weight:bold;
color:#FFFFFF;
}
/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content { background-color:#FFFFFF; }
#menu { width:150px; float:right; }
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation
{
	background-color:white;
	float:right;
	width:200px;
	font-size:.8em;
  border:1px solid #363942;
	margin:0 10px 10px 0;
	padding:5px;
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation
{
	padding:0;
}
/* this controls the styling of the list used to render the page navigation menu */
#pagenavigation li
{
	list-style:none;
	width:100%;
}
/* this gets rid of the underline and sets the color for the links in the list used to render the page navigation menu */
#pagenavigation li a
{
	text-decoration:none;
	color:#000000;
}
/* this sets the style for the selected page in the page navigation menu */
.selected
{
	text-decoration:none;
	font-weight:regular;
	color:#000000;
	background-color:#FFFFFF;
}
/* this controls the hover behavior on the entries in the page navigation menu */
#pagenavigation li a:hover
{
	text-decoration:underline
}
/* this enables tabbing between the entries in the page navigation menu */
#pagenavigation li a:focus
{
	text-decoration:underline
}
/* ------------------------the following styles control the page title/component title header ----------------------------------------------------------------------- */
/* this control the placement of the page header */
.componentheader
{
	background-color:#FFFFFF;
	float:left;
	margin:10px 0 0 20px;
	padding:0;
	width:550px;
}
/* this sets the style for the page title (for example "Team Blog" */
.componentheader h2
{
	color:#000000;
	float:left;
	margin:0 5px 0 0;
	font-size:1.5em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
/* this over-rides the color and underline on the links in the page header */
.componentheader h2 a
{
	text-decoration:none;
	color:#000000;
}
/* this enables the description of the page to be close to the bottom of the page title */
.componentheader p
{
	margin:0;padding-top:3px
}
/* this positions the atom button in the page title */
.atom
{
	padding-top:2px;
	padding-left:5px;
}
/* this sets the title for the action links following the page title and the atom button */
.commands a
{
	color:#0000FF;
	text-decoration:underline;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
.maincontent
{
	background-color:#FFFFFF;
  border:1px solid #363942;
	float:left;
  padding:5px;
  width:550px;
}
/* this sets the style for the page description */
.pagedescription
{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this creates the bottom rule of each docpost */
.docbody
{
 	padding-bottom:10px;
}
/* this controls the hover behavior for the doc header */
.docbody a:hover
{
	text-decoration:underline;
}
/* this enables tabbing to the doc header */
.docbody a:focus
{
	text-decoration:underline;
}
.name{
color:#4477bb;
	text-decoration:none;
	font-size:0.8em;
	padding:0;
	margin:0;
}
/* this sets the style for the author/owner name of each docpost */
.name a
{
	color:#006600;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this sets the style for the last modified time of each docpost */
.time a
{
	color:#999999;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this controls the styling of the doc body */
.docbody p
{
	font-size:1.0em;
	color:#000000;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.side{
	font-size:.9em;
}
/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */
.commentTable{
width:500px;
border: 1px solid gray;
background-color:#f3eee2;
}
.commentTableTop{
background-color:#89725b;
color:#fff;
font-size:.9em;
font-weight:bold;
margin:5px;
padding:5px;
line-height:20px;
}
.commentbody{
font-size:.9em;
}
.commenttext{
margin-left:24px;
padding-left:8px;
border-left:2px solid #D8CAA8;
font-size:.9em;
}
.commentauthor{
font-size:.8em;
}
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer
{
	font-size:.8em;
	color:#000000;
	height:15px;
  clear:left;
  position: relative;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a
{
 float:right;
	text-decoration:none;
	color:#000000;
	margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover
{
	text-decoration:underline;
	color:#000000;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus
{
	text-decoration:underline;
	color:#000000;
}
h3{
font-size:.9em;
}
a img	{border:0; solid #f00;}
a:hover	{color:#000; text-decoration:underline;}
/* ------- header treatments ------- */
h2{margin:0; padding:0;}
h2	{font-size:1.6em; font-weight:normal;}
#content-main h2	{margin-top:.5em;}
.portlet-blue,.portlet-white{margin:0;}
.portlet-blue { background: #bfceda; }
.portlet-white	{background:#fff; border:1px solid #677e52; border-top:0; }
.portlet-blue h2,.portlet-white h2{padding:4px 3px 4px 10px; font-size:1.2em;}
h2.portlet-head-blue-med{color:#FFF; font-size:1.1em; font-weight:bold;}
h2.portlet-head-gray-med{color:#4e5124; font-size:1.1em; font-weight:bold;}
.portlet-head-blue-med	{background:#7c96ac; height:1%;}
.portlet-head-gray-med	{background:#96a883; height:1%;}
.portlet-icons	{float:right; white-space:nowrap; margin:-1.6em 0 0 0;}
.portlet-icons a	{padding:2px 0 0 0;}
.portlet-head-blue-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-blue-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.portlet-head-gray-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-gray-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
h2.portlet-head-gray-med a{color:#fff; font-size:1.2em; font-weight:normal;text-decoration:none;}
h2.portlet-head-gray-med a:hover{color:#fff; font-size:1.2em; font-weight:normal;text-decoration:underline;}
.portlet-content	{ padding:.5em 10px; }
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.portlet-content a { text-decoration:none; }
.searchcounter, .searchquery{
font-weight:bold;
}