/*///////////////////////////////////////////////////

CSS Document for gpcworkforce.com.au
GPC Rural Work-force

/////////////////////////////////////////////////*/


/*-----------------------------------------------
General Layout
-----------------------------------------------*/

* {padding: 0; margin: 0;}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0059BA;
	text-align: center;
	background: #C4E0FF url(images/gpc_bg.png) repeat-x 0 0;
}

#cont {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 772px;
	}

#cont-bg {
	background: url(images/gpc_content_bg.png) repeat-y;
	float: left;
	}	

#cont-bg-top {
	background: url(images/gpc_content_bg_gradient.png) no-repeat;
	width: 772px;
	min-height: 550px;
	}
	
#cont-bg-i {
	background: url(images/gpc_content_bg-i.png) repeat-y;
	float: left;
	}	

#cont-bg-top-i {
	background: url(images/gpc_content_bg_gradient-i.png) no-repeat;
	width: 772px;
	min-height: 550px;
	}

img {border: 0;}
	

/*-----------------------------------------------
Header
-----------------------------------------------*/

#header {
	float: left;
	background: #fff url(images/gpc_header_bg.png) repeat-x top;
	width: 732px;
	margin: 7px 0 0 20px;
	display: inline;
}

#logo {
	background: url(images/gpc_logo.png) no-repeat;
	width: 354px;
	height: 60px;
	display: block;
	margin: 30px 0 0 26px;
	cursor: pointer;
	float: left;
	display: inline;
}

#print-logo {display: none;}

#header-logobg, #header-logobg2 {
	background: url(images/gpc_header_logobg.jpg) no-repeat;
	width: 350px;
	height: 110px;
	position: absolute;
	right: 20px;
	top: 12px;
}

#header-logobg2 {background: url(images/gpc_header_logobg2.jpg) no-repeat;}

/*-----------------------------------------------
Main-Navigation
-----------------------------------------------*/

#nav, #nav-i {
	position: relative;
	clear: both;
	float: left;
	width: 732px;
	height: 27px;
	margin: 25px 0 0 0;
	padding: 0 0 1px 0;
}

#nav span, #nav-i span {display: none;}
#nav ul , #nav-i ul {width: 732px;}
#nav ul li , #nav-i ul li {list-style: none; float: left; margin: 0;}
#nav a, #nav-i a {display: block; float: left; width: 91px; height: 27px;}
#nav a:hover, #nav-i a:hover {background-position: 0 -27px;}

li#home a {width: 92px; background: url(images/gpc_nav_home.png) no-repeat;}
li#home-a a {width: 92px; background: url(images/gpc_nav_home.png) no-repeat; background-position: 0 -27px;}
li#news a {width: 92px; background: url(images/gpc_nav_news.png) no-repeat;}
li#news-a a {width: 92px; background: url(images/gpc_nav_news.png) no-repeat; background-position: 0 -27px;}
li#towns a {background: url(images/gpc_nav_towns.png) no-repeat;}
li#towns-a a {background: url(images/gpc_nav_towns.png) no-repeat; background-position: 0 -27px;}
li#testimonials a {background: url(images/gpc_nav_testimonials.png) no-repeat;}
li#testimonials-a a {background: url(images/gpc_nav_testimonials.png) no-repeat; background-position: 0 -27px;}
li#benefits a { background: url(images/gpc_nav_benefits.png) no-repeat;}
li#benefits-a a {background: url(images/gpc_nav_benefits.png) no-repeat; background-position: 0 -27px;}
li#about a {background: url(images/gpc_nav_about.png) no-repeat;}
li#about-a a {background: url(images/gpc_nav_about.png) no-repeat; background-position: 0 -27px;}
li#links a {width: 92px; background: url(images/gpc_nav_links.png) no-repeat;} 
li#links-a a {width: 92px; background: url(images/gpc_nav_links.png) no-repeat; background-position: 0 -27px;}
li#contact a {width: 92px; background:  url(images/gpc_nav_contact.png) no-repeat;}
li#contact-a a {width: 92px; background:  url(images/gpc_nav_contact.png) no-repeat; background-position: 0 -27px;}

/*-----------------------------------------------
Index Specific
-----------------------------------------------*/

#i-header {
	float: left;
	display: inline;
	width: 732px;
	height: 162px;
	margin: 0 0 0 20px;
	background: url(images/gpc_i_mainheader.jpg) no-repeat;
	border-bottom: 1px #fff solid;
}

#i-header object {
	padding: 0;
	margin: 0;
}

#i-test {
	display: inline;
	width: 482px;
	margin: 0 0 0 20px;
	float: left;
}

#i-test-head {
	width: 482px;
	background: #448BDA;
	height: 20px;
}

#i-test h2 {
	background: #0059BA url(images/gpc_i_testimonials.png) no-repeat 16px 0;
	height: 20px;
	width: 150px;
	font-size: 0;
}

.i-comment {
	display: inline;
	background: url(images/gpc_i_test_bg_rpt.png) repeat-y;
	width: 469px;
	float: left;
	margin: 20px 0 0 6px;
}

.i-comment-top {
	background: url(images/gpc_i_test_bg_top.png) no-repeat;
	width: 469px;
	height: 20px;
	float: left;
}

.i-comment p.test {
	background: url(images/gpc_i_test_bg_btm.png) no-repeat bottom left;
	line-height: 150%;
	padding: 20px 20px 40px 20px !important;
	padding: 0 20px 40px 20px;
}

.i-comment p.name {
	background: none;
	position: relative;
	font-weight: bolder;
	margin: -18px 0 0 50px;
}

.btn-rm {float: right; margin: 10px 20px 20px 0;}

#i-news {
	background: #EAF4FF;
	width: 250px;
	float: left;
}

#i-news-head {
	width: 250px;
	background: #448BDA;
	height: 20px;
}

#i-news h2 {
	background: #0059BA url(images/gpc_i_latestnews.png) no-repeat 16px 0;
	height: 20px;
	width: 150px;
	font-size: 0;
}

#i-news h3 {
	background: url(images/gpc_icon_arrow.png) no-repeat 19px 19px;			
	font-size: 12px;
	padding: 20px 20px 15px 40px;
	margin: 0 0 -30px 0;
}

#i-news h3 a:link {color: #0059BA; text-decoration: none;}
#i-news h3 a:visited {color: #0059BA; text-decoration: none;}
#i-news h3 a:hover {color: #0059BA; text-decoration: underline;}
#i-news h3 a:active {color: #0059BA;}

#i-news p {
	margin: 20px 0;
	line-height: 150%;
	padding: 0 18px 0 20px;
}

#i-news p a:link {color: #0059BA; text-decoration: underline;}
#i-news p a:visited {color: #0059BA; text-decoration: underline;}
#i-news p a:hover {color: #003E82; text-decoration: none;}
#i-news p a:active {color: #0059BA;}

#i-test-head span, #i-news-head span {display: none;}

.newsdivider {background: #ACD4FF; width: 212px; height: 1px; margin: 0 0 0 20px; display: block;}

/*-----------------------------------------------
Left-Column
-----------------------------------------------*/

#left-col {
	float: left;
	width: 200px;
	background: url(images/gpc_leftcol_bg_topshadow.png) repeat-x top;
	margin: 0 0 0 20px;
	position: relative;
	display: inline;
}

#left-col ul {margin: 12px 0 0 12px;}

#left-col ul li {
	background: none;
	list-style: none;
	float: left;
	margin: 0 0 1px 0;
	}
	
#left-col a {
	display: block;
	float: left;
	font-size: 10px;
	color: #0059BA;
	text-decoration: none;
	line-height: 22px;
	}

#left-col ul li a { width: 177px; height: 22px; background:  url(images/gpc_subnav_bg.png) no-repeat; padding: 0 0 0 10px;}
#left-col ul li a:hover {background-position: 0 -22px;}
#left-col ul li.active a, #left-col ul li.active a:hover {width: 177px; height: 22px; background:  url(images/gpc_subnav_bg.png) no-repeat; background-position: 0 -44px;  font-weight: bolder;}


/*-----------------------------------------------
Body
-----------------------------------------------*/

#body-cont {
	width: 500px;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	padding: 20px 0;
}

#body-cont h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	margin: 0 0 20px 0;
}

#body-cont h3 {
	color: #005B79;
	font-size: 12px;
	font-weight: bolder;
	margin: 0 0 -10px 0;
}

#body-cont p {margin: 15px 0; line-height: 150%;}
#body-cont ul {list-style: none; margin: 15px 0 15px 15px;}

#body-cont ul li {
	background: url(images/gpc_list_bullet.png) no-repeat 0 5px;
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	}

#body-cont p img.r {float: right; margin: 0 0 10px 10px;}
#body-cont p img.l {float: left; margin: 10px 10px 0 0;}

#body-cont a:link {color: #0059BA; text-decoration: underline;}
#body-cont a:visited {color: #005B79; text-decoration: underline;}
#body-cont a:hover {color: #002D3C; text-decoration: none;}
#body-cont a:active {color: #002D3C;}

#town-subcats-label1, #town-subcats-label2 {
	background: url(images/gpc_leftcol_testbubble.png) no-repeat;
	display: block;
	color: #5691D1;
	width: 164px;
	height: 70px;
	font-weight: bolder;
	margin: 13px 0 0 19px;
}

#town-subcats-label2 {background: url(images/gpc_leftcol_linkbubble.png) no-repeat;}

.towns-links {padding-bottom: 5px;}

.text-img-r {
	float: right;
	clear: both;
	padding: 2px;
	margin: 5px 0 10px 10px;
	border: 1px solid #C4E0FF;
}

object, embed {margin-bottom: 20px;}
.newsdate {margin-top: 5px;}

#nearest-urban-centre {
	clear: both;
	float: right;
	width: 200px;
	margin: 5px 0 10px 10px;
	background: #EAF4FF;
	border: 1px solid #C4E0FF;
	padding: 0 0 4px 0;
}

#nearest-urban-centre h3 {background: #448BDA; color: #fff; padding: 4px; margin: 0 0 2px 0;}
#nearest-urban-centre p {padding: 3px 5px; margin: 0;}

.t-icon {position: relative; margin: 0 3px -3px 0;}

#body-cont h1.town, #body-cont h1.test, #body-cont h2.news, #body-cont h2.links, #body-cont h1.large  {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 20px;
	border-bottom: 1px #B3D7FF solid;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	font-weight: normal;
	clear: both;
}		

#body-cont h2.links { margin: 0;}

#body-cont h2.news a:link {color: #0059BA; text-decoration: none; font-weight: normal;}
#body-cont h2.news a:visited {color: #005B79; text-decoration: none; font-weight: normal;}
#body-cont h2.news a:hover {color: #002D3C; text-decoration: none;}
#body-cont h2.news a:active {color: #002D3C; text-decoration: none;}

#body-cont h4.newsdate {
	float: right;
	margin: -17px 0 0 0;
	font-size: 11px;
}

#body-cont p.link-body {position: relative; margin: 5px 0 25px 0;}
#body-cont p.link {margin: 5px 0 0 0;}
.news-list p {padding: 10px 0 15px 0;}
.datearrow {position: relative; margin: 0 4px 0 0; top: -1px;}

/*-----------------------------------------------
Contact Form
-----------------------------------------------*/

#mail_form {position: relative; margin: 0; width: 373px; padding: 10px; float: left; border: 1px solid #B3D7FF; background: #F9FCFF;}
#mail_form span {background: #EAF4FF; padding: 9px 0; display: block; width: 372px; float: left; margin: 5px 0; border: 1px solid #B3D7FF; }
#label-bg {background: #EAF4FF url(images/gpc_icon_arrow.png) no-repeat 5px 50%; padding: 2px 10px 2px 26px; float: left; width: 75px;}

.inputtext {
	font-size: 11px;
	padding: 1px;
	width: 250px;
	margin: 2px 5px 0 0;
	border: 1px solid #B3D7FF;
	font-family: Verdana, Helvetica, sans-serif;
	color: #0059BA;
	float: left;
	}
	
.inputtext-s {
	margin: 5px -1px 0 0;
	position: relative;
	float: right;
	}

#contactsent {
	background: url(images/gpc_contactsent.gif) no-repeat 0 10px;
	position: relative;
	margin: 0 0 20px 0;
	padding: 10px 0 10px 50px;
	border-bottom: 1px solid #B3D7FF;
	border-top: 1px solid #B3D7FF;
	display: inline;
	}

/*-----------------------------------------------
Footer
-----------------------------------------------*/

#footer {
	float: left;
	background: url(images/gpc_footer_bg.png) no-repeat bottom;
	width: 772px;
	height: 60px;
	}
	
#footer p {
	float: left;
	display: inline;
	height: 40px;
	width: 732px;
	background: #448BDA;
	font-size: 9px;
	color: #fff;
	margin: 0 0 0 20px;
	line-height: 40px;
	text-indent: 15px;
	border-top: 1px #fff solid;
	}
	
#footer p span {margin: 0 0 0 318px; display: inline;}
#footer p a:link {color: #fff; text-decoration: none;}
#footer p a:visited {color: #fff; text-decoration: none;}
#footer p a:hover {color: #fff; text-decoration: underline;}
#footer p a:active {color: #fff;}