/************************************************************
*  Design and Development by 220 Innovations (www.220i.co.uk)					
*  Copyright 2004 - 2007 - 220 Innovations. All rights reserved.	
************************************************************/

* {
	padding: 0;
	margin: 0;
}
/*html {
	height: 100%;
}*/
body {
	padding: 0px;
	margin: 0px;
	font-family:  Geneva, Arial, Helvetica, sans-serif, "Verdana", "Lucida Grande", sans-serif;
	/*background: #FFF url('../images/bg-grid.gif')  top left repeat;*/
background-color: #e7e7e7;
	font-size: 12px;
}
img {
	border: none;
}
/* Lists */
ul li {
  list-style-image: url(../images/bullet.gif);
  margin: 0px 0px 0px 50px;
  color: #319737;
}


input, textarea
{
    font-family:  Geneva, Arial, Helvetica, sans-serif, "Verdana", "Lucida Grande", sans-serif;
	color: #000000;
	border: 1px dashed;
	border-color: #888888 #888888 #aaaaaa #aaaaaa;
	padding: 2px 2px 3px 2px;
	font-size: 1em;
}

input:focus, textarea:focus
{
	border-color: #000000;
}


/************************************************************
* Main
************************************************************/

p, ul, ol, table {
	color: #454545;
	margin: 0 0 .75em;
	line-height: 1.5em;

}
p.meta {
	font-size: 12px;
	color: #666666;
}

h1 {
	font-family:  'Georgia', Arial, Helvetica,;
	font-weight: bold;
	color: #287b2d;
	font-size: 20px;
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
	margin-bottom: 20px;
}
h2 {
	padding-top: 10px;
	color: #CCC;
}
a:link,
a:visited {
	color: #319737;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link img,
a:visited img {
	border: none;
}
span.hilite-green {
	background: #eaffc1;
}

/* Page Structure
----------------------------------------------- */

#logo {
	position: absolute;
	left: -34px;
	bottom: 0px;
	margin: 0px;
	width: 200px;
	height: 173px;
	text-indent: -3000px;
	z-index: 0;
	outline: 0;
	border-bottom: 0px solid #ddd;
	background: transparent url(../images/logo.png) left bottom no-repeat;
}
* html #logo {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png",sizingMethod="scale"); 
}
#logo a {
	display: block;
	width: 200px;
	height: 120px;
}


#header {
	position: relative;
	display: block;
	margin: 0 auto;
	height: 170px;
	background: #dedede url(../images/header_img.jpg) right top no-repeat;
}
#wrapper {
	position: relative;
	width: 740px;
	margin: 7px auto 0 auto;
	padding-bottom: 20px;
}

#wrapper p{
	
	padding-bottom: 0px;
}

#wrapper2 {
	background: white;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}


#grey {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
	padding: 5px 0 0 10px;
	margin: 0;
	border-bottom: 2px solid #319737;
	background: #CCC url(../images/bg-grey.gif) repeat-x;
}
#grey h2 {
	font-family:  sans-serif, "Lucida Grande", sans-serif;
	letter-spacing: -1px;
	color: #319737;
	font-size: 25px;
	margin: 0px;
	padding-bottom: 2px;
}
#grey p {
	font-size: 12px;
	color: #000;
	
	margin: 0;
	padding-bottom: 10px;
	line-height: 17px;
}
#grey .btn {
	position: absolute;
	top: 42px;
	right: 20px;
}
#grey .small_txt {
	font-weight: bold;
	font-size: 11px;
	color: #5d5d5d;
}

.dark {
	font-size: 25px;
	color: #5d5d5d;
}

.green{
	color: #319737;
}

.mandatory {
	color: #ec2d2d;
}

#content {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 20px;
	padding: 0;
}
#content #col1 {
	float: left;
	width: 500px;
	font-size: 13px;
	padding-right: 15px;
	border-right: 1px solid #ddd;
}
#content.no-col #col1 {
	width: 700px;
	border: none;
	float: none;
}
#content #sidebar {
	width: 168px;
	float: right;
	font-size: 12px;
	color: #5f5f5f;
}


#footer {
	/*position: relative;
	overflow: hidden;*/
	font-size: 11px;
	height: 100%;
	background: #FFF url(../images/bg-footaer.gif) repeat-x;
	border-top: #CCC 1px solid;
}

#footer a {
	color: #92897f;
	
}
#footer a:hover {
	color: #92897f;
	text-decoration: underline;
}
#footer .copywrite {
	display: block;
	clear: left;
	line-height: 30px;
	padding: 0 0 0 20px;
	margin: 0;
	color: #CCC;
	background: #319737 url(../images/footer-corners.gif) bottom left no-repeat;
}
#footer .copywrite a {
	color: #FFF;
}
#footer img{
  padding-right: 40px;
  padding-left: 20px;
  padding-bottom: 10px;
}
#footer .about {
	float: right;
	margin: 20px 20px 0 0;
	padding-left: 20px;
	width: 160px !important;
	width: 140px;
	color: #555;
	font-size: 10px;
	line-height: 1.4em;
	border-left: 1px solid #92897f;
}
#footer .first {
	margin-left: 20px;
}
#footer .s {
	font-family: sans-serif;
	font-size: 13px;
	color: #AAA;
	font-weight: bold;
}

/* Sidebar
----------------------------------------------- */
#content #sidebar p {
	line-height: 1.7em;
	padding-bottom: 3px;
	color: #454545;
}
#content #sidebar h2 {
	font-family:  'Georgia', Arial, Helvetica,;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	color: #18731e;
	font-size: 16px;
	padding: 12px 0px 3px 0;
	margin: 0 0 5px 0;
}

#sidebar ul li {
	line-height: 1.9em;
	list-style-image: url(../images/bullet.gif);
	margin: 0px 0px 0px 15px;
}

#sidebar hr {
	display: block;
	height: 1px;
	border: none;
	margin: 12px 0 12px 0;
	border-bottom: 1px dotted #878787;
}

div.hilite {
	display: block;
	background: #f7f7f7;
	padding: 3px;
	margin: 12px 0;
	color: #333;
	border: 1px solid #e4e4e4;
}
div.hilite label {
	font-weight: bold;
}
#content #sidebar ul {
	padding: 0px;
}
#content #sidebar h2.title {
	display: block;
	height: 34px;
	text-indent: -3000px;
	outline: 0;
	margin: 0px;
	clear: both;
	border: none;
	padding: 0px 0px 8px 0px;
}



/* Taglines
----------------------------------------------- */
#tagline-1 {
	position: absolute;
	top: 12px;
	left: 170px;
	width: 162px;
	height: 21px;
	text-indent: -3000px;
	outline: 0;
	background: transparent url(../images/tagline-1.gif) top left no-repeat;
}
#tagline-2 {
	position: absolute;
	top: -23px;
	left: 20px;
	width: 741px;
	height: 24px;
	text-indent: -3000px;
	outline: 0;
	background: transparent url(../images/tagline-2.png) top left no-repeat;
}


/************************************************************
*  Navigation
************************************************************/
#nav ul  {
	list-style: none;
	white-space: nowrap;
	position: absolute;
	bottom: 0px;
	left: 260px;
	margin: 0px;
	padding: 0px;
}

#nav ul li  {
	display:inline;
}

#nav ul a  {
	float: left;
	font-family: 'Georgia';
	background: #56BC50 url(../images/tabs/tab-right.gif) no-repeat right top;
	text-decoration: none;
	border-style: none;
	margin: 0px 4px 0px 0px;
	display: block;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	width: 115px;
	text-align: center;
}

#nav ul span  {
	background: url(../images/tabs/tab-left.gif) no-repeat left top;
	padding: 5px 7px 5px 7px;
	float: left;
	display:block;
	color: #FFFFFF;
}

#nav ul a:hover,  #header ul #current a  {
	background-position: 100% -70px;
}

#nav ul a:hover span,  #header ul #current a span  {
	background-position: 0% -70px;
	color: #454545;
}

#nav ul a:hover span  {
	color: #888;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav ul a span  {
	float:none;
}


#dontseeme {
	display: none;
	text-indent: -99999px;
	color: #000000;
	font-size: 0px;
	letter-spacing: -1px;
}

.width200 {
width:300px;
}