/* HTML
-----------------------------------------------*/
html body			{margin:0; padding:0; text-align:center; background:#fff url(img/body.gif) repeat-x top left; font-size:13px; color:#3C4521; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; }
small				{font-size:10px; }
table, img			{border:none; }
p, ul				{margin:0; padding:0; }
h1					{margin:0; padding:0 0 0 20px; color:#3C4521; font-size:20px; font-weight:normal; background:url(img/h1.gif) no-repeat left; text-transform: uppercase; margin-bottom: 10px;}

/* FORMS
-----------------------------------------------*/
form                    {display:inline; }
option   		        {border:none; }
textarea                {padding:2px; }

/* GENERAL
-----------------------------------------------*/
.clear                  {clear:both; font-size:0; }

ul.menu-H				{margin:0; padding:0; list-style:none; }
ul.menu-H li			{margin:0; padding:0 10px 0 0; display:inline; }
ul.menu-V				{margin:0; padding:0; list-style:none; line-height: 21px;}
ul.menu-V li			{margin:0; padding:0; display:block; }
ul.menu-V ul.subMenu	{padding-left: 3px; display: none; list-style:none; }

.clear					{clear:both; font-size:0; line-height:0; }
.hide					{display:none; }


/* WRAP
-----------------------------------------------*/
.wrap					{ width:908px; text-align:left; margin:0 auto; }


/* TOP
-----------------------------------------------*/
#top-1					{height:55px; }
#top-1 .left			{width:380px; float:left; margin:5px 0 0 15px; }
#top-1 .right			{width:250px; float:right; text-align:right; margin:10px 15px 0 0; }

#top-2					{height:148px; }
#top-2 .hide			{display: none; }
#top-3					{height:66px; margin-top:6px; background:url(img/topMenu.gif) no-repeat top left; }

#top-3 ul				{padding:18px 0 0 0; text-align:center; }
#top-3 ul li			{padding:0 20px; background:url(img/topLi.gif) no-repeat right; }
#top-3 ul li.last		{background:transparent; }
#top-3 a:link,
#top-3 a:visited		{font-size:14px; color:#fff; font-weight:bold; text-decoration:none; }
#top-3 a:hover			{text-decoration:underline; }


/* CONTENT
-----------------------------------------------*/
.content				{ }
.content .left			{width:211px; float:left; }/* border:1px solid green;  */
.content .center		{width:475px; float:left; margin-left:5px; background:url(img/centerContent.gif) no-repeat top left; }
.content .centerInner	{padding:25px 20px; }
.content .right			{width:211px; float:right; }
.content .centerInner ul{padding-left:30px; padding-top: 10px; padding-bottom:10px; }
.content .centerInner p {padding:3px 3px; }


.content .center *		{font-size:13px; color:#3C4521; font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif; line-height: normal; background-color: transparent; background: transparent; }
.content .center h1		{margin:0; padding:0 0 0 20px; color:#3C4521; font-size:20px; font-weight:normal; background:url(img/h1.gif) no-repeat left; text-transform: uppercase; margin-bottom: 10px; }

a:link,
a:visited	{font-size:12px; color:#3C4521; text-decoration:none; }
a:hover		{text-decoration:underline; }

.boxIn a				{font-weight: bold; font-size: 19px; padding: 5px; background-color: #f0f0f0; color:#fff; width: 100%; display: block;cursor: pointer;}

.boxes a				{ background-color: #fff; font-weight: normal; cursor: pointer; text-decoration: underline;}
.structItem				{ padding-left: 20px; line-height:27px;	font-style: italic;}


/* BOX LEFT / RIGHT */
.box					{width:211px; }
.boxHeader				{height:42px; line-height:42px; background:url(img/boxHeader.gif) no-repeat top left; text-align:center; font-size:14px; color:#fff; font-weight:bold; }
.boxContent				{margin-top:5px; background:url(img/boxContent.gif) no-repeat top left; }

.boxContent .menu-V					{padding:15px 0 25px 15px; line-height: 18px;}
.boxContent .menu-V li a:link,
.boxContent .menu-V li a:visited	{font-size:12px; color:#3C4521; font-weight:bold; text-decoration:none; }
.boxContent .menu-V li a:hover		{text-decoration:underline; }

.boxContent .subMenuUl				{padding:2px 0 2px 15px; }
.boxContent .subMenuUl li			{padding:0 0 0 12px; background:url(img/subMenuLi.gif) no-repeat left; }
.boxContent .subMenuUl li a:link,
.boxContent .subMenuUl li a:visited	{font-size:11px; color:#75921D; font-weight:bold; text-decoration:none; }
.boxContent .subMenuUl li a:hover	{text-decoration:underline; }

.itemBox				{ padding-top: 3px; padding-bottom: 10px; }
.itemBox h2				{ font-weight: bold; font-size: 14px; }


.pagesNum				{ width: 100%; text-align: right; }
.pageNr					{ padding: 2px; margin: 2px; }
span.pageNr				{ font-weight: bold; color: #707070}
a.pageNr,
a.pageNr:link			{ font-weight: normal; color: #303030; text-decoration: none; font-weight: bold; }
a.pageNr:hover			{ color: #707070; }

.formA					{ }
.formA label			{ float: left; width: 100px; }
.formA input			{ float: left; }
.formA div				{ clear: both; padding-top: 10px; }

th						{ text-align: left; }

table,
th,
td						{ font-size: 13px; }


tr.bodyJobs-row1		{ background-color: #f0f0f0; }
td.bodyJobs-row2		{ margin-bottom: 3px; border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 3px;}
td.bodyJobs-row1		{ padding: 3px;}

/* FOOT
-----------------------------------------------*/
.footer					{text-align:center; }
.foot-1					{height:73px; margin-top:25px; background:url(img/pup_box.png) no-repeat center; }
.foot-1 table			{width:100%; height:73px; }
.foot-1 table td		{padding:2px; }



.foot-2					{line-height:27px; font-size:11px; color:#fff; margin-top:10px; background:url(img/pup_foot.png) no-repeat center; }
.foot-2 a:link,
.foot-2 a:visited		{color:#fff; font-weight:bold; text-decoration:none; }
.foot-2 a:hover			{text-decoration:underline; }


.error					{ border: 1px solid #FF0000; background-color: #FF9999; color: #FFFFFF; padding: 3px; padding-left:20px; line-height: 20px; width: 400px; background-image: url(images/error.png); background-repeat: no-repeat; background-position: center left; font-weight: bold;}

.okay					{ border: 1px solid #00AA0C; background-color: #81CC58; color: #FFFFFF; padding: 3px; padding-top: 0px; padding-bottom: 8px; padding-left:30px; line-height: 20px; width: 400px; background-image: url(images/accept.png); background-repeat: no-repeat; background-position: 8px 11px; font-weight: bold;}











/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	160px;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	240px; /* match ul width */
	top:	0;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 		100;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			230px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	font-size:		13px;
	color:			#3C4521;
	font-family:	Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			100px;
	top:			0px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			250px; /* match ul width */
	top:			0px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			230px; /* match ul width */
	top:			-10px;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	margin:0px;
	padding:0px;
	border:0;
}
.sf-menu li li {
	background:		#E1E4C9;
	padding:10px;
}
.sf-menu li li li {
	background:		#E1E4C9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#fff;
	outline:		0;
}

a.menuUni:link,
a.menuUni:visited,
a.menuUni:hover		{line-height:20px;margin-bottom:0px; display:inline; background-color:transparent; }