/*
** otherpage_layout.css 
** CSS - handles the layout grid for content pages
** Author: Geoff FRANKLIN
** Date: 12.Nov.08
** Last edited: 09.01.09 by Steve TANGUE - updated News box layout - 
*/


/* GENERAL */

body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #ffffff;
	color: #000000;
}

p {	font-size: 0.75em; line-height: 1.3em; }
p img {	font-size: 0.75em; line-height: 1.3em; padding: 0 10px 10px 0; }
a {	color: #ffffff; text-decoration: none; position: relative; }
a:hover { text-decoration: underline; }

h1 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #0F0F0F;
	font-size: 1.1em;
	font-weight: bold;
	padding: 8px 0 20px 0;
	margin: 0;
}

.h1_sub {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 0.9em;
	letter-spacing: 0.02em;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	padding: 8px 0 8px 0;
	color: #367B04;
	padding: 0; margin: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	/*color: #E5BB04;*/
	color: #4AA007;
	padding: 0; margin: 0;
}
.sub {
	float: left;
	font-size: 0.8em;
	width: 248px; height: 85px;
}

.sub_recent_news {
	float: left;
	font-size: 0.8em;
	width: 248px; height: 31px;
}

.sub_requested_services {
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	width: 220px; height: 31px;
	padding-top: 10px;
}
/* tooltip */
#tooltip {
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#333;
}

/* BULLET POINTS */

div.bullet_point_green {
	float: left;
	background: url(../img/bullet_point_1.gif) no-repeat;
	height: 15px; width: 12px;
	margin-right: 10px;
}
div.bullet_point_grey {
	float: left;
	background: url(../img/bullet_point_grey.gif) no-repeat;
	height: 15px; width: 12px;
	margin-right: 10px;
}


/* GREEN ARROW LINK - GREEN - BIG */

div.green_arrow_link {
	float: right;
	height: 30px;
	padding: 3px 5px 0 0;
}
div.green_arrow_link a {
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	color: #137B32;
}
div.green_arrow_link a:hover {
	text-decoration: none;
}
div.green_arrow_link span {
	background: url(../img/btn_arrow_green.gif) no-repeat right;
	padding: 5px 30px 5px 0;
	text-decoration: underline;
}
div.green_arrow_link span:hover {
	text-decoration: none;
}


/* GREEN ARROW LINK - GREEN - SMALL */

div.green_arrow_link_small {
	float: right;
	height: 30px;
	padding: 3px 5px 0 0;
}
div.green_arrow_link_small a {
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	color: #137B32;
}
div.green_arrow_link_small a:hover {
	text-decoration: none;
}
div.green_arrow_link_small span {
	background: url(../img/btn_arrow_green_small.jpg) no-repeat right;
	padding: 5px 30px 5px 0;
	text-decoration: underline;
}
div.green_arrow_link span:hover {
	text-decoration: none;
}


/* CONTAINER */

#container {
	width: 950px; height: auto;
	margin: 0 auto;	
}


/* PAGE HEADER */

div#page_header {
	width: 950px;
	height: 86px;
	margin: 0 auto;
}
div#page_header img {
	float: left;
	border: 0px;
}


/* PAGE HEADER MENU */

div#page_header_menu {
	float: right;
	width: 650px;
}
div#page_header_menu ul {
	list-style: none;
	float: right;
	margin-top: 0;
}
div#page_header_menu li {
	width: 82px;
	height: 30px;
	list-style: none;
	float: left;
	padding-left: 1px;
}
div#page_header_menu li a {
	float: left;
	text-align: center;
	width: 82px;
	height: 30px;
	background: url(../img/tab_supplimentary_menu_bg.jpg) no-repeat;
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
}
div#page_header_menu a:hover {
	background: url(../img/tab_supplimentary_menu_bg_over.jpg) no-repeat;
	text-decoration: underline;	
}



/* PAGE CONTENT */

div#page_content {
	width: 950px; height: auto;
	margin: 0 auto;
}

/* PAGE CONTENT LEFT */

div#page_content_left {
	float: left;
	width: 192px; height: auto; min-height: 200px;
	margin: 8px 0 0 0;
	padding-bottom: 20px;
}

div#sub_menu_title {
	background: url(../img/bg_sub-menu_title.jpg) no-repeat;
	float: left;
	width: 177px; height: 33px;
	margin: 0; padding: 12px 0 0 15px;
}

div#sub_menu_title h2 a {
	color: #000000;
}

div#sub_menu {
	font-size: 0.75em;
	width: 190px; height: auto; min-height: 295px;
	background: url(../img/bg_sub-menu_list.jpg) repeat-x;
	color: #3E3E3E;
	border: 1px solid #D8DBE1;
	border-top: none;
	line-height:1.3em;
	padding-bottom: 10px;
}
div#sub_menu .selected { font-weight: bold; }
div#sub_menu a { color: #3E3E3E; }
div#sub_menu ul { padding: 5px 0 0 0; margin: 0 10px 0 27px; }
div#sub_menu ul li {
	padding: 0 0 10px 0; margin: 0;
	width: auto;
	list-style-image: url(../img/bullet_point_1.gif);
	vertical-align:text-top;
}
div#sub_menu ul ul{ margin: 0 0 0 15px; list-style: none; }
div#sub_menu ul ul li {
	list-style-image:none;
	font-size: 0.9em;
	padding: 0 0 5px 0; margin: 0;
	width: 120px;
}


/* PAGE CONTENT CENTER */

div#page_content_center {
	width: 505px;
	margin: 0 0 0 25px;
	padding: 0 25px 0 0;
	float: left;
}

div#page_content_center h1 { font-size: 1.3em; margin-bottom: -10px; }

div#page_content_center a {	color:#20823D; }

div#page_content_center ul li {
	list-style: none;
	list-style-image: none;
	width: 100%;
	position: `relative;
}

div#page_content_center ol { border: 0px solid red; list-style: square; font-size: 0.8em; }
div#page_content_center ol li { padding-bottom: 5px; }

/*
div#page_content_center p, img, { margin: 5px; line-height: 1em; }
div#page_content_center ul li { list-style: none; line-height: 1em; }
div#page_content_center ul { margin-top: 5px; }
*/

div#page_content_center ul li {
	font-size: 0.8em;
	list-style: square;
	line-height:1.3em;
	/*width: 500px; margin-left: 20px;*/
}

div#page_content_center table tr td {
            font-size: 0.8em;
}

div#management_table ol{
	font-size: 1em;
}

/* PAGE CONTENT CENTER BOTTOM */

div#page_content_center_bottom {
	width: 530px;
	height: auto;
	float:left;
	margin-top: 10px;
}

/* CONTENT ITEM WRAPPER */

div.item_wrapper, div.item_wrapper_two {
	float: left;
	width: 247px; height: 60px;
	margin-right: 12px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
}

/*div.item_wrapper img { float: left; width: 76px; height: 57px;}*/

div.item_wrapper a {
	float: left;
	width: 160px; height: 20px;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
	margin-left: 10px;
	margin-top: 22px;
}

div.item_wrapper_image { border: none; float: left; width: 76px; height: 57px;}

div.item_wrapper_image img { border: none; }

div.item_wrapper_image a { margin: 0; }

div.item_wrapper_two a {
	float: left;
	width: 160px; height: 20px;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #000;
	margin-left: 85px;
	margin-top: -47px;
}

div.item_wrapper_image_two { border: none; float: left; width: 76px; height: 57px;}

div.item_wrapper_image_two img { border: none; }

div.item_wrapper_image_two a { margin: 0; }

/* PAGE CONTENT RIGHT */

div#page_content_right {
	width: 192px;
	margin-left: 7px;
	float: left;
	height: auto;	
}


/* RECENT NEWS BOX */

div#recent_news_box {
	width: 192px;
	height: auto;
	background-color:#EFFEE8;
	margin-bottom: 20px;
}
div#recent_news_box div.recent_news_box_middle ul li {
	list-style:none;
}
div.recent_news_box_top {
	width: 177px;
	height: 25px;
	background-color:#EFFEE8;
	background: url(../img/recent_news_box_top_img.jpg) no-repeat;
	color: white;
	font-weight: bold;
	font-size: 0.75em;
	text-align: left;
	padding-top: 10px;
	padding-left: 15px;
}

div.recent_news_box_middle {
	width: 172px;
	height: auto;
	float:left;
	background-color:#EFFEE8;
	background: url(../img/recent_news_box_middle_img.jpg) no-repeat;
	padding: 10px;
	font-size: 0.7em;
	line-height:1.1em;
}

div.recent_news_box_middle span {
	font-size: 0.8em;
	float:left;
	width: 100%;
	color: #555;
	margin-left: 6px;
}

div.recent_news_box_middle a {
	color: #0F0F0F;
	cursor: pointer;
	margin-bottom: 5px;
	float: left;
	margin-left: 6px;
}

div.recent_news_box_bottom {
	background-color: #EFFEE8;
	background: url(../img/recent_news_box_bottom_img.jpg) repeat-y;
}	

div.view_all_link { width: 172px; float: left; }	
div.view_all_link a { font-size: 0.8em; color: #20823D; float: right; }

/* MOST POPULAR SERVICES BOX */

div#most_popular_services_box {
	width: 192px; height: auto;
	background-color:#FFFFFF;
	margin-bottom: 20px;
}

div.most_popular_services_box_top {
	width: 177px; height: 25px;
	background-color:#FFFFFF;
	background: url(../img/most_popular_services_box_top_img.jpg) no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 0.75em;
	text-align: left;
	padding-top: 10px;
	padding-left: 15px;
}

div.most_popular_services_box_middle {
	/*width: 172px; height: 102px;*/
	width: 192px; height: 112px;
	background-color:#FFFFFF;
	background: url(../img/most_popular_services_box_middle_img.jpg) no-repeat;
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 0.7em;
}

div.most_popular_services_box_middle ul {
	/*margin: 10px 0 0 10px;*/
	margin: 0;
}

div.most_popular_services_box_middle ul li {
	list-style-image: url(../img/icon_list_img_grey.jpg);
	padding: 0 0 10px 0;
	margin: 0;
	vertical-align:top;
}

div.most_popular_services_box_middle a {
	color: #0F0F0F;
	padding-left: 2px;
}

div.most_popular_services_box_bottom {
	background-color:#FFFFFF;
	background: url(../img/most_popular_services_box_bottom_img.jpg) repeat-y;
	height: auto;
}	


/* page banner - SERVICES */



div#page_banner_text {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.82em;
	font-weight: bold;
	padding: 0 0 8px 0;
	margin: 0;
}

div#page_banner_text_sub {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 35px;
}


/* PAGE CONTENT BOTTOM BACKGROUND */

div#page_content_bottom_background {
	background: url(../img/bg_info_globe-and-grass.jpg) no-repeat bottom;
	height: 300px;
	width: 950px;
}

div.flash_globe {
	width: 234px; height: 206px; 
	float: left;
	margin: 14px 0 0 40px;
}
* html div.flash_globe {
margin-top: 13px;
margin-left: 20px;
}
div#globe_img {
	width: 231px; height: 205px; 
	background: url(../img/earth.png) no-repeat;
	float:left;
	margin-top: 0px;
}

* html #globe_img {
position: relative;
}

/* BOTTOM BLACK BAR */

div#home_page_bottom_black_bar {
	background: url(../img/bg_bottom-black-bar.jpg);
	height: 28px;
	width: 950px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.75em;
	text-align: center;
	padding-top: 12px;
}


/* PAGE FOOTER */

div#page_footer {
	color: #225B34;
	font-size: 0.8em;
	text-align: center;
	width: 950px;
	height: 75px;
	margin: 0 auto;
	padding-top: 7px;
	border-top: 5px solid #225B34;
}


/* RESET DIV */

div.reset 							/* clear floats of the div */
{
	border:medium none;
	clear:both;
	display:block;
	font-size:0px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
}

/* Error message box under each input on the positions vacant job application form */
.errmsg {
	color: #C20101;
	border: 1px solid #C20101;
	background-color:#FFDFDF;
	padding: 3px;
	margin: 4px;
	margin-left: 0;
	display: none;
	width: 300px;
}

/* end of file */