/*--------------- RESET STARTS ---------------*/
body, h1, h2, h3, h4, h5, p, ul, ol, div, dl, dt, dd, pre, fieldset, blockquote, th, td { color: #000;font-family:Arial, Helvetica, sans-serif; line-height: 20px; }	
a { outline: none; }
a img { border: none }
.clear { display: block; clear: both; }
p {
	margin: 0px;
	padding: 0px;
}
/*--------------- RESET ENDS ---------------*/

/*--------------- MAIN LAYOUT STARTS ---------------*/
html, body {
	height: 100%;
	width: 100%;
}
body {
	font-size:12px;
	margin: 0;
	padding: 0;
/*	background-color: #85c226;*/
	background-position: center center;
	text-align: center;
	background-repeat: repeat !important;
}	
#wrapper {
	width: 1080px;
	background-color: #fff;
	margin: auto;
	text-align: left;
}
a {
	color: #f00;
	text-decoration: underline;
}
a:hover {
	color: #000;
}
.menu, .menu li{
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
.cos-header, .cos-content, .cos-footer {
	clear: both;
	/*padding: 10px;*/
}
.cos-footer {
   text-align:center;
   width: 100%;  
   
	}
.cos-content {
	/*width: 950px;*/
	margin: 0px auto;
	width:1080px;
	height:518px;
}
.cos-header {
	display: block;
	/*height: 300px;*/
}
.hide {
	display: none;
}
/*--------------- MAIN LAYOUT ENDS ---------------*/

/*--------------- SEO LOGO ---------------*/
h1#logo{
	float:left;
	position:relative;
	overflow:hidden;
	margin-left: 27px;
	margin-top: 21px;
	display:inline;
}	
h1#logo, h1#logo span {
	height: 205px;
	width: 208px;
	cursor:pointer;
}
h1#logo  {
	margin-bottom: -21px;
	margin-right: -27px;
}
h1#logo span {
	position:absolute;
	background-repeat: no-repeat;
	background-position: left top;
	left: 0;
	top: 208px;
	background-image: url(../images/logo.png);
}
h1#logo a {
	top: -208px;
	position: relative;
}
/*--------------- SEO LOGO END ---------------*/

/*--------------- MAIN MENU STARTS ---------------
ul.menu-navigation {
	text-align: center;
	float: left;
	width: 900px;
	margin: -100px 50px 0px;
	background-color: #80bb23;
	padding: 20px;
}
.menu-navigation li {
	display: inline-block;
	float: right;
	margin: 0px 20px
}
.menu-navigation li a{
	display: block;
	padding: 0px 10px;
	font-weight: bold;
	color: #000;
}
--------------- MAIN MENU ENDS ---------------*/

/*--------------- BREADCRUMB STARTS ---------------*/

/*--------------- BREADCRUMB ENDS ---------------*/

/*--------------- FOOTER MENU STARTS ---------------*/

/*--------------- FOOTER MENU ENDS ---------------*/

/*
----------------------------------------------------------------------------------
START Menu Navigation CSS
----------------------------------------------------------------------------------
*/

/* START Required Styles for Nav */
.menu, .menu * {
	margin: 0;
	padding: 0;
	list-style: none; }
.menu {
	line-height: 14px; }
	.menu ul {
		position: absolute;
		top: -999em;
		width: 10em; /* left offset of submenus need to match (see below) */ }
		.menu ul li {
			width: 100%; }
		.menu li:hover {
			visibility: inherit; /* fixes IE7 'sticky bug' */ }
		.menu li {
			float: left;
			position: relative; }
		.menu a {
			display: block;
			position: relative;
			cursor: pointer; }
			.menu li:hover ul, .menu li.menu-hover ul {
				left: 0;
				top: 27px; /* match top ul list item height */
				z-index: 999; }
			ul.menu li:hover li ul, ul.menu li.menu-hover li ul {
				top: -999em; }
			ul.menu li li:hover ul, ul.menu li li.menu-hover ul {
				left: 10em; /* match ul width */
				top: 0; }
			ul.menu li li:hover li ul, ul.menu li li.menu-hover li ul {
				top: -999em; }
			ul.menu li li li:hover ul, ul.menu li li li.menu-hover ul {
				left: 10em; /* match ul width */
				top: 0; }
/* END Required Styles for Nav */

/* START Custom Styles for the Pulldowns */
.cos-main-nav {
	position: absolute;
	z-index: 999; }
	.cos-main-nav .menu {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px; }
		.cos-main-nav .menu li {
			margin: 0px;
			padding: 0px; }
			.cos-main-nav .menu li a {
				margin: 0;
				display: block;
				background: none;
				padding: 6px 37px 7px 37px;
				font-size: 12px;
				line-height: 14px;
				font-weight: bold;
				color: #cacaca;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-decoration: none; }
				.cos-main-nav .menu li a:hover, .cos-main-nav .menu li.menu-hover a {
					color: #b41301; }
				.cos-main-nav ul.menu li a.on {
					background: transparent url(/images/bg-main-nav-on.jpg) repeat-x top left;
					color: #b41301; }
			/* Sub-tier Pulldowns */
			.cos-main-nav .menu li ul {
				margin: 0;
				border-top: 1px solid #342d2d;
				border-right: 1px solid #342d2d;
				border-left: 1px solid #342d2d;	}
				.cos-main-nav .menu li ul li {
					margin: 0px;
					border-bottom: 1px solid #342d2d;
					background-color: #9ed71d;
					padding: 0px;
					font-size: 9px;
					font-weight: normal;
					text-align: left; }
					.cos-main-nav .menu li ul li a {
						padding: 3px 15px 5px 6px;
						*padding: 4px 15px 4px 6px;
						color: #666666 !important;
						font-weight: normal;
						text-transform: none;
						text-decoration: none; }
					.cos-main-nav .menu li ul li a, .cos-main-nav .menu li ul li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
						color: #666666; }
					.cos-main-nav .menu li ul li:hover, .cos-main-nav .menu li ul li.menu-hover, .cos-main-nav .menu li ul li a:focus, .cos-main-nav .menu li ul li a:hover, .cos-main-nav .menu li ul li a:active {
						background: #101010;
						outline: 0;
						color: #ffffff !important; }
						.cos-main-nav .menu li ul li ul {
							margin: -1px 0 0 0; }
/* END Custom Styles for the Pulldowns */

/* START Arrow Styles for the Pulldowns */
	.menu a.sf-with-ul {
		padding-right: 2.25em;
		min-width: 1px; } /* trigger IE7 hasLayout so spans position accurately */
	.sf-sub-indicator {
		position: absolute;
		right: .5em;
		top: .5em; /* IE6 only */
		display: block;
		overflow: hidden;
		background: url(/images/main-nav-arrows.png) no-repeat -10px -50px; /* 8-bit indexed alpha png. IE6 gets solid image only */
		width: 10px;
		height: 10px;
		text-indent: -999em; }
		a > .sf-sub-indicator {  /* give all except IE6 the correct values */
			top: .4em;
			background-position: 0 -50px; } /* use translucent arrow for modern browsers*/
			/* background-position: 0 -100px; DEFAULT */

		/* apply hovers to modern browsers */
		a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.menu-hover > a > .sf-sub-indicator {
			background-position: -10px -50px; } /* arrow hovers for modern browsers*/ 
			/* background-position: -10px -100px; DEFAULT */
		
		/* point right for anchors in subs */
		.menu ul .sf-sub-indicator {
			background-position:  -10px 0; }
		.menu ul a > .sf-sub-indicator {
			background-position:  0 0; }
		/* apply hovers to modern browsers */
		.menu ul a:focus > .sf-sub-indicator, .menu ul a:hover > .sf-sub-indicator, .menu ul a:active > .sf-sub-indicator, .menu ul li:hover > a > .sf-sub-indicator, .menu ul li.menu-hover > a > .sf-sub-indicator {
			background-position: -10px 0; } /* arrow hovers for modern browsers */
/* END Arrow Styles for the Pulldowns */

/*
----------------------------------------------------------------------------------
END Menu Navigation CSS
----------------------------------------------------------------------------------
*/
#breadcrumb {
			clear: both;
			padding: 34px 0px 2px 0px;
			height: 20px;
			margin-bottom: 0px;}
			#breadcrumb ul {
				margin-bottom:0px;}
				#breadcrumb li.breadcrumb-page {
					display: inline;
					padding: 0px 17px 0px 7px;
					margin-bottom: 0px;
					font-size:11px;
					#breadcrumb li.breadcrumb-page a {
						color: #666666;}
						#breadcrumb li.breadcrumb-page a:hover {
							color: #FFFFFF;}
					#breadcrumb li.on {
						color: #FFFFFF;
						background: none;}	
						
ul.menu-navigation {
	margin-top: 250px;
	clear: both;
}
ul.lc-bottom-nav li{
	padding: 0px 20px;
	margin: 0px 20px;
	display: block;
}