/* 
Description:
Site Standard Screen Styles for Job Futures Public site.
http://www.jobfutures.com.au
---	
Author:
Nathan Kelly (nathan@infiniteeye.com.au)
Infinite Eye Web Development Studio (info@infiniteeye.com.au)
---		
Version:
0.1/12-10-06
Copyright © 2006, Job Futures. All rights reseved.
------------------------------------------------------------------------------*/

/* Common Elements.
    ~ 'display:inline' is used to make IE render properly
------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

body {
color:#555;
text-align:center;
background-color:#415077;
font:86%/1.5 Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#container {
background:url(../images/body-bg.gif) repeat top left;
}

hr {display:none;}
.clear {clear:both;}
a {text-decoration:none; outline:none;}
img, fieldset {border:none;}
ul li {list-style-type:none;}
.wrapper {width:760px; margin:0 auto;}

/* Development Notes.
------------------------------------------------------------------------------*/
#container p.dev-note {
color:#000;
padding:10px;
font-size:x-small;
background-color:#fff8af;
}

#container p.dev-note span {
display:block;
}

/* Header Elements.
------------------------------------------------------------------------------*/
#header {
height:82px;
text-align:left;
padding-top:10px;
background:url(../images/header-bg.gif) repeat-x top left;
}

#header .wrapper {
height:82px;
position:relative;
background:url(../images/header.gif) repeat-x top left;
}

#header h1 {
width:228px;
height:45px;
line-height:0;
padding-top:20px;
padding-left:25px;
}

#header #site-tools {
color:#fff;
right:30px;
bottom:1px;
width:290px;
height:42px;
font-size:.9em;
position:absolute;
background:url(../images/site-tools-bg.gif) no-repeat top left;
}

#header #site-tools p {
padding-top:12px;
text-align:center;
}

#header #site-tools p a {
color:#ffffcc;
text-decoration:underline;
}

#header #site-tools p a:hover {
text-decoration:none;
}

#header .skip {
left:-1000em;
position:absolute;
}

/* Content Container.
------------------------------------------------------------------------------*/
#content-container {
width:760px;
margin:0 auto;
padding-bottom:35px;
background:url(../images/content-base.gif) no-repeat bottom left;
}

#home #content-container {
padding-bottom:20px;
background:url(../images/home-content-base.gif) no-repeat bottom left;
}

/* Main Navigation Elements.
------------------------------------------------------------------------------*/
#main-nav {
font-size:.9em;
background:url(../images/main-nav-bg.gif) repeat-x bottom left;
}

#main-nav ul {
padding:12px 38px 7px 0;
background:url(../images/main-nav-right.gif) no-repeat bottom right;
}

#main-nav .wrapper {
width:722px;
padding-left:38px;
background:url(../images/main-nav-left.gif) no-repeat bottom left;
}

#main-nav ul li {
margin:0 -2px;
display:inline;
padding:8px 0 10px 0;
background:url(../images/main-nav-item-left.gif) no-repeat bottom left;
}

#main-nav ul li.first {
background:url(../images/main-nav-item-both.gif) no-repeat bottom left;
}

#main-nav ul li a {
color:#004d6a;
margin-left:1px;
padding:8px 0 10px 0;
white-space:nowrap;
}

#main-nav ul li.first a {
margin-left:2px;
}

#main-nav ul li a:hover,
#main-nav ul li.current a {
background:url(../images/main-nav-item-on.gif) no-repeat bottom center;
}

#main-nav ul li a span {
padding:8px 9px 10px 9px;
background:url(../images/main-nav-item-right.gif) no-repeat bottom right;
}

#main-nav ul li.last a span {
padding-right:10px;
background:url(../images/main-nav-item-both.gif) no-repeat bottom right;
}

/* Content Elements.
------------------------------------------------------------------------------*/
#content {
width:760px; /* For IE6 */
text-align:left;
background:url(../images/content-container-bg.gif) repeat-y top left;
}

#home #content {
background:url(../images/home-content-container-bg.gif) repeat-y top left;
}

#content #home-banner {
padding-top:10px;
}

#content #home-banner a {
float:left;
margin-left:26px;
width:225px;
height:218px;
display:block;
text-indent:-1000em;
background-repeat:no-repeat;
background-position:top left;
background-image:url(../images/banner/find-member.gif);
}

#content #home-banner a:hover {
background-position:top right;
}

#content #home-banner img {
float:left;
margin-left:10px;
}

#content .wrapper {
width:708px;
clear:both;
padding:10px 26px 0 26px;
}

#content #intro {
width:427px;
float:left;
margin-right:10px;
}

#content h3 {
font-size:1.7em;
color:#d97100;
}

#content #intro p,
#content #main p.intro {
font-size:1em;
margin-bottom:1em;
}

/* Inner Page Elements.
------------------------------------------------------------------------------*/
#main {
width:472px;
float:right;
padding-top:10px;
padding-right:26px;
}

#main h3 {
padding:10px 0 0 10px;
}

#main h4 {
font-size:1.4em;
color:#d97100;
padding-left:10px;
margin:1em 0 0 0;
}

#main h5 {
font-size:1.1em;
color:#6a7791;
padding-left:10px;
margin:1em 0 0 0;
}

#main p {
margin:.5em 0;
padding:0 10px;
font-size:.9em;
}

#main p.info {
font-size:.8em;
font-style:italic;
}

#main p strong {
color:#777;
}

#main ul {
margin-bottom:.5em;
padding-left:30px;
font-size:.9em;
}

#main li {
list-style-image:url(../images/bullet.gif);
}

#main a:hover {
text-decoration:underline;
}

#main blockquote {
padding:0 10px;
color:#666;
font-style:italic;
margin-bottom:1em;
}

#main blockquote cite {
font-size:.8em;
display:block;
padding-left:10px;
font-style:normal;
}

#main dl {
padding:0 10px;
}

#main dl dt {
color:#6a7791;
font-size:.9em;
font-weight:bold;
padding-top:10px;
background:url(../images/dotted-line.gif) repeat-x top left;
}

#main dl dd {
padding:0 10px 10px 10px;
}

#main dl dd em {
font-size:.8em;
}

#main dl dd a {
display:block;
font-size:.9em;
padding-left:20px;
background:url(../images/bullet.gif) no-repeat 0 7px;
}

/* Sub Navigation Elements.
------------------------------------------------------------------------------*/
#sub-nav {
width:225px;
float:left;
padding-left:26px;
}

#sub-nav ul.sub-nav {
padding-top:10px;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
background:url(../images/sub-nav-top.gif) no-repeat top right;
}

#sub-nav ul.sub-nav li {
display:block;
margin:0 10px;
font-size:.9em;
background:url(../images/dotted-line.gif) repeat-x bottom left;
}

#sub-nav ul.sub-nav li ul li {
font-size:.8em;
}

#sub-nav ul.sub-nav li ul li.last {
padding-bottom:10px;
}

#sub-nav ul.sub-nav li.last {
background-image:none;
}

#sub-nav ul.sub-nav li a {
display:block;
padding:5px;
color:#0000ee;
}

#sub-nav ul.sub-nav li a:hover,
#sub-nav ul.sub-nav li.current a,
#sub-nav ul.sub-nav a.current {
color:#004d6a;
}

#sub-nav ul.sub-nav a.current {
cursor:default;
}

ul#quick-links li {
display:block;
text-indent:-1000em;
}

ul#quick-links li a {
width:225px;
display:block;
background-repeat:no-repeat;
background-position:top left;
}

ul#quick-links #quick-link-1 {
border-top:10px solid #fff;
}

ul#quick-links #quick-link-1 a,
ul#quick-links #quick-link-4 a {
height:37px;
}

ul#quick-links #quick-link-2 a,
ul#quick-links #quick-link-3 a {
height:29px;
}

ul#quick-links #quick-link-5 {
border-top:10px solid #fff;
border-bottom:10px solid #fff;
}

ul#quick-links #quick-link-5 a {
height:34px;
}

ul#quick-links li a:hover {
background-position:bottom left;
}

ul#quick-links #quick-link-1 a {background-image:url(../images/link-small-what-we-do.gif);}
ul#quick-links #quick-link-2 a {background-image:url(../images/link-small-programmes.gif);}
ul#quick-links #quick-link-3 a {background-image:url(../images/link-small-job-seekers.gif);}
ul#quick-links #quick-link-4 a {background-image:url(../images/link-small-members.gif);}

ul#quick-links #quick-link-5 a {background-image:url(../images/link-small-find-member.gif);}

/* Home Page Quick Links.
------------------------------------------------------------------------------*/
div#quick-links {
width:267px;
float:left;
}

div#quick-links li {
display:block;
margin-bottom:10px;
text-indent:-1000em;
}

div#quick-links li a {
width:267px;
height:57px;
display:block;
background-repeat:no-repeat;
background-position:top left;
}

div#quick-links li a:hover {
background-position:bottom left;
}

div#quick-links #quick-link-1 a {background-image:url(../images/link-what-we-do.gif);}
div#quick-links #quick-link-2 a {background-image:url(../images/link-programmes.gif);}
div#quick-links #quick-link-3 a {background-image:url(../images/link-job-seekers.gif);}
div#quick-links #quick-link-4 a {background-image:url(../images/link-members.gif);}

/* Footer Elements.
------------------------------------------------------------------------------*/
#footer{
padding-bottom:10px;
background:#415077 url(../images/footer-top.gif) repeat-x top left;
}

#footer .wrapper {
text-align:left;
background:url(../images/footer-inner-bg.gif) repeat-y top left;
}

#footer .wrapper-inner {
padding:0 24px;
background-image:none;
}

#footer #copyright {
clear:both;
color:#fff;
padding:0 24px;
text-align:center;
font-size:x-small;
background:url(../images/footer-base.gif) no-repeat bottom left;
}

#footer #copyright p {
padding:8px 0;
background:url(../images/dotted-line.gif) repeat-x top left;
}

#footer h4 {
text-indent:-1000em;
background:url(../images/footer-inner-top.gif) no-repeat top left;
}

#footer dl {
float:left;
width:180px;
margin-left:22px;
}

#footer dt {
color:#ffc;
font-weight:bold;
margin:0 0 7px 0;
padding:0 0 7px 0;
background:url(../images/dotted-line.gif) repeat-x bottom left;
}

#footer dd {
font-size:.8em;
color:#fff;
margin:0 0 10px 0;
padding-left:15px;
background:url(../images/footer-bullet.gif) no-repeat left;
}

#footer a {
color:#fff;
}

#footer #top {
font-size:.9em;
margin-left:22px;
}

/* ------------------ hacks to go in IE conditionals ------------------------ */
* html #main-nav ul li a {
padding:0;
}

* html #content #home-banner a {
margin-left:13px;
}

* html #sub-nav ul.sub-nav li a {
height:1%; /* For IE6 */
}

/* custom additions by Job Futures */
.highlight{
  color:red;
}
.search_results{
  margin-top: 10px;
}