@charset "iso-8859-1";

/* -- cx_layout.css : CX Layout Stylesheet Theme 2010.06.02 -- */

body {
	width:1000px auto;
	font-family: calibri, helvetica, sans-serif;
	background-image:url(../images/bodyyellow-bg.png);
	background-repeat:repeat-x;
}

body, div.cxf {
	background-color: #fcfcfc;
}
ul.menu, 
ul.menu li, 
#right-column .block {
	border-color: #ccc;
}
#left-column div.inside-column,
#right-column div.inside-column,
#masthead {
	border-color: #ddd;
}
#cx-gate,
div.cxf,
#page-content {
	border-color:#FFFF00;
}
#footer {
	color: #666;
}
#cx-gate {
	background-color: #FFFF33;  /* Change this for box behind top of Content  */
}
#search-button {
	background-color: #FFCC00;  /* Change this for Search Button colour  */
}
#page-content {
	background-color: #fff;
}
#main-menu {
	margin-top: -0.85em;	/* ( 1.2em (line height) + .5em (gutter) ) / 2 */
	font-size: 80%;
}
#main-menu ul.rMenu li a {
	border-color: #ccc;
	color: #000;
	background-color: #fff;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	line-height: 1.2em;		/* these last three are important to define if 
							   we're to vertically center this element on
							   the bottom border of the mastead. see previous
							   selector */
}
#main-menu ul.rMenu li a:hover {
	border-color: #ccc;
	background-color: #eee;
	color: #009;
}