/* ====================================================================== */
/* ==| AUTHOR  : Madara Ranawake | http://www.madartstudios.com       |== */
/* ==| PROJECT : http://www.waltersandrobertson.com                   |== */
/* ==| URL     : http://www.waltersandrobertson.com                   |== */
/* ==| DATE    : 2008 February 27                                     |== */
/* ==| MODIFY  : 2008 February 27                                     |== */
/* ==| NOTE    : All the attributes are editable,                     |== */
/* ==|           do NOT change the class names or IDs                 |== */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* = Rules defined for apply GLOBALLY begins from this point forward    = */
/* ---------------------------------------------------------------------- */

body {
	background-image: url(/img/bg/bg-main.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #474747;
	line-height: 12pt;
	margin-top: 0px;
}

h1 {
	font-size: 11pt;
	font-weight: bold;
	color: #001D67;
	margin: 0 0 20px 0;
}

a:link, a:visited {
	color: #4C4C74;
	text-decoration: underline;
}

a:hover, a:active {
	color: #9753AD;
	text-decoration: underline;
}

form {
	padding: 0px;
	margin: 0px;
}

input, textarea, select {
	border: 1px solid #333333;
	background-color: #FFFFFF;
	padding: 2px;
	font-size: 8pt;
	color: #003D64;
}

p { margin: 0 0 20px 0; }

/* ---------------------------------------------------------------------- */
/* = Below rules can be applied for any tag. If the internal properties = */
/* = of the rule are supported by the caller tag, it will be applied    = */
/* ---------------------------------------------------------------------- */

.required { color: #F80C76; }
.yellow-label { color: #8F7600; }
.red-label { color: #E20000; }
.bold { font-weight: bold; }
.small-copy { font-size: 8pt; }
.quote-text { color: #0F8BB0; }
.buttonwrap { width:217px; height:31px; clear:both; background:url(/img/bg/pill-button.gif) no-repeat; margin:0 auto; }
	.buttonwrap a { width:209px; height:25px; display:block; font-weight:bold; color:#FFF; text-decoration:none; font-family:"lucida grande",tahoma,Arial, Helvetica, sans-serif; padding:6px 0 0 8px; }
		.buttonwrap a img { vertical-align:middle; margin-right:10px; }

/* ---------------------------------------------------------------------- */
/* = The style rules defined for HTML element IDs begins here           = */
/* ---------------------------------------------------------------------- */

#divBody {
	width: 824px;
	height: auto;
	margin: auto;
}

#divBanner {
	width: inherit;
	height: 79px; /*72*/
	clear: both;
}

#divMastHead {
	width: inherit;
	height: 200px;
	clear: both;
	margin-bottom: 20px;
	background-image: url(../img/bg/masthead-main.jpg);
	background-repeat: no-repeat;
}

/* -- start: main navigation styles -- */
#divMastHead ul {
	list-style: none;
	margin: 0 0 0 356px; /*350*/
	padding: 0px;
}

#divMastHead ul li {
	float: left;
	margin: 0 5px 0 5px;
}

#aTN1, #aTN1s { width: 102px; }
#aTN2, #aTN2s { width: 55px; } /*70*/
#aTN3, #aTN3s { width: 87px; } /*104*/
#aTN4, #aTN4s { width: 37px; }
#aTN5, #aTN5s { width: 53px; }

#divMastHead ul li a {
	height: 13px;
	display: block;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 9px;
	background-repeat: no-repeat;
	background-position: 50% 0 !important;
}

#divMastHead ul li a:link, #divMastHead ul li a:visited { color: #FFFFFF; }
#divMastHead ul li a:active, #divMastHead ul li a:hover,
#aTN1s, #aTN2s, #aTN3s, #aTN4s, #aTN5s {
	color: #B5D3EE !important;
	background-image: url(../img/bg/nav-selection.gif);
}
/* -- end: main navigation styles -- */

/* -- start: conten holder styles -- */
#divContentHolder {
	width: inherit;
	height: auto;
	clear: both;
}

/*#divContentL {
	width: 22px;
	height: 75px;
	float: left;
}*/

#divContentM {
	width: 824px; /*764*/
	height: auto;
	float: left;
	/*background-image: url(../img/bg/bg-gray-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;*/
	background-image: url(../img/bg/bg-dot-vertical.gif);
	background-repeat: repeat-y;
	background-position: 465px;
}

/*#divContentR {
	width: 38px;
	height: 75px;
	float: left;
}*/
/* -- end: cocntent holder styles -- */

#divMainColumn {
	width: 445px;
	height: auto;
	float: left;
	/*background-image: url(../img/bg/bg-dot-vertical.gif);
	background-repeat: repeat-y;
	background-position: right;*/
	padding-right: 20px;
}

#divNarrowColumn {
	width: 316px; /*301*/
	height: auto;
	float: left;
	/*background-image: url(../img/bg/bg-dot-vertical.gif);
	background-repeat: repeat-y;
	background-position: left;*/
	padding-left: 20px; /*20*/
	padding-right: 23px;
}

/* -- start: footer styles -- */
#divFooterContainer {
	width: 824px;
	height: 75px;
	clear: both;
	border-bottom: 1px solid #BFBFBF;
}

/*#divFooterL {
	width: 22px;
	height: inherit;
	float: left;
}*/

#divFooterM {
	width: 824px; /*764*/
	height: 25px;
	float: left;
	text-align: center;
	/*background-image: url(../img/bg/bg-gray-bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;*/
	font-size: 8pt;
	padding-top: 50px
}

#divFooterM p {
	margin: 0;
	line-height: normal;
}

#divFooterM a:link, #divFooterM a:visited {
	color: #474747;
	text-decoration: none;
}

#divFooterM a:hover, #divFooterM a:active {
	color: #959595;
	text-decoration: underline;
}

/*#divFooterR {
	width: 38px;
	height: inherit;
	float: left;
}*/
/* -- end: footer styles -- */

#divMadartstudios {
	width: 804px;
	height: 30px;
	clear: both;
	text-align: right;
	font-size: 7.5pt;
	color: #B2B2B2;
	margin-top:10px;
	padding-right: 20px;
}

#divMadartstudios p {
	margin: 0;
	line-height: normal;
}

#divMadartstudios a:link, #divMadartstudios a:visited {
	color: #B2B2B2;
	text-decoration: none;
}

#divMadartstudios a:hover, #divMadartstudios a:active {
	color: #959595;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------- */
/* = Definitions for classes begins which must be called separately     = */
/* ---------------------------------------------------------------------- */

ul.bullet-blue li {
	list-style-image: url(../img/bg/bullet-blue.gif);
}

ul.job-tips li {
	list-style-image: url(../img/bg/bullet-blue.gif);
	font-size: 10pt;
	/*color: #12A0C8;*/
}

td.job-search-1 {
	background-image: url(../img/bg/bg-orange-oval-1.gif);
	background-repeat: no-repeat;
}

td.job-search-2 {
	background-image: url(../img/bg/bg-orange-oval-2.gif);
	background-repeat: no-repeat;
}

td.job-search-3 {
	background-image: url(../img/bg/bg-orange-oval-3.gif);
	background-repeat: no-repeat;
}

td.job-search-1 input, td.job-search-2 select {
	margin: 18px 0 0 18px;
	width: 260px;
}

a.egg-plant:link, a.egg-plant:visited {
	/*color: #9753AD;*/
	text-decoration: none;
}

a.egg-plant:hover, a.egg-plant:active {
	/*color: #4B4B74;*/
	text-decoration: underline;
}