@charset "utf-8";

/* Basic styles - Life is a Garden */ 

@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);

body {
font-family: Arial, sans-serif;
background:#ffe184 url(/themes/liag/images/bg_footer.gif) top center repeat-y;
margin:0px;
}

#body {
width:100%;
background:#ffe184 url(/themes/liag/images/bg_body.gif) top center repeat-y;
}

a, a img {
border:none;
text-decoration:none;
color:#336600;
}

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

.clear {
clear:both;
line-height:1px;
font-size:1px;
display:block;
margin:0px;
padding:0px;
}

p {
color:#4c2432;
font-size:11px;
line-height:14px;
margin:0px 0px 10px 0px;
}

#body .text ul {
font-family:Arial,sans-serif;
font-size:11px;
line-height:14px;
}

h1, h2, a h2, h2 a {
color:#89c65a;
margin:0px 0px 10px 0px;
font-family:Verdana, Geneva, sans-serif;
	font-size:26px;
	font-weight:normal;
}

h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#336600;
font-weight:normal;
margin:0px 0px 10px 0px;
}

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

h4 {
font-family:Arial, sans-serif;
font-size:14px;
color:#89c65a;
font-weight:bold;
}

h4, a h4, h4 a {
color:#89c65a;
}

h5 {
color:#4c2432;
font-size:12px;
font-weight:bold;
margin:0px;
}

hr {
color:#4c2432;
background-color:#4c2432;
height:1px;
border:none;
margin:0px;
padding:0px;
}


.floatleft {
float:left;
}

.floatright {
float:right;
}


/* Main Containers */

#container {
width:962px;
margin:0px auto;
background:#fff;
text-align:left;
}
.profileimage {     /* added 11.03.10 */
padding-bottom:2px;
padding-right:5px;
padding-top:2px;
}



/* HEADER */

#header {
width:962px;
background:#4c2432 url(/themes/liag/images/bg_head.jpg) top right no-repeat;
height:98px;
}
#nav {
width:962px;
background:#89c65a url(/themes/liag/images/bg_nav.gif) top left no-repeat;
height:30px;
}

#nav div {
float:left;
padding:7px;
margin-left:10px;
}

#nav div.current {
	background:url(/themes/liag/images/bg_navsel.gif) top left repeat-x;
}

#nav a {
color:#FFF;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#nav a:hover {
color:#ffdd6d;
}

#footer {
width:962px;
height:30px;
font-size:10px;
color:#FFF;
background:#89c65a;
}

#bottom {
width:962px;
background:#fff;
text-align:left;
height:60px;
margin:0px;
padding:0px;
clear:both;

}

#footer div {
padding:10px;	
}

#footer a {
color:#FFF;
}

#search {
float:right;
background:url(/themes/liag/images/search.png) top left no-repeat;
width:91px;
height:43px;
text-align:right;
padding:10px;
margin:16px 10px 0px 0px 
}

#search input.field{
width:90px;
}

#search input.submit{
margin-left:50px;
margin-top:8px;
}

#welcome {
background:#fff url(/themes/liag/images/welcome.jpg) top left no-repeat;
padding: 10px 170px 10px 20px;
height:407px;
}

#welcome h2 {
font-family:Verdana, Geneva, sans-serif;
font-size:21px;
color:#fff;
font-weight:normal;
}

#welcome p {
color:#FFF;
font-size:11px;
}

#content {
background:#fff;
padding: 15px;
}

#content h2 {
font-family:Verdana, Geneva, sans-serif;
font-size:26px;
color:#89c65a;
font-weight:normal;
}

#content h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
color:#336600;
font-weight:bold;
}

#content p {
color:#4c2432;
font-size:11px;
}

#main {
background:#fff;
}

#col1 {
float:left;
width:368px;
min-height:427px;
height:auto !important;
height:427px;
}
#col2 {
width:420px;
float:left;
background:#fff;
min-height:427px;
height:auto !important;
height:427px;
}
#col3 {
border-left:1px solid #ccc;
border-right:1px solid #ccc;
width:172px;
float:left;
min-height:427px;
height:auto !important;
height:427px;
}

#subfeature {
width:962px;
background:#ffe184 url(/themes/liag/images/bg_subfeature.gif) top left repeat-x;
min-height:358px;
height:auto !important;
height:358px;
}

#subfeature .sfitem {
width:425px;
border:1px solid #89c65a;
background:#fff;
float:left;
margin-left:23px;
margin-top:13px;
padding:10px;
min-height:138px;
height:auto !important;
height:138px;
}

#subfeature .sfitem h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:18px;
color:#4c2432;
font-weight:normal;
margin:0px;
padding:0px;
}

#subfeature .sfitem p {
color:#4c2432;
font-size:11px;
margin:0px;
padding:3px 0px;
}

#subfeature .sfitem img {
float:left;
padding-right:10px;
}

#regular table {
width:172px;
}
#regular table td.regulartxt {
height:70px;
background:#a59198 url(/themes/liag/images/bg_regtxt.gif) top left repeat-x;
width:102px;
padding:5px;

color:#4c2432;
font-size:10px;
vertical-align:top;
}
#regular table td.regularimg {
height:80px;
background:#fff url(/themes/liag/images/bg_regimg.gif) top left repeat-x;
width:60px;
}

.regularhead {
width:162px;
color:#fff;
background:#4c2432;
padding:5px;
font-size:12px;
font-family:Arial, sans-serif;
font-weight:normal;
}


/* SUBNAV (revised)*/

#subnav {
margin:0px;
padding:0px 0px 20px 0px;
font-family:Arial, sans-serif;
font-size:12px;
background: url(/themes/liag/images/bg_leftcol.gif) top left repeat-y;
}

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

#subnav ul {
width:210px;
margin:0px 0px 0px 6px;
padding:0px 0px 0px 0px;
list-style-type:none;
}

#subnav ul li {
width: inherit;
margin:0px;
padding: 2px 5px 2px 25px;
background:#4c2432 url(/themes/liag/images/leaf.gif) center left no-repeat;
color:#fff;
font-size: 12px;
display: block;
margin-bottom:3px;
}

#subnav ul li.open {
margin-bottom:0px;
}

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

#subnav ul li.level2 {
width: 210px;
margin:0px;
padding:0px;
background:#4c2432;
}

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

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

#subnav ul li ul {
background: #4c2432;
width: auto;
}


#subnav ul li ul li {
width: inherit;
margin:0px;
padding: 2px 5px 2px 25px;
background:url(/themes/liag/images/leaf.gif) center left no-repeat;
color:#99ad08;
font-size: 12px;
}

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

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

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

#subnav ul li ul li a {
color:#89c65a;
}

/* 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;
}

#subnav li.level2, #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;
}

#subnav li.level3 ul, #subnav li.level4 ul,  #subnav li.level5 ul, #subnav li.level6 ul, #subnav li.level7 ul {
background: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;
}

/* style hacks */
/* To turn h2 into h3 for list items in page content */
.Story h2 {
font-family:Verdana, Geneva, sans-serif !important;
font-size:14px !important;
color:#336600 !important;
font-weight:normal !important;
margin:0px 0px 10px 0px !important;
}

.cmdline a {
	color:#336600 !important;
	font-size:11px !important;
}

.cmdline a:hover {
	color:#89c65a !important;
}

input.searchfield
{
	width: 90px;
	margin-bottom:8px;

}