/* ================================================================ 
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.stunicholls.com/menu/skeleton_up.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#footer1, #footer1 ul {padding:0 0 0 0; margin:5px 0 0 35px; list-style:none; font: 11px  Arial, Helvetica, sans-serif; position:relative; z-index:200; float:left; display:block;}

#footer1 {height:15px; border:none;}

#footer1 li {float:left; border:none;}

#footer1 li li {float:none; background:#a0a6b6; padding:2px 10px 2px 10px; margin:0 0 0 0;}
/* a hack for IE5.x and IE6 */
* html #footer1 li li {float:left;}

#footer1 li a {display:block; float:left; color:#e5e5e4; margin:0 25px 0 0; padding:0 0 0 0; height:15px; line-height:11px; text-decoration:none; white-space:nowrap; border:none;}

#footer1 li li a {height:15px; line-height:11px; float:none; width:100%;}

* html #footer1 li a { margin:0 0 0 0;}

#footer1 li:hover {position:relative; z-index:300;}

#footer1 li:hover ul {left:-45px; bottom:16px; top:auto;}

/* another hack for IE5.5 and IE6 */
* html #footer1 li:hover ul {left:0; padding:0 0 0 0;}

#footer1 ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #footer1 ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#footer1 li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#footer1 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#footer1 li:hover > a {text-decoration:none; color:#0082c5;}

#footer1 li i{ font-style:normal;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#footer1 li:hover li:hover ul,
#footer1 li:hover li:hover li:hover ul,
#footer1 li:hover li:hover li:hover li:hover ul,
#footer1 li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#footer1 li:hover ul ul,
#footer1 li:hover li:hover ul ul,
#footer1 li:hover li:hover li:hover ul ul,
#footer1 li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#footer1 li:hover a,
#footer1 li:hover li:hover a,
#footer1 li:hover li:hover li:hover a,
#footer1 li:hover li:hover li:hover li:hover a,
#footer1 li:hover li:hover li:hover li:hover li:hover a,
#footer1 li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#0082c5;}

/* hide futher possible paths */
#footer1 li:hover li a,
#footer1 li:hover li:hover li a,
#footer1 li:hover li:hover li:hover li a,
#footer1 li:hover li:hover li:hover li:hover li a,
#footer1 li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#d4d5d6; border-bottom: solid #b3b8c5 1px;}

/********************footer2***********************/

#footer2, #footer2 ul {padding:0 0 0 0; margin:5px 15px 0 0; list-style:none; font: 11px  Arial, Helvetica, sans-serif; position:relative; z-index:200; float:right; display:block;}

#footer2 {height:15px; border:none;}

#footer2 li {float:right;}

#footer2 li li {float:none; background:#a0a6b6; padding:2px 10px 2px 10px; margin:0 0 0 0;}
/* a hack for IE5.x and IE6 */
* html #footer2 li li {float:right;}

#footer2 li a {display:block; float:left; color:#e5e5e4; margin:0 25px 0 0; padding:0 0 0 0; height:15px; line-height:11px; text-decoration:none; white-space:nowrap;}

#footer2 li li a {height:15px; line-height:11px; float:none; width:100%;}

* html #footer2 li a { margin:0 0 0 0;}

#footer2 li:hover {position:relative; z-index:300;}

#footer2 li:hover ul {left:-8px; bottom:16px; top:auto;}

#footer2 li:hover ul li:hover ul{left:1px; bottom:0; top:auto;}

/* another hack for IE5.5 and IE6 */
* html #footer2 li:hover ul {left:0; padding:0 0 0 0;}

#footer2 ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #footer2 ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#footer2 li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#footer2 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#footer2 li:hover > a {text-decoration:none; color:#0082c5;}

#footer2 li i{ font-style:normal;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#footer2 li:hover li:hover ul,
#footer2 li:hover li:hover li:hover ul,
#footer2 li:hover li:hover li:hover li:hover ul,
#footer2 li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#footer2 li:hover ul ul,
#footer2 li:hover li:hover ul ul,
#footer2 li:hover li:hover li:hover ul ul,
#footer2 li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#footer2 li:hover a,
#footer2 li:hover li:hover a,
#footer2 li:hover li:hover li:hover a,
#footer2 li:hover li:hover li:hover li:hover a,
#footer2 li:hover li:hover li:hover li:hover li:hover a,
#footer2 li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#0082c5;}

/* hide futher possible paths */
#footer2 li:hover li a,
#footer2 li:hover li:hover li a,
#footer2 li:hover li:hover li:hover li a,
#footer2 li:hover li:hover li:hover li:hover li a,
#footer2 li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#d4d5d6; border-bottom: solid #b3b8c5 1px;}


.footer-copy  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	border:none;
	margin-left:30px;
	line-height: 19px;
}

.footer-copy a {
	color:#cfcfcf;
	text-decoration:none;
	margin-right:20px;
}

.footer-copy a:hover {
	color:#4692be;
	text-decoration:none;
}

.copyright-copy  {
	color:#a6a6a6;
	font-size:11px;
	line-height:24px;
	margin-left:29px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
}

.community{ 
	margin: 4px 0 0 70px;
	border:none;
	font-size:11px;
	border:none;
	position:relative;
	float:left;
}

a.facebook
{
	font-weight: normal;
	text-decoration: none;
	padding:0 0 0 0;
}

a.facebook:link, a.facebook:visited
{
	padding:0 0 0 20px;
	margin: 0 10px 0 0;
	font-size:11px;
	color: #e5e5e4;
	background:url(facebook-icon.gif);
	background-repeat: no-repeat;
	border:none;
}

a.facebook:hover
{
	color: #0082c5;
	background:url(facebook-icon-hover.gif);
	background-repeat: no-repeat;
}

a.twitter
{
	font-weight: normal;
	text-decoration: none;
	padding:0 0 0 0;
}

a.twitter:link, a.twitter:visited
{
	padding:0 0 0 20px;
	margin: 0 10px 0 0;
	font-size:11px;
	color: #e5e5e4;
	background:url(twitter-icon.gif);
	background-repeat: no-repeat;
	border:none;
}

a.twitter:hover
{
	color: #0082c5;
	background:url(twitter-icon-hover.gif);
	background-repeat: no-repeat;
}

a.blog
{
	font-weight: normal;
	text-decoration: none;
	padding:0 0 0 0;
}

a.blog:link, a.blog:visited
{
	padding:0 0 0 20px;
	margin: 0 10px 0 0;
	font-size:11px;
	color: #e5e5e4;
	background:url(blog-icon.gif);
	background-repeat: no-repeat;
	border:none;
}

a.blog:hover
{
	color: #0082c5;
	background:url(blog-icon-hover.gif);
	background-repeat: no-repeat;
}

a.newsletter
{
	font-weight: normal;
	text-decoration: none;
	padding:0 0 0 0;
}

a.newsletter:link, a.newsletter:visited
{
	padding:0 0 0 20px;
	margin: 0 0 0 0;
	font-size:11px;
	color: #e5e5e4;
	background:url(newsletter-icon.gif);
	background-repeat: no-repeat;
	border:none;
}

a.newsletter:hover
{
	color: #0082c5;
	background:url(newsletter-icon-hover.gif);
	background-repeat: no-repeat;
}