/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
body {font-family:Arial, Helvetica, sans-serif;background-image: url(../images/green/bg.png);margin:0;padding:0;}
html {overflow-Y: scroll;}
table {padding:5px 0px 0px 10px;}
a {color:inherit}

#top-header {width:1024px;height:30px; margin:auto;}
#header {background-image: url(../images/green/header.png); width:1024px; height:125px; margin:10px auto 0px auto;color:#000ED7;}
#headerfont{background-image: url(../images/bluefont.png); width:700px; height:150px; margin:auto;}
#headerfonten{background-image: url(../images/bluefonten.png); width:700px; height:150px; margin-left:170px;}
#nav {background-image: url(../images/green/nav.png);width:1024px; height:33px; margin:0px auto 0px auto; background-repeat:no-repeat;}

#t-login {float:right;margin-right:10px;margin-top:-20px;font-size:12px;color:#fff;}
#title {background-image: url(../images/green/title_1.png); width:765px;height:54px;color:#000;}

#title1 {background-image: url(../images/green/title_2.png); width:765px;background-repeat:repeat-y;font-size:13px; text-align:justify;}
#title2 {background-image: url(../images/green/title_3.png); width:765px;height:7px;}
#title3 {background-image: url(../images/green/title.png); width:765px;height:30px;font-size:13px;font-weight:bold;text-transform:uppercase;}

#content_1 {background-image: url(../images/green/content_1.png); width:1024px; height:10px;margin:auto; background-repeat:no-repeat;}
#ffooter {background-image: url(../images/green/ffooter.png); width:1024px; height:7px;margin:auto; background-repeat:no-repeat;}
#lfooter {background-image: url(../images/green/lfooter.png); width:1024px; height:11px;margin:0px auto 5px auto; background-repeat:no-repeat;}
#clong {background-image: url(../images/green/clong.png); width:1024px; background-repeat:repeat-y;margin:auto;position:relative;}
#flong {background-image: url(../images/green/flong.png); width:1024px; background-repeat:repeat-y;margin:auto; }

.media {font-size:12px;padding:2px 5px;background-color:#c5eab8;}

.footer a {text-decoration:none; color:inherit;}
.footer a:hover {text-decoration:underline;color:white;}

.text a {text-decoration:none; color:inherit;}
.text a:hover {text-decoration:underline; color:inherit;}

.nav2 {background-image: url(../images/green/nav2.png); width:732px;height:28px; background-repeat:no-repeat;position:relative;border-right:1px solid #80bc2a;border-left:1px solid #80bc2a;  }
.nav2 ul {padding:0;margin:0;list-style-type:none;}
.nav2 li {float:left;width:183px;position:relative;}
.nav2 a, .nav2 a:visited {display:block;font-size:12px;text-decoration:none; color:#000; width:184px;border:1px solid #80bc2a;border-width:1px 0 1px 0px; height:26px; line-height:28px; font-weight:bold;}
.nav2 :hover > a, .nav2 ul ul :hover > a {color:#fff; background:#a8da91;}

/*----------------------------------------------------- navigation menu vertical ----------------------------------------------------------------------*/
.urbangreymenu{width: 220px; /*width of menu*/margin:-28px 0px auto 0px;}
.urbangreymenu .headerbar{font: bold 13px Arial;color: white;background: #8ec05e url(../images/green/downgreen.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/margin-bottom: 0; /*bottom spacing between header and rest of content*/text-transform: uppercase;padding: 7px 0 7px 10px; /*31px is left indentation of header text*/}
.urbangreymenu ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; /*bottom spacing between each UL and rest of content*/}
.urbangreymenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/}
.urbangreymenu ul li a{font: normal 12px Arial;color: black;background: #deead2;display: block;padding: 5px 0;line-height: 17px;padding-left: 8px; /*link text is indented 8px*/text-decoration: none;font-weight:bold;}
.urbangreymenu ul li a:visited{color: black;}
.urbangreymenu ul li a:hover{ /*hover state CSS*/color: white;background: #2f5f00;}

/*sdmenu*/
div.sdmenu {font-family: Arial;font-size: 12px;}
div.sdmenu div {background: url(../images/green/sdmenu/toptitle1.png) repeat-x;overflow: hidden;}
div.sdmenu div:first-child {background: url(../images/green/sdmenu/toptitle1.png) no-repeat;}
div.sdmenu div.collapsed {height: 25px;}
div.sdmenu div span {display: block;padding: 5px 30px;font-weight: bold;color:inherit;background: url(../images/green/sdmenu/downgreen.gif) no-repeat 10px center;margin-left:-5px;border-bottom: 1px solid #ecf7de;}
div.sdmenu div.collapsed span {background-image: url(../images/green/sdmenu/upgreen.gif);margin-left:-5px;}
div.sdmenu div a {padding: 5px 10px;background: #deead2;display: block;border-bottom: 1px solid #ecf7de;color:inherit;}
div.sdmenu div a.current {background : #90be71;}
div.sdmenu div a:hover {background : #2f5f00 url(../images/sdmenu/linkarrow.gif) no-repeat right center;color: #fff;text-decoration: none;}
/* Scroller Box */
#scroller_container {
 position: relative;
 height: 200px;
 overflow: hidden;background-color:#deead2;
}

/*#scroller {
// Additional Styles
}

/* Scoller Box */

/* At the end of the CSS File */

/* CSS Hack Safari 
#dummy {;# }

#scroller_container {
 overflow: auto;
}*/
/*marquee*/
.marquee {border-width:0px; border-style:solid; background-color:#d6ead2;}
#mar {padding:0px 5px;font-size:12px;color:inherit;}
div.mar {font-family: Arial;font-size: 12px;padding-bottom: 0px;}
div.mar div.title {background: url(../images/green/sdmenu/toptitle1.png) no-repeat;}
div.mar div span {display: block;padding: 5px 0px;font-weight: bold;border-bottom: 1px solid #ecf7de;}
div.mar div a {padding: 5px 10px;background: #deead2;display: block;border-bottom: 1px solid #ecf7de;color:inherit;}
/* -------------------------------------------------- navigation menu vertical ------------------------------------------------------------------ */
.marquee {border-width:0px; border-style:solid; background-color:#e0ead2;}
/* -----------------------------------------------------SLIDE HORIZONTAL----------------------------------------------------------------------*/
.menu {width:1007px; height:35px; position:relative; z-index:100;border-right:1px solid #304f00; font-family:arial, sans-serif;margin:0px 8px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1007px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:143.1px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:143.1px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:33px; border:1px solid #304f00; border-width:1px 0 1px 1px; background:#b0e49a; padding-left:10px; line-height:33px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:143.2px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ccd8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#acc965 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#acc965 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#cde2a8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#a5b29b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:34px;left:0; width:143.2px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:143.2px; top:-1px; width:143.2px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-143.2px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#dee5d6; color:#000; height:auto; line-height:1em; padding:5px 5px; width:132px;border-width:0px 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:143.2px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#cdfca7;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#cdfca7;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* -----------------------------------------------------SLIDE HORIZONTAL----------------------------------------------------------------------*/

/* -----------------------------------------------------SIGN IN BOX -----------------------------------------------------------------*/
#content { width:520px; min-height:500px; }
#topnav {
	margin-top:0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:24px;
	text-align:right;
}

#signup-wrap a span {
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
#signup-wrap {
	padding-top:3px;
	padding-left:3px;
}

#signup-wrap:hover {

}

#topnav a.signin {
	padding:0px 0px 0px;
	text-decoration:none;

	color:#fff;
	/*background:transparent url('../images/page-images/loginbar/signin-nav-bg-ie.png') no-repeat 0 0;
	*padding:4px 12px 6px;*/
}
#topnav a.signin:hover {
	text-decoration:underline;
	color:#fff;
	/*background:transparent url('../images/page-images/loginbar/signin-nav-bg-hover-ie.png') no-repeat 0 0;
	*padding:4px 12px 6px;*/
}
#topnav a.signin, #topnav a.signin:hover {
	/*background-position:0 3px!important;*/
}

a.signin {
	position:relative;
	margin-left:0px;
}
a.signin span {
	background-image:url('../images/toggle_down_light.png');
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:5px 16px 6px 0;
}
#topnav a.menu-open {
/*!important;
	color:black!important;*/
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url('../images/toggle_up_dark.png');
	color:white;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#2f6603;
	position:absolute;
	width:210px;
	z-index:200;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 169px;
	/*margin-right: -1px;*/
	color:white;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #4ece00;
	font-size:14px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	font-size:14px;
	margin:0;
}
#signin_menu a {
	font-size:14px;
	color:#8E7BD3;
}
#signin_menu label {
	font-size:14px;
}
#signin_menu p.remember {
	font-size:14px;
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	font-size:14px;
	color:white!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#FFB931;
	border:1px solid orange;
	color:#2D2D2D;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
	width:60px;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.basictext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; color:#000000;
}
.errortext {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; color:#C00000; font-weight: bold;
	background: #ffbdbd; 
	border: 1px solid #be3f00;
}
/*.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:Alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#fff;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url('../images/page-images/loginbar/tipsy-north.gif');
	background-position:top center;
}
.tipsy-south {
	background-image:url('../images/page-images/loginbar/tipsy-south.gif');
	background-position:bottom center;
}
.tipsy-east {
	background-image:url('../images/page-images/loginbar/tipsy-east.gif');
	background-position:right center;
}
.tipsy-west {
	background-image:url('../images/page-images/loginbar/tipsy-west.gif');
	background-position:left center;
}*/

/* -----------------------------------------------------SIGN IN BOX -----------------------------------------------------------------*/