@import url(lib.css);

@import url(/system/style/admin.css);
@import url(/system/style/layoutboxes.css);
@import url(/system/style/indicator.css);
@import url(/system/style/lists.css);
@import url(/system/style/filter.css);
@import url(/system/style/properties.css);
@import url(/system/style/community.css);
@import url(/system/style/sitemap.css);
@import url(/system/style/cms.css);
@import url(/system/hmenu/skin-xp-apps.css);


/* -------------------------------------------------------------- 
NGIV stylesheet V1
Author - benbailey.com.au
-------------------------------------------------------------- */
#wrapper {
position: relative;
width: 900px;
margin: 0 auto;
background: #FFF url(../images/bgWrapper2.png) repeat-y;
}

#home #wrapper {
background: #FFF url(../images/bgWrapper.png) repeat-y;
}


.contentOnly #wrapper, .noAdverts #wrapper {
background: #FFF;
}
/* =header 
--------------------------------------------------------------------------
*/
#header { 
background: #c1c131;
height: 128px;  
border-bottom: 5px solid #282016;
}

#header img, #header h1 { 
margin: 0;
}

/* =search
--------------------------------------------------------------------------
*/
#search { 
position: absolute;
top: 0;
right: 0;
width: 503px;
background: #433931;
}

#search div a { 
display: block;
float: left;
width: 171px;
padding: 10px;
border-right: 1px solid #c1c131;
color: #c1c131;
font-weight: bold;
text-transform: uppercase;
}

#search div a:hover, #search div a:focus {
background: #010202;
text-decoration: none;
}

#search form {
position: absolute;
top: 7px;
left: 200px;
color: #FFF;
}

#search #txtSearch {
width: 200px;
}

#search label { 
display: none;
}

/* =primaryNavigation - primary navigation of the website 
--------------------------------------------------------------------------
*/
#primaryNavigation {
position: absolute;
top: 37px;
right: 0;
width: 504px;
}

#primaryNavigation ul {
margin: 0;
}

#primaryNavigation li {
display: inline;
list-style-type: none;
}

#primaryNavigation li a {
display: block;
float: left;
outline: 0;

padding: 10px;
text-decoration: none;
margin: 0 0 1px 1px;
color: #FFF;
background: #5f584a;
font-weight: bold;
}

#primaryNavigation li#navSchool a {
width: 171px;
}

#primaryNavigation li a:hover, #primaryNavigation li a:focus {
background: #423931;
}

#primaryNavigation li.active a {
background: #282016;
}

/* =banner - on the homepage 
--------------------------------------------------------------------------
*/
#home #banner {
background: #5f584a;
min-height: 240px;
border-bottom: 5px solid #282016;
color: #FFF;
}

#bannerMovie {
float: left;
width: 300px;
padding: 20px;
}

#bannerCopy {
float: left;
width: 270px;
padding: 20px;
}

#home #banner h1 {
color: #FFF;
}

#home #banner p {
margin-top: -5px;
font-size: 1.15em;
}

/* =banner - elsewhere
--------------------------------------------------------------------------
*/
.contentOnly #banner, .noSecondaryNav #banner, .noAdverts #banner, .double #banner
{
background: #c2c00f;
overflow: auto;
}

.contentOnly #banner h1, .noSecondaryNav #banner h1, .noAdverts #banner h1, .double #banner h1
{
float: left;
width: auto;
text-transform: uppercase;
font-size: 1.25em;
color: #000;
margin: 7px 5px 7px 20px;
font-weight: normal;
}

.contentOnly #banner span, .noSecondaryNav #banner span, .noAdverts #banner span, .double #banner span {
color: #FFF;
margin-left: 7px;
}

.contentOnly #banner p, .noSecondaryNav #banner p, .noAdverts #banner p, .double #banner p {
margin: 11px 0 0 0;
font-size: 0.9em;
}

/* =secondary-navigation 
--------------------------------------------------------------------------
*/
#secondaryNavigation {
float: left;
width: 203px;
clear: left;
padding: 20px 0 20px 0;
margin-bottom: 20px;
}

#secondaryNavigation ul {
list-style-type: none;
margin: 0;
}

#secondaryNavigation li { 
margin-left: 0;
}

#secondaryNavigation li a {
display: block;
text-decoration: none;
border-bottom: 1px solid #dbd72f;
padding: 5px 5px 5px 20px;
color: #222;
background: #e9e6bc;
}

#secondaryNavigation li ul li a {
padding: 5px 5px 5px 50px;
background: #e9e6bc url(/themes/portal/images/icons/bgArrow2.png) no-repeat 33px 9px;
}

#secondaryNavigation li ul li a:hover, #secondaryNavigation li ul li a:focus, #secondaryNavigation li ul li.active a.node.active.current {
background: #d8d583 url(/themes/portal/images/icons/bgArrow2.png) no-repeat 33px 9px;
}

#secondaryNavigation li a:hover, #secondaryNavigation li a:focus,#secondaryNavigation li a:hover {
background: #d8d583;
}

#secondaryNavigation li ul li.active a.node.active.current {
/*background: #c1c130 url(/themes/portal/images/icons/bgArrow2.png) no-repeat 33px 9px;*/
}

#secondaryNavigation li.active a.node.active.parent,#secondaryNavigation li.active a.node.active.current {
background: #c1c130;
}

#secondaryNavigation li.active a.node.active.parent,#secondaryNavigation li.active a.node.active.current {
font-weight: bold;
}

/* =contentWrapper
--------------------------------------------------------------------------
*/
#contentWrapper {
float: left;
width: 720px;
border-right: 5px solid;

}

.contentOnly #contentWrapper, .noAdverts #contentWrapper {
float: left;
width:  900px;
}

#home #contentWrapper #content {
float: left;
width: 360px;
padding-bottom: 20px;
}

#home #contentWrapper #content .article {
padding: 0;
margin: 20px 30px 20px 20px;
border-bottom: 1px dotted #666; 
}

#home #contentWrapper #content .article h3 {
text-transform: uppercase;
font-size: 1.25em;
margin-top: 8px;
}

#home #contentWrapper #related {
float: left;
width: 359px;
padding-bottom: 20px;
border-left: 1px solid #c1c131;
}

#related #events ul, #related #latestJobs ul {
margin: 0;
}

#related #events ul li, #related #latestJobs ul li {
list-style-type: none;
background: #fff;
padding: 10px;
border-bottom: 1px dotted #666;
}

#related #events ul li:hover, #related #latestJobs ul li:hover {
background: #f0edbe;
}

#related #events ul li h3, #related #latestJobs ul li h3 {
font-size: 1em;
text-transform: uppercase;
}

#related #events ul li p, #related #latestJobs ul li p {
margin: 0;
}

#latestNews h2, #events h2, #latestJobs h2 {
color: #FFF;
text-transform: uppercase;
background: #5f584a;
font-size: 1em;
padding: 10px;
}

#latestNews h2 a, #events h2 a, #latestJobs h2 a{
    color: #FFF;
}

#findAGardenCentre {
background: #c1c131;
padding: 10px;
}

#findAGardenCentre label {
display: block;
font-size: 1.75em;
margin-bottom: 10px;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
}

#findAGardenCentre #txtFind {
width: 260px;
}

/* =promotions
--------------------------------------------------------------------------
*/
#promotions {
float: left;
width: 165px;
padding: 5px;
}

#promotions img {
margin-bottom: 2px;
}

/* =layout
--------------------------------------------------------------------------
*/
#content {
float: left;
min-height: 250px;
}

#content h1 {
text-transform: uppercase;
color: #acad2c;
}

.double #content {
width: 440px;
padding: 20px 30px 20px 40px
}

.noAdverts #content, .noSecondaryNav #content, .contentOnly #content {
width: 620px;
padding: 20px 30px 20px 40px
}

.contentOnly #content {
width: 828px;
}
 .wide #content
{
    width: 620px;
}

.nonav #content
{
    width: 840px;
}

.wide #contentWrapper, .nonav #contentWrapper
{
    width: 900px;
}

#content .featureImage {
float: left;
border: 5px solid #C1E7F2;
padding: 0;
background: #FFF;
margin: 5px 15px 5px 0;
}

#content>img {
margin-bottom: 1em;
}

#content .intro {
font-size: 1.15em;
}


/* =staff profiles
--------------------------------------------------------------------------
*/
#content #staffMembers {
margin-right: 0;
padding-right: 0;
}

#content #staffMembers li {
background: #f0eee3;
border-left: 10px solid #c2c131;
padding: 0 10px 0 0;
margin-bottom: 15px;
color: #433931;
overflow: auto;
}

#content #staffMembers li h2 {
padding-top: 15px;
color: #433931;
font-size: 1.2em;
}

#content #staffMembers li p {
margin: 0;
}

#content #staffMembers li img {
float: left;
margin-right: 15px;
}

/* =job listings
--------------------------------------------------------------------------
*/
.jobListing {
margin-bottom: 30px;
}

.jobListing img {
float: left;
}

.jobListing p {
margin-bottom: 0.8em;
}

.jobListing .date { 
font-size: 0.9em;
margin: 0;
}

.jobHeader {
background: #F0EEE3;
border-bottom: 1px dotted #857A74;
padding: 0 10px 0 0;
margin-bottom: 15px;
color: #433931;
overflow: auto;
padding: 10px;
}

.jobPosition, .jobDescription, .jobApplicationInfo {
border-bottom: 1px dotted #857A74;
margin: 0 0 9px 130px;
}

.jobPosition h3{
font-size: 1em;
}

.jobApplicationInfo {
border-bottom: 0;
}

/* =login 
--------------------------------------------------------------------------
*/
#formLogin {
padding: 18px 0 10px 0;
border-top: 1px dotted #DFDC47;
border-bottom: 1px dotted #DFDC47;
}

#formLogin div {
margin-bottom: 7px;
overflow: auto;
}

#formLogin label {
display: block;
float:  left;
width: 7em;
clear: left;
background: #433931;
color: #FFF;
padding: 10px;
margin-right: 5px;
}

#formLogin input {
background: #F0EFE3;
border: 1px solid #DDDBD6;
padding: 10px;
}

#formLogin input:focus {
background: #FFF;
border: 1px solid #DDDBD6;
}

input#loginSubmit {
background: #C1C030;
text-transform: uppercase;
width: 7.1em;
font-weight: bold;
font-size: 1.2em;
color: #FFF;
}



/* =related 
--------------------------------------------------------------------------
*/
#related {
float: left;
width: 220px;
margin-bottom: 16px;
}

#related a, #related a:hover, #related a:focus { border-bottom: 0; }

/* =footer 
--------------------------------------------------------------------------
*/
#footer {
clear: both;
background: #f0efe3;
color: #666;
margin: 16px 0 0 0;
overflow: auto;
}

#footer div {
float: left;
width: 180px;
background: #f0efe3;
}

#footer div h2 {
background: #60584a;
color: #FFF;
padding: 7px 20px; 
font-size: 1em;
margin-bottom: 10px;
font-weight: normal;
}

#footer div li {
background: none;
padding: 0 10px 0 0; 
list-style-type: none;
font-size: 0.9em;
}

#footer div li a {
color: #433931; 
}

#footer #credit {
clear: left;
float: none;
width: auto;
background: #60584a;
}

#footer p {
font-size: 0.9em;
margin-bottom: 0;
color: #FFF;
padding: 7px 20px; 
}

#footer p a {
color: #FFF;
}

/* =HTML elements
--------------------------------------------------------------------------
*/
p, ul, ol, dl {
margin-bottom: 1em;
}

a:link { color: #c1c131; text-decoration: none; }
a:visited { color: #666; text-decoration: none;  }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #000; text-decoration: none;  }

acronym { border: 0; }

body {
font-family: Arial, Helvetica, Tahoma, sans-serif;
line-height: 1.25em;
background: #282016;
color: #423931;
}

blockquote {
/*font-size: 1.2em;*/
margin: 0;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-style: normal;
}

cite { font-style: normal; }

dd { margin-left: 0; }

em { background: none; }

form { margin-bottom: 1em }

h1, h2, h3, h4, h5, h6 { 
font-weight: bold;
line-height: 1.25;
color: #433931;
}

h1 { font-size: 1.6em; }

h2, h3, h4, h5, h6 { 
font-size: 1.3em;
margin-bottom: 0.2em; 
}

h2 + h3, h3 + h4 { margin-top: 1em; }

img { margin: 0; }

#content ul, #related ul { 
margin-left: 0;
padding-left: 0;
}

#content ul li, #related ul li { 
background: url(/themes/portal/images/icons/bgBullet.png) no-repeat 0 0.25em;
list-style-type: none;
padding-left: 18px;
}

#content ol li { 
margin-left: 4px;
}

#body
{
    padding:5px;
    background:#5F584A none repeat scroll 0 0;
    color:#FFFFFF;
    border-bottom:5px solid #282016;
}

#body h2
{
   color:#FFFFFF;
    }

.Category.cglayoutbox.viewer h2
{
    color:#ACAD2C;
    text-transform:uppercase;
}

#login label
{
    background:#433931 none repeat scroll 0 0;
    clear:left;
    color:#FFFFFF;
    display:block;
    float:left;
    margin-right:5px;
    padding:10px;
    width:120px;

}

#login .cgproperty.viewer .value
{
    padding: 10px;
}
#login .value input
{
    background:#F0EFE3 none repeat scroll 0 0;
border:1px solid #DDDBD6;
padding:10px;
}

#login .value.check input
{
    
}
#login .value.check
{
    margin-left:150px;
    height:40px;
}

#login .value.check label
{
   background-color:#FFFFFF;
color:#000000;
padding:0;

}

#login button
{
    background:#C1C030 none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    text-transform:uppercase;
    width:87px;
    height: 40px;
}

#login .cmdline
{
    text-align: center;
    padding-top: 20px;
}

.cgproperty {
clear:both;
margin-bottom:3px;
min-height:22px;
padding-bottom:2px;
}

.cgproperty label {
float:left;
width:30%;
}


#content .body .text .items ul.cglist , #content .body .text .items li.cglist,  #content .body .text .items ul li
{
padding-left:0px;
background: none;
}

.body .text img {
padding:3px 5px 5px 0;
}