/* Basic styles - NGIA Main Theme */

@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);
@import url(polls.css);


body {
font-family: Arial, sans-serif;
background:url(/themes/portal/images/bg_body.gif) top center repeat;
}

a {
border:none;
text-decoration:none;
color:#527a00;
}

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

a img {
color:#527a00;
}

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

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

h1 {
color:#408000;
font-size:24px;
font-weight:bold;
margin:0px 0px 10px 0px;
}

h2 {
color:#408000;
font-size:24px;
font-weight:bold;
margin:0px 0px 10px 0px;
}

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

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

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

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

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

.floatleft {
float:left;
}

.floatright {
float:right;
}


/* Main Containers */

#container {
width:962px;
margin:0px auto;
text-align:left;   /* added 11.03.10 */
}

/* HEADER */

#header {
width:951px;
background:transparent url(/themes/portal/images/bg_header.gif) top left no-repeat;
border-right:1px solid #ddd;
padding-right:10px;
height:91px;
}

#nav {
width:940px;
background:#99ad08 url(/themes/portal/images/bg_nav.gif) top left repeat-x;
padding:8px 10px 6px 10px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

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

#search {
float:right;
text-align:right;
width: 122px;
height:46px;
padding:10px;
background:url(/themes/portal/images/search.gif) top right no-repeat;
margin:13px 0px;
}

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

#logo {
padding:10px;
}

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


/* FOOTER */

#footer {
width:960px;
border:1px solid #ccc;
padding-top:10px;
background:#fff url(/themes/portal/images/bg_sponser.gif) top left no-repeat;
}

#partners {
width:194px;
font-size:11px;
font-weight:bold;
float:left;
text-align:left;
}

#sponsors {
text-align:right;
padding:5px 10px;
}

#sponsors a img, #sponsors a {
border:none;
padding:0px;
margin:0px;
}

#copyright {
background:#99ad08 url(/themes/portal/images/bg_footer.gif) top left no-repeat;
font-size:11px;
color:#fff;
padding:5px 10px;
text-align:center;
margin-top:5px;
}

#copyright a {
color:#fff;
}

/* MAIN */

#main {
background:#fff;
width:960px;
border: 1px solid #ccc;
}

#leftcol {
float:left;
width: 180px;
padding: 10px;
}

#rightcol {
float:left;
width: 196px;
padding:5px 10px;
background-color:#FFF;
}

#content {
width: 541px;
float:left;
border-left: 1px solid #dbdead;
}

#fullcontent {
width: 757px;
float:left;
border-left: 1px solid #dbdead;
}

.article {
padding:0px 10px 20px 10px;
border-right: 1px solid #dbdead;
font-size:12px;
}

.imgborder {
padding: 5px;
background:#dbdead;
border: 1px solid #99ad08;
margin:10px;
float:right;
}

.profileimage  {                     /* added 11.03.10 */
padding-bottom:2px;
padding-right:5px;
padding-top:2px;
}

#contentarea {
/*width:762px;*/
background:#fff url(/themes/portal/images/bg_main.gif) top left no-repeat;
padding:30px 0px 0px 0px;
}

.webbox {
padding:5px;
border:1px solid #ddd;
font-size:11px;
}

.webbox  p {
margin:5px 0px;
}

.webbox h4 {
margin:5px 0px;
}

.webbox a, .webbox a img {
	border: none;
}

.related-item a, .related-item a img {
	border: none;
}

/* Breadcrumb */

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

#breadcrumb a {
color:#999;
text-decoration:none;
}

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

#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:#999;
	}


/* SUBNAV (revised)*/

#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: #99ad08 url(/themes/portal/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/portal/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/portal/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 #fff;
}

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

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

#subnav ul li ul {
background: #dbe2a9 url(/themes/portal/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/portal/images/bulletsub_c.gif) center left no-repeat;
color:#99ad08;
font-size: 12px;
font-weight:bold;
}

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

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

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

#subnav ul li ul li a {
color:#99ad08;
}

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

#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*/

#ads {
float:left;
width: 176px;
padding:5px 10px;
background-color:#FFF;
}

#ads a img{
margin-top:5px;
border: 1px solid #408000;
}

.states {
border: 1px solid #408000;
}

#indexmain {
float:left;
width:762px;
border-right: 1px solid #408000;
}

#indexcontent {
width: 561px;
float:left;
border-left: 1px solid #dbdead;
}

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

#newscol {
float:left;
width: 215px;
padding: 10px;
border-left: 1px solid #dbdead;
}

#newscol p {
margin:5px 0px;
}

#newscol h4 {
margin:5px 0px;
}

/* POLL */

#poll {
width: 160px;
padding: 10px 10px 0px 10px;
background:#408000 url(/themes/portal/images/corner_tl.gif) top left no-repeat;
color:#FFF;
margin:0px;
}
#poll p {
padding: 0px;
margin:5px 0px 0px 0px;
color:#FFF;
font-size:11px;
}
#poll form {
padding: 0px;
margin: 0px;
}
#pollbottom {
width: 180px;
height:20px;
background:#408000 url(/themes/portal/images/corner_br.gif) bottom right no-repeat;
margin:0px;
padding:0px;
}

#poll h5 {
color:#FFF;
border-bottom:1px solid #fff;
}


/* 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:#408000 !important;
font-weight:normal !important;
margin:0px 0px 10px 0px !important;
}

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

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


div.body a img, div.body a {
	border:none;
}

/* remove green border on left column */


.related-item a, .related-item a img {
	border: none;
}