/* Basic styles - Garden Life Careers */

body {
font-family: Arial, sans-serif;
background:#f7cc52 url(/themes/glc/images/body_bg.jpg) top center repeat-x;
margin:0px;
}

a {
border:none;
text-decoration:none;
color:#50b748;
}

a:hover {
border:none;
text-decoration:none;
color:#006937;
}

a img {
color:white;  /*changed at Fiona's request for images in body content - JMR */
}

.clear {
clear:both;
line-height:1px;
font-size:1px;
}

p {
color:#333;
font-size:12px;
line-height:15px;
}

h2, a h2, h2 a {
color:#50b748;
font-size:24px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding-bottom:10px;
background:url(/themes/glc/images/h2_bg.gif) bottom left no-repeat;
}

h2, a h2, h2 a {
color:#50b748;
}

h3 {
color:#ea2227;
font-size:18px;
font-weight:normal;
margin:0px;
}

h3, a h3, h3 a {
color:#ea2227;
}

h4 {
color:#50b748;
font-size:12px;
font-weight:bold;
margin:0px;
}

h4, a h4, h4 a {
color:#50b748;
}

h5 {
color:#666;
font-size:14px;
font-weight:bold;
margin:0px;
}

hr {
color:#dbdead;
background-color:#dbdead;
height:1px;
border:none;
}

li {
color:#006937;
font-weight:normal;
}

.floatleft {
float:left;
}

.floatright {
float:right;
}


/* Main Containers */

#container {
width:962px;
margin:0px auto;
}


/* HEADER */

#header {
width:962px;
height:164px;
}

#nav {
width:942px;
background:url(/themes/glc/images/nav_bg.gif) top left repeat-x;
padding:4px 10px 6px 10px;
text-align:center;
clear:both;
height:16px;
}

#nav div a {
color:#FFF;
font-size:14px;
font-weight:bold;
display:block;
padding:0px 24px;
float:left;
}

#nav div a:hover {
color:#ffdd07;
}

#search {
float:right;
text-align:right;
width: 128px;
height:54px;
padding:15px 10px 10px 10px;
background:url(/themes/glc/images/search_bg.gif) top right no-repeat;
margin:45px 0px 0px 0px;
}

input.searchfield {
width:116px;
margin-bottom:3px;
}

#logo {
float:left;
width:800px;
height:120px;
padding:10px 10px 10px 0px;
background:transparent url(/themes/glc/images/banner_bg.jpg) top right no-repeat;
}

#logo a, #logo a img {
border:none;
}


/* FOOTER */

#footer {
width:962px;
padding-top:10px;
height:40px;
background:url(/themes/glc/images/footer_bg.gif) top left repeat-x;
}

#copyright {
font-size:11px;
color:#fff;
padding:5px 20px;
text-align:center;
margin-top:5px;
}

#copyright a {
color:#fff;
}

/* MAIN */

#main {
background:#fff url(/themes/glc/images/main_bg.gif) top right repeat-y;
width:960px;
border: 1px solid #ccc;

}

#leftcol {
float:left;
width: 180px;
padding: 15px 10px;
background:url(/themes/glc/images/leftcol_bg.gif) top left repeat-x;
}

#rightcol {
float:left;
width: 226px;
padding:10px 10px;
background:transparent;
}

#content {
padding-top:5px;
width: 511px;
float:left;
background:#fff url(/themes/glc/images/content_bg.gif) top left repeat-x;
}

#content1col {
padding:10px 20px;
}

#content2col {
padding-top:5px;
width: 759px;
float:left;
background:#fff url(/themes/glc/images/content_bg.gif) top left repeat-x;
}

#breadcrumb {
padding:10px;
color:#C00;
font-size:11px;
}

#breadcrumb a {
color:#C00;
}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	color:#C00;
	}


.article {
padding:0px 10px 20px 10px;
font-size:12px;
}

.article img.imgborder {
padding: 5px;
background:#eee;
border: 1px solid #ddd;
margin:10px;
float:left;
}



#contentarea {
/*width:762px;*/
background:#fff url(/themes/glc/images/content_bg.gif) top left repeat-x;
padding:0px 0px 0px 0px;
}

.webbox {
padding:5px;
font-size:11px;
}

.webbox  p {
margin:5px 0px;
color:#006937;
}

.webbox h4 {
font-size:12px;
margin:5px 0px;
}



/* SUBNAV */

#subnav {
margin:0px 0px 10px 0px;
}

#subnav h5 {
margin:0px 0px 10px 0px;
}

#subnav ul {
width:180px;
margin:0px;
padding:0px;
list-style-type:none;
background: #8bc541 url(/themes/glc/images/submenuC_bg.gif) top left repeat-y;
}

#subnav ul li {
width: inherit;
margin:0px;
padding: 5px 5px 5px 20px;
border-bottom:1px solid #fff;
background:url(/themes/glc/images/bullet_c.gif) center left no-repeat;
color:#fff;
font-size: 12px;
font-weight:bold;
display: block;
}

#subnav ul li.open {
background:url(/themes/glc/images/bullet_o.gif) center left no-repeat;
margin-bottom:0px;
}

#subnav ul li a {
color:#fff;
font-size: 12px;
font-weight:bold;
border:none;
}

#subnav ul li.level2 {
width: inherit;
margin:0px;
padding:0px;
border-top:1px solid #29843a;
}

#subnav ul li.current {
background:url(/themes/glc/images/bullet_current.gif) center left no-repeat;
}

#subnav ul li.current a {
color:#ffca07;
}

#subnav ul li ul {
background: #8bc541 url(/themes/glc/images/submenuO_bg.gif) top left repeat-y;
width: auto;
}


#subnav ul li ul li {
width: inherit;
margin:0px;
padding: 5px 5px 5px 30px;
border-bottom:1px solid #fff;
background:url(/themes/glc/images/bullet_sub_c.gif) center left no-repeat;
color:#fff;
font-size: 12px;
font-weight:bold;
}

#subnav ul li ul li.open {
background:url(/themes/glc/images/bullet_sub_o.gif) center left no-repeat;
}

#subnav ul li ul li.current {
background:url(/themes/glc/images/bullet_sub_current.gif) center left no-repeat;
}

#subnav ul li ul li.current a {
color:#ffca07;
}

#subnav ul li ul li a {
color:#fff;
}

/* These 2 styles need to be repeated for every level that can exist - Is there a way of using a loop to create these styles based on the maximum level count? */

#subnav li.level2 ul li, #subnav li.level3 ul li, #subnav li.level4 ul li,  #subnav li.level5 ul li, #subnav li.level6 ul li, #subnav li.level7 ul li {
width: inherit;
border:none;
border-top:1px solid #29843a;
}

#subnav li.level3, #subnav li.level4, #subnav li.level5, #subnav li.level6, #subnav li.level7 {
width: inherit;
margin:0px;
padding:0px 0px 0px 5px;
background:none;
border:none;
}


#subnav li.level3 ul, #subnav li.level4 ul,  #subnav li.level5 ul, #subnav li.level6 ul, #subnav li.level7 ul {
background:none;
width:auto;
}

/*Front page specific styles*/

#indexcontent {
width: 711px;
float:left;
background:#fff url(/themes/glc/images/content_bg.gif) top left repeat-x;
}

.indexarticle {
padding:20px 20px 10px 30px;
background:transparent url(/themes/glc/images/getoutandgetgreen.jpg) bottom right no-repeat;
float:none;
}

#indexcontent h2 {
background:url(/themes/glc/images/h2_index_bg.gif) bottom left no-repeat;
}

#indexcontent .article {
float:left;
width:380px;
padding:0px;
}


#intro {
float:left;
width: 305px;
padding: 10px;
}

.newswebbox {
padding:5px;
font-size:11px;
}

.newswebboxitem {
padding:5px 10px;
font-size:11px;
background:#ffca07 url(/themes/glc/images/newswebbox_bg.gif) top left no-repeat;
width:200px;
margin-bottom:10px;
}

.newswebboxitem  p {
margin:5px 0px;
color:#000;
}

.newswebbox h3 {
margin-bottom:10px;
}

.newswebboxitem h4 {
font-size:14px;
color:#FFF;
margin:5px 0px;
}

.newswebboxitem  a {
color:#006937;
}

/* Feature */
#featurecol {
float:right;
width: 262px;
}

#feature {
padding: 10px;
background:#8bc541 url(/themes/glc/images/feature_bg.gif) top left repeat-x;
color:#FFF;
margin:0px;
border:1px solid #ffca07;
font-size:12px;
}

#feature p {
color:#FFF;
}

#feature h4 {
color:#8bc541;
font-size:16px;
}

#feature td {
padding:10px 0px;
font-weight:bold;
}

.yes {
width:56px;
height:31px;
background:url(/themes/glc/images/yes.png) top left no-repeat;
}

.yes a, .yes a img {
border:none;
text-decoration:none;
}


/* Company / Person Directory */

.Location .cglayoutbox 
{
	background: 						white url(/themes/portal/images/dir_bg.gif) repeat-x bottom;
	-moz-border-radius: 				5px;
	-webkit-border-radius: 				5px;
	border: 							1px solid #DEE1B6;
	padding: 							10px;
	margin-top:							4px;
}

#main .body h2.Correspondence 
{
	font-size:								12px;
	padding-left:							3px;
}

#main .body h2.CorrespondenceandDelivery 
{
	font-size:								12px;
	padding-left:							3px;
}

#main .body h2.Delivery 
{
	font-size:								12px;
	padding-left:							3px;
}

.subcats
{
	margin-bottom: 						15px;
}