body{
  margin: 0;
  background: url(images/top_green.gif) repeat-x;
  font-family: Arial;
  font-size: 12px;
  height: 100%;
}
table, td{
  font-family: Arial;
  font-size: 12px;  
}
img {
    border: 0;
}


.clear {
  clear: both;
}

.arrow a{
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}

.arrow img {
  vertical-align: middle;
  border: none;
}

h1 {
  color: #701929;
  font-size: 16px;
}

legend {
  color: #701929;
  font-size: 16px;
  font-weight: bold;
}

h2 {
  color: #701929;
  font-size: 14px;
}

.emphatic {
  font-weight: bold;
  color: #701929;
  font-size: 14px;
}

#employer {
  font-weight: bold;
  color: #2F5A52;
}

#jobseeker {
  font-weight: bold;
  color: #701929;
}

#recruitment {
  font-weight: bold;
  color: #494574;
}

#wrapper {
  position: relative;
  width: 1024px;
  height: 100%;
  margin: 0 auto;
}

#navigation {
  position: relative;
  z-index: 10;
  top:0;
  left:9px;
  height: 39px;
  width: 935px; /* ?? */
}

#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  display: inline;
}

#navigation a {
  float: left;
  display: block;
  background: url(images/nav_inactive.gif) repeat-x;
  width: 114px;
  margin: 0 0 0 2px;
  padding: 7px 0 0 0;
  height: 39px;
  text-align: center;
  color:  #FFFFFF;
  text-decoration: none;
  font-size: 9px;
  font-family: Verdana;
  font-weight: bold;
  letter-spacing: -.1px
}

#navigation .active a {
  background: url(images/nav_active.gif) repeat-x;
}


#header {
  position: relative;
  top: 0;
  left: 102px;
  width: 815px;
  height: 89px;
  background: url(images/header.gif) no-repeat;
}

#content {
  position: relative;
  top: 0;
  left:10px;
  width: 963px;
  height: 100%;
/*  background: url(images/body.gif) bottom no-repeat;*/
}

#three_col {
  z-index: 1;
  position: relative;
  display: inline;
  top: 0;
  left: 0px;
  width: 963px;
  height: 300px;
  color:  #FFFFFF;
  font-family: arial;
  letter-spacing: -.1px;
}

#three_col p{
  margin: 7px 0 0 0;
}

#green {
  position: relative;
  float: left;
  top: -5px;
  left: 0;
  padding: 0 15px 0 30px;
  width: 200px;
  height: 280px;
  background: url(images/employers_bottom-test.gif) no-repeat;
}

#red {
  position: relative;
  float: left;
  top: -5px;
  left: 0;
  padding: 0 10px 0 20px;
  width: 210px;
  height: 280px;
  background: url(images/job_seekers_bottom-test.gif) no-repeat;
}

#blue {
  position: relative;
  float: left;
  top: -5px;
  left: 0;
  padding: 0 30px 0 20px;
  width: 202px;
  height: 280px;
  background: url(images/recruitment_agencies_bottom-test.gif) no-repeat;
}

#index-flash{
    display: inline;
    position: relative;
    float: right;
    top: -25px;
    width: 220px;
    height: 400px;
}

#welcome {
  position: relative;
  top: 0px;
  left: 0;
  padding: 0 20px 20px 0px;
  width: 700px;
  height: 163px;
  font-family: Arial;
  font-size: 12px;
  float: left;
}

#welcome p{
  padding: -10px 0 0 0;
  float: left;
}

#eticket {
 width: 963px;
 margin: 0 auto;
}


#footer {
  position: relative;
  top: 0px;;
  left: 20px;
  color: #2F5A52;
  font-size: 9px;
  font-family: Verdana;
}
#footer .footer-menu {
    margin-left: 200px;
    margin-top:   35px;
    width: 310px;
    height: auto;
    display: block;
    text-align: center;
}

#footer a, a:active{
  text-decoration: none;
  color: #2F5A52;
  font-weight: bold;
}

#footer a:hover {
  text-decoration: none;
  color: #1B3430;
  font-weight: bold;
}

/**** INNER PAGES ****/

#content_inner {
  position: relative;
  top: 25px;
  left: 0;
  height: 100%;
}


#inner_left {
  position: relative;
  float: left;
  top: -5px;
  left: 0;
  padding: 0 5px 0 5px;
  width: 159px;
  height: 100%;
  min-height: 400px;
  background: url(images/inner_left.gif) no-repeat;
}

#inner_right {
  position: relative;
  float: left;
  top: -5px;
  left: 0;
  padding: 10px 110px 0 7px;
  width: 732px;
  min-height: 400px;
  z-index: 10;
}

#footer_inner {
  position: relative;
  top: 0px;;
  left: 185px;
  color: #2F5A52;
  font-size: 9px;
  font-family: Verdana;
  padding-bottom: 20px;
}
#footer_inner .footer-menu {
    margin-left: 195px;
    margin-top: 35px;
    width: 310px;
    height: 32px;
    display: block;
    text-align: center;
}

#footer_inner a, a:active{
  text-decoration: none;
  color: #2F5A52;
  font-weight: bold;
}

#footer_inner a:hover {
  text-decoration: none;
  color: #1B3430;
  font-weight: bold;
}

.error {
  color: #9D243B;
  font-weight: bold;
}

.result {
  color: #07977C;
  font-weight: bold;
}

/* styles for job seeker menu */

.jobseekermenu ul {margin:0; padding:0; list-style-type:none; background:transparent; height:3em;}
.jobseekermenu li {display:block; float:left;}

.jobseekermenu {background:transparent;}
.jobseekermenu span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:0.5em;}

.employermenu ul {margin:0; padding:0; list-style-type:none; background:transparent; height:3em;}
.employermenu li {display:block; float:left;}

.employermenu {background:transparent;}
.employermenu span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:0.5em;}

.candidatemenu ul {margin:0; padding:0; list-style-type:none; background:transparent; height:3em;}
.candidatemenu li {display:block; float:left;}

.candidatemenu {background:transparent;}
.candidatemenu span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:0.5em;}

.rounded1, .rounded2, .rounded3, .rounded4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.rounded1, .rounded2, .rounded3 {height:1px;}
.rounded2, .rounded3, .rounded4 {background:#eee; border-left:1px solid #fff; border-right:1px solid #fff;}
.rounded1 {margin:0 5px; background:#eee;}
.rounded2 {margin:0 3px; border-width:0 2px;}
.rounded3 {margin:0 2px;}
.rounded4 {height:2px; margin:0 1px;}

.menuboxcontent {display:block; background:#eee; border:0 solid #fff; border-width:0 1px 1px 1px;}

.current {background:transparent; cursor:pointer;}
.current span {color:#fff;}
.current .menuboxcontent {background:#701929; border-color:#888; border-bottom:1px solid #eee;}
.current {display:block; border:0 solid #fff; border-width:0 1px 1px 1px;}
.current .rounded1 {background:#888;}
.current .rounded2, .current .rounded3, .current .rounded4 {background:#701929; border-color:#888;}

a.jsmenu {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.jsmenu:hover {background:transparent; cursor:pointer;}
a.jsmenu:hover span {color:#fff;}
a.jsmenu:hover .menuboxcontent {background:#701929; border-color:#888; border-bottom:1px solid #eee;}
a.jsmenu:hover .rounded1 {background:#888;}
a.jsmenu:hover .rounded2, a.jsmenu:hover .rounded3, a.jsmenu:hover .rounded4 {background:#701929; border-color:#888;}

.ecurrent {background:transparent; cursor:pointer;}
.ecurrent span {color:#fff;}
.ecurrent .menuboxcontent {background:#2F5A52; border-color:#888; border-bottom:1px solid #eee;}
.ecurrent {display:block; border:0 solid #fff; border-width:0 1px 1px 1px;}
.ecurrent .rounded1 {background:#888;}
.ecurrent .rounded2, .ecurrent .rounded3, .ecurrent .rounded4 {background:#2F5A52; border-color:#888;}

a.emenu {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.emenu:hover {background:transparent; cursor:pointer;}
a.emenu:hover span {color:#fff;}
a.emenu:hover .menuboxcontent {background:#2F5A52; border-color:#888; border-bottom:1px solid #eee;}
a.emenu:hover .rounded1 {background:#888;}
a.emenu:hover .rounded2, a.emenu:hover .rounded3, a.emenu:hover .rounded4 {background:#2F5A52; border-color:#888;}

.rcurrent {background:transparent; cursor:pointer;}
.rcurrent span {color:#fff;}
.rcurrent .menuboxcontent {background:#494574; border-color:#888; border-bottom:1px solid #eee;}
.rcurrent {display:block; border:0 solid #fff; border-width:0 1px 1px 1px;}
.rcurrent .rounded1 {background:#888;}
.rcurrent .rounded2, .rcurrent .rounded3, .rcurrent .rounded4 {background:#494574; border-color:#888;}

a.rcmenu {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.rcmenu:hover {background:transparent; cursor:pointer;}
a.rcmenu:hover span {color:#fff;}
a.rcmenu:hover .menuboxcontent {background:#494574; border-color:#888; border-bottom:1px solid #eee;}
a.rcmenu:hover .rounded1 {background:#888;}
a.rcmenu:hover .rounded2, a.rcmenu:hover .rounded3, a.rcmenu:hover .rounded4 {background:#494574; border-color:#888;}

/* end styles for job seeker menu */

/* styles for calendar */

#cal a {
	text-decoration: none;
	color: #000000;
	text-align: center;
}
#cal a:hover {
	text-decoration: none;
	color: #3163CE;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #FAEBD7;
	text-align: center;
}
.month {
	border-style: none;
	background-color: #EEDFCC;
	text-align: center;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background-color: #FAEBD7;
	color: #667171;
	border-style: solid;
	border-width:0px
}
.dayname {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #667171;
	border-style: none;
	border-width:1px
}
.weeknumtitle {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #667171;
	border-style: none;
	border-width:1px
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:20px;
	color: #CD5C5C;
	background-color: #FAEBD7;
}
.week {
	border-style: none;
	background-color: #EEDFCC;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #667171;
	border-style: solid;
	border-width:1px
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #FAEBD7;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-size: 11px;
	background-color: #EEDFCC;
}
.yearpicker {
	font-size: 11px;
	background-color: #EEDFCC;
}
.pickerbutton {
	border-style: solid;
	border-width: 1px;
	background-color: #EEDFCC;
}
.nomonthday {
	text-align: center;
	font-size: 10px;
	height:20px;
	width:20px;
	color: #aaaaaa;
}
.monthday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFEFDB;
	color: #000000;
	height:20px;
	width:20px;
}
.today {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	background-color: #EEE9E9;
	color: #000000;
	height:20px;
	width:20px;
}
.selectedday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: none;
	background-color: #CDC9C9;
	height:20px;
	width:20px;
}
.sunday {
	background-color: #D7D7D7;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:20px;
	width:20px;
}
.sunday a {
	color: #667171;
}
.saturday {
	background-color: #D7D7D7;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #667171;
	height:20px;
	width:20px;
}
.saturday a {
	color: #667171;
}
.event {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	height:20px;
	width:20px;
}
.event a {
	color: #000000;
}
.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	background-color: #CDC9C9;
	height:20px;
	width:20px;
}
.selectedevent a {
	background-color: #ffffff;
	color: #000000;
}
.todayevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	color: #000000;
	background-color: #EEE9E9;
	height:20px;
	width:20px;
}
.todayevent a {
	background-color: #ffffff;
	color: #000000;
}
.eventcontent {
	font-size: 10px;
	border-style: solid;
	border-width: 1px;
	width: 100%;
}

/* end styles for calendar */

#tbl-community ul {
    padding-left: 15px;
}