* {
	padding: 0;
	margin: 0; } 
body {
	background: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #555;
	line-height: 17px; }
img {
	border: none; }
a {
	color: #336699; }
a:hover {
	text-decoration: none;
	color : #999; }
h3 {
	border-bottom: 1px dotted #aaa;
	color: #666;
	padding-bottom: 4px;
	margin: 14px 0 7px 0;
	font-weight: 100;
	font-size: 22px;
	letter-spacing: -1px; }
h3 a {
	color: #111;
	text-decoration: none;
	font-size: 22px;
	letter-spacing: -1px; }
h3 a:hover {
	color: #999; }

#wrap {
	width: 800px;
	margin: 20px auto; }

/*------------------------------------*\
	HEADER
\*------------------------------------*/

#header {
	background: #fff url(../img/header.jpg) no-repeat;
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	height: 140px; }
#header h1 {
	font-size: 30px;
	font-weight: 100;
	letter-spacing: -3px;
	padding: 40px 0 0 30px;
	text-align: left; }
#header h1 a {
	color: #111;
	text-decoration: none; }
#header h1 a:hover {
	color: #111;
	text-decoration: none; }
#header h2 {
	font-size: 16px;
	color: #5E944B;
	padding: 4px 0 0 30px;
	text-align: left;
	font-weight: 600;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; }
#header a {
	font-size: 16px;
	color: #5E944B;
	text-decoration:none;
	padding: 4px 0 0 30px;
	text-align: left;
	font-weight: 600;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; }

/*------------------------------------*\
	MENU
\*------------------------------------*/

#menu {
	background: #fff url(../img/menu.jpg) no-repeat;
	height: 30px;
	line-height: 30px;
	padding-left: 30px; }
#menu li {
	float:left;
	list-style-type:none; }
#menu li a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	color: #111; }
#menu li a:hover {
	color:#111;
	text-decoration:none;
	background: #B1C3D7 url(../img/menuover.jpg) repeat-x; }

#content_wg { 
	padding: 0 20px;
	background: #fff url(../img/content_wg.jpg) repeat-y; }

#content_gw { 
	padding: 0 20px;
	background: #fff url(../img/content_gw.jpg) repeat-y; }

#content_gg { 
	padding: 0 20px;
	background: #fff url(../img/content_gg.jpg) repeat-y; }

/*------------------------------------*\
	RIGHT_W
\*------------------------------------*/

#right_w {
	padding: 10px 0px 0px 0px;
	width: 540px;
	float: right;
	font-size: 12px;
	text-align: justify; }

#right_w h3 {
	font-size: 20px;
	line-height: 26px;
	border: none;
	margin: 0;
	color: #5E944B;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; 
	border-bottom: 1px dotted #aaa; }

/*------------------------------------*\
	RIGHT_G
\*------------------------------------*/

#right_g {
	padding: 10px 0px 0px 0px;
	width: 210px;
	float: right;
	font-size: 12px;
	text-align: justify; }

#right_g h3 {
	font-size: 20px;
	line-height: 26px;
	border: none;
	margin: 0;
	color: #fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; 
	border-bottom: 1px dotted #111; }

/*------------------------------------*\
	LEFT_W
\*------------------------------------*/

#left_w {
	padding: 10px 0px 0px 0px;
	width: 540px;
	float: left;
	font-size: 12px;
	text-align: justify; }

#left_w p {
	padding: 5px 10px 0px 10px; }

#left_w a {
	color: #555;
	text-decoration: underline; }

#left_w ab {
	color: #555;
	text-decoration: underline;
	font-weight: bold; }

#left_w a:hover {
	color: #555;
	text-decoration: underline; }

#left_w h3 {
	font-size: 20px;
	line-height: 26px;
	border: none;
	margin: 0;
	color: #5E944B;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; 
	border-bottom: 1px dotted #aaa; }

#left_w ul {
	list-style-type: none;
	padding: 10px 0 20px 20px; }
#left_w ul li {
	padding: 2px 0 3px 0; }
#left_w ul li a {
	color: #111;
	font-weight: 100;
	display: block;
	text-decoration: none;
	font-size: 12px; }
#left_w ul li a:hover {
	color : #fff; }

/*------------------------------------*\
	LEFT_G
\*------------------------------------*/

#left_g {
	padding: 10px 0px 0px 0px;
	width: 210px;
	float: left;
	font-size: 12px;
	text-align: left; }

#left_g p {
	padding: 5px 10px 0px 10px; }

#left_g a {
	color: #555;
	text-decoration: underline; }

#left_g a:hover {
	color: #555;
	text-decoration: underline; }

#left_g h3 {
	font-size: 20px;
	line-height: 26px;
	border: none;
	margin: 0;
	color: #fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px; 
	border-bottom: 1px dotted #111; }

#left_g ul {
	list-style-type: none;
	padding: 10px 0 20px 20px; }
#left_g ul li {
	padding: 2px 0 3px 0; }
#left_g ul li a {
	color: #111;
	font-weight: 100;
	display: block;
	text-decoration: none;
	font-size: 12px; }
#left_g ul li a:hover {
	color : #fff; }

/*------------------------------------*\
	FOOTER_WG
\*------------------------------------*/

#footer_wg {
	font-size: 10px;
	color: #fff;
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #fff url(../img/footer_wg.jpg) no-repeat; }
#footer_wg a { 
	color: #fff;
	text-decoration: underline; }
#footer_wg a:hover {
	color: #fff;
	text-decoration: underline; }

/*------------------------------------*\
	FOOTER_GW
\*------------------------------------*/

#footer_gw {
	font-size: 10px;
	color: #fff;
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #fff url(../img/footer_gw.jpg) no-repeat; }
#footer_gw a { 
	color: #fff;
	text-decoration: underline; }
#footer_gw a:hover {
	color: #fff;
	text-decoration: underline; }

/*------------------------------------*\
	FOOTER_GG
\*------------------------------------*/

#footer_gg {
	font-size: 10px;
	color: #fff;
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #fff url(../img/footer_gg.jpg) no-repeat; }
#footer_gg a { 
	color: #fff;
	text-decoration: underline; }
#footer_gg a:hover {
	color: #fff;
	text-decoration: underline; }

/*------------------------------------*\
	NAV
\*------------------------------------*/

#nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#nav li a{
	display:block;
	padding:0px 10px 0px 10px;
	color:#fff;
	background:#84B65A;
	text-decoration:none;

	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Text shadow to lift it a little */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#nav li a:hover{
	color:#fff;
	background:#5E944B; /* Solid colour fall-back */
/*	background:rgba(107,12,54,0.75); /* It'll look nice semi-transparent */  */

	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#nav li:hover a{ /* Set styles for top level when dropdown is hovered */

	background:#5E944B; /* Solid colour fall-back */
/*	background:rgba(107,12,54,0.75); /* It'll look nice semi-transparent */  */
	text-decoration:underline;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#84B65A; /* Solid colour fall-back */

/*	background:rgba(51,51,51,0.75); /* It'll look nice semi-transparent */  */
/*	text-decoration:underline;  */
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}

/*------------------------------------*\
	SHADOWS
\*------------------------------------*/

.p-shadow {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

/*
.img-shadow {
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
*/

.img-shadow {
  float:left;
  background: url(../img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -7px 7px 7px -7px;
  padding: 0px;