A 			{ color: #8E462D; font-family: arial, sans-serif; text-decoration: none; font-weight:bold; } 
A:link		{ color: #8E462D; text-decoration: none; } 
A:visited	{ color: #8E462D; text-decoration: none; } 
A:active	{ color: #493260;  } 
A:hover		{ color: #493260;  } 

body {
	background-color: #FFFFFF;
}

#page{
	background-color: #FFF;
}

h1 {
	font-family: arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	color: #000;
}

.body {
	font-family: arial, sans-serif; 
	font-size: .7em; 
	color: #000000; 
	margin-left: 0px;
}

.byline, .entryfooter, .trackbackfooter {
	font-family: verdana, arial, sans-serif; 
	font-size: .7em;
	line-height: 135%;
	margin: 0;
	padding: 0 0 8px 0;
	color: #000;
}
.byline{
	clear:both;
}

.commentBody {
	font-family: verdana, arial, sans-serif; 
	font-size: .8em; 
	color: #000000; 
	margin-right: 10px;
	margin-bottom: 40px;
}

.commentByLine {
	font-weight: bold;
	clear: left;
}

#blogText {
	padding:0 8px 0 8px;
}

#banner, #banner a {
}
.header-image {
	position: absolute;
	top: 0px;
	right: 0px;	
}

input, select, textarea {
	font-family: verdana, arial, sans-serif; 
	font-size: 1em; 
	color: #000000; 
}


.menuTitle {
	font-family: verdana, arial, sans-serif; 
	font-size: .7em;
	background-color: #4C514B;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 5px;
	color: #FFFFFF
}

.header, .header a {
	font-family: verdana, arial, sans-serif; 
	font-size: .7em;
	text-align: center;
	font-weight: bold;
}


#calendar{
	width:90%;
	margin:0 auto 0 auto;
}
.calendarTable, .calendarTable a {
	font-family: verdana, arial, sans-serif; 
	font-size: .9em;
	text-align: center;
	padding: 2px;
	line-height: 14px;
		background-color: #747670;
		color: #000
}

.calendarToday {
	background-color: #C61411;
	color: #FFFFFF;
}

.menuBody {
	font-family: verdana, arial, sans-serif; 
	font-size: .65em;
	text-align: left;
	padding: 2px;
	line-height: 14px;
}

.menuBody .header {
	font-size: 1em;
}

.menuBody A {
	font-family: verdana, arial, sans-serif; 
	font-size: 1em;
	color: #FFF
}

.date {
	font-family: verdana, arial, sans-serif;  
	color: #666; 
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
}

.blogHeader, .trackbackHeader, .commentHeader, .relatedentriesHeader {
	font-family: verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #666; 
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
}

.footerHeader {
}

.rightMenu {
	border:1px solid #999;
	margin:8px;
		background-color: #747670;
		color:#FFF
}

.code {
	font-family: "courier new",courier,monospace;
	font-size: 1em;
	color: black;
	border: solid thin #0000cc;
	background-color: #ffffcc;
	overflow: auto;
	max-height: 200px;
    padding: 4px 4px 4px 4px;
    line-height: 15px;
	 margin:5px 0 5px 0;	
}

.codePrint {
	font-family: courier,monospace;
	font-size: .7em;
	color: black;
	border: solid thin #0000cc;
	background-color: #ffffcc;
    padding: 4px 4px 4px 4px;
    line-height: 15px;	
}
.center{
	text-align:center;
}
.entry{
	margin-bottom:8px;
	padding-bottom:3px;
	border-bottom:1px solid #999;
}
a img{
	border: 0px;
}

.comment, .trackback, .commentAlt, .trackbackAlt{
	border: 1px solid #999;
	padding: 10px;
	margin:10px 0;
	position:relative;

}
.commentAlt, .trackbackAlt{
background-color:#efefef;

}
.comment img, .commentAlt img{
	float:left;
	position:relative;
	margin: 0 5px 5px 0;
}



.commentBody, .trackbackBody{
	font-family: verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #000000; 
	margin-bottom: 10px;
}

 #relatedEntriesList {
 	font-family: verdana, arial, sans-serif; 
	font-size: .7em; 
	color: #000000;
 }



.commentByLine, .trackbackByLine {
	font-style: italic;
	font-size: .7em;
}

.addCommentLink,.addTrackbackLink{
	text-align:right;
	}
#trackbacks,#comments{
	margin-top:8px;
	}
#calendar th{
	font-weight: normal;
}
.tbLink{
	font-size:1.1em;
}

.autoImage {
	float: left;
	margin: 0 5px 5px 0;
}

.byline img{
	vertical-align: top;
}

/*==================Forms======================*/
fieldset#commentForm, fieldset#sendForm{
margin:8px;
text-align:left;
}
fieldset#sendForm{
border:none;
}
fieldset#commentForm legend,fieldset#sendForm legend {
font-size: 1.1em;
font-weight: normal;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 3px 5px 10px 5px;
}
fieldset#commentForm label,fieldset#sendForm label{
float:left;
width:110px
}
fieldset#sendForm label{
width:130px;
}
fieldset#commentForm div,fieldset#sendForm div{
clear:both;
margin-bottom:5px
}
fieldset#commentForm .longLabel{
width:260px
}
fieldset#sendForm .longLabel{
width:200px;
}
fieldset#commentForm .nofLoat,fieldset#sendForm .nofLoat{
float:none
}
fieldset#commentForm #comments,fieldset#sendForm #notes{
width:100%;
height:120px;
overflow: auto;
}
fieldset#sendForm #notes{
width:300px;
}
fieldset#commentForm img{
margin:3px auto
}
fieldset#sendForm img,fieldset#sendForm #submit{
margin-left:200px;
}
#popUpFormBody{
background:#fff;
margin:8px;
}



/*top header class definition*/
#headerTop {color: #000; display: block; background: #fff; width: 750px; height: 20px; text-align: right; font-size: 11px}
#headerTop ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #000;}
#headerTop ul li.first {border: none;}
#headerTop ul li a {color: #000; text-decoration: none;}
#headerTop ul li a:HOVER {color: #aaa;}


/*logo & menu section class definition*/
#logoMenu {margin: 0 0 0 -40px;}
#logoMenu ul li {float: left; list-style-type: none; display: inline; border: none; padding:0;}
#logoMenu ul li a.home {width: 259px; height: 97px; display: block; background: url(../images/logo_stelfox.gif);}
#logoMenu ul li.about {background: url(../images/btn_about_off.gif);}
#logoMenu ul li.about a.about {width: 73px; height: 97px; display: block;}
#logoMenu ul li.about a.aboutOn {width: 73px; height: 97px; display: block; background: url(../images/btn_about_on.gif);}
#logoMenu ul li.about a.about:HOVER {width: 73px; height: 97px; display: block; background: url(../images/btn_about_on.gif);}

#logoMenu ul li.jobseekers {background: url(../images/btn_jobseekers_off.gif);}
#logoMenu ul li.jobseekers a.jobseekers {width: 115px; height: 97px; display: block;}
#logoMenu ul li.jobseekers a.jobseekersOn {width: 115px; height: 97px; display: block; background: url(../images/btn_jobseekers_on.gif);}
#logoMenu ul li.jobseekers a.jobseekers:HOVER {width: 115px; height: 97px; display: block; background: url(../images/btn_jobseekers_on.gif);}

#logoMenu ul li.recruiters {background: url(../images/btn_recruiters_off.gif);}
#logoMenu ul li.recruiters a.recruiters {width: 112px; height: 97px; display: block;}
#logoMenu ul li.recruiters a.recruitersOn {width: 112px; height: 97px; display: block; background: url(../images/btn_recruiters_on.gif);}
#logoMenu ul li.recruiters a.recruiters:HOVER {width: 112px; height: 97px; display: block; background: url(../images/btn_recruiters_on.gif);}

#logoMenu ul li.employers {background: url(../images/btn_employers_off.gif);}
#logoMenu ul li.employers a.employers {width: 112px; height: 97px; display: block;}
#logoMenu ul li.employers a.employersOn {width: 112px; height: 97px; display: block; background: url(../images/btn_employers_on.gif);}
#logoMenu ul li.employers a.employers:HOVER {width: 112px; height: 97px; display: block; background: url(../images/btn_employers_on.gif);}

#logoMenu ul li.services {background: url(../images/btn_services_off.gif);}
#logoMenu ul li.services a.services {width: 99px; height: 97px; display: block;}
#logoMenu ul li.services a.servicesOn {width: 99px; height: 97px; display: block; background: url(../images/btn_services_on.gif);}
#logoMenu ul li.services a.services:HOVER {width: 99px; height: 97px; display: block; background: url(../images/btn_services_on.gif);}

#logoMenu ul li.contact {background: url(../images/btn_contact_off.gif);}
#logoMenu ul li.contact a.contact {width: 92px; height: 97px; display: block;}
#logoMenu ul li.contact a.contactOn {width: 92px; height: 97px; display: block; background: url(../images/btn_contact_on.gif);}
#logoMenu ul li.contact a.contact:HOVER {width: 92px; height: 97px; display: block; background: url(../images/btn_contact_on.gif);}

/*header image section class definition*/
#headerImg {float: left; width: 505px; height: 171px; margin: -19px 0 0 0;}
html>body #headerImg {float: left; width: 505px; height: 171px; margin: 0;}


/*footer section class definition*/
#footerWrapper {float: left; background: url(../images/bgnd_footer.gif) repeat-x top left; width: 750px; height: 35px;}
html>body #footerWrapper {float: left; background: url(../images/bgnd_footer.gif) repeat-x top left; width: 750px;}
#footerWrapper p {font-size: 11px; color: #000;}

/*footer menu section class definition*/
#footerMenu {float: left; font-size: 11px;}
#footerMenu ul {padding: 10px 0 0 0; margin: 0 0 0 10px;}
html>body #footerMenu ul {padding: 10px 0 0 10px; margin: 0;}
#footerMenu ul li {list-style: none; display: inline; padding:0 5px 0 7px; border-left: 1px solid #fff;}
#footerMenu ul li.first {border: none;}
#footerMenu ul li a {color: #fff; text-decoration: none;}
#footerMenu ul li a:HOVER {color: #aaa;}

/*footer menu section class definition*/
#footerContact {float: center; padding: 12px 0 0 0; font-family: arial, sans-serif;font-size: .7em;}
html>body #footerContact {float: right; padding: 0;}
#footerContact p {font-size: 11px; color: #000000;}
#footerContact a {font-size: 11px; color: #4C514B; text-decoration: none;}
#footerContact a:HOVER {color: #aaa;}

#subheader {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 40px;
}