html
 {
     height:100%;
     margin-bottom: 0px;
 } /* to always show the vertical scroll bar in firefox */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }


body {
 line-height: 1em;
 margin-top:0px; 
 background-image:url(../images/back2.png); /*../images/back1.jpg*/ 
 background-position:top left; 
 background-repeat:repeat-x;}

ol,
ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote,
q { quotes: "" ""; }
/* /Eric Meyer's Reset */
.clear {
  clear:both;
  position:relative;
}
a img { border:none; }
.canvas {
  width:973px;
  margin:auto;
  position:relative;
}
html { font-family:Arial, Helvetica, sans-serif; }
/* Header */
#GlobalHeader {
  color:#000000;
  background:#000000 url(../images/bgHeader.png) repeat-x 0px 0px;
  height:5px;
  position:relative;
}
div.input div div {
  padding:1px 3px;
  height:18px;
  background: url(../images/bgInputs.gif) no-repeat 100% -40px;
  position:relative;
}
div.input div {
  background:url(../images/bgInputs.gif) no-repeat left top;
  position:relative;
}
div.input {
  background:url(../images/bgInputs.gif) repeat-x 100% -20px;
  margin:0 0 10px 0;
  position:relative;
}
div.input input,
div.input select {
  width:100%;
  height:14px;
  padding:1px;
  font-size:10px;
  color:#999;
  border:0 none;
}
div.input input { width:97%; }
#GlobalHeader .canvas { height:174px; }
#Logo {
  position:absolute;
  left:10;
  top:0;
}

/* positions top txt -can put the logo here*/
#Logo a {
  background:url(../images/spacer.gif) no-repeat top left;
  display:block;
  width:880px;
  height:68px;
  margin:10px 0 0 68px;
}

#Logo span { display:none; }

/* Global Action Navigation */
#GlobalHeader #GlobalActionNavigation {
  position:absolute;
  right:5px;
  top:7px;
}

#Logo_txt
{
position: relative; float:left
margin: 2px; 
left: -145px;
top: 60px; 
width: 880px; border: 0px;
 font-size:10px;
  color:#FFFFFF;
}


#GlobalActionNavigation ul {
  list-style-type:none;
  float:right;
}
#GlobalActionNavigation li { float:left; }
#GlobalActionNavigation a {
  color:#999;
  font-size:10px;
  text-decoration:none;
  margin-left:20px;
  display:block;
  position:relative;
}
#GlobalActionNavigation a .icoLogIn {
  position:absolute;
  top:2px;
  right:0;
}
#GlobalActionNavigation .signup a { }
#GlobalActionNavigation .faq a { }
#GlobalActionNavigation .login a { padding:0 20px 0 0; }
#GlobalActionNavigation .search a { }
.icoLogIn {
  display:block;
  width:14px;
  height:10px;
  background:url(../images/icoGlobalActionNavigation.gif) no-repeat left top;
}
/* Global Navigation */
#GlobalNavigation {
  position:absolute;
  bottom:0;
  right:0;
}
#GlobalNavigation ul {
  float:right;
  list-style-type:none;
}
#GlobalNavigation li { float:left; }
#GlobalNavigation a {
  color:#a8a8a8;
  text-decoration:none;
  background:url(../images/bgGlobalNavigation.gif) repeat-x 0 -30px; /* develop */
  font:12px normal Arial, Helvetica, sans-serif;
}
#GlobalNavigation a,
#GlobalNavigation span {
  display:block;
  height:25px;
  float:left; /* ie6 */
}
#GlobalNavigation span {
  background:url(../images/bgGlobalNavigation.gif) no-repeat 0px -90px; /* develop */
  position:relative;
}
#GlobalNavigation span span {
  background:url(../images/bgGlobalNavigation.gif) no-repeat 100% -120px; /* develop */
  padding:0 18px;
  line-height:25px;
  cursor:pointer; /* ie6 */
}

#GlobalNavigation a:hover span,
#GlobalNavigation .active span {
  background-position:0px -210px; /* develop */
  background-repeat:no-repeat;
}
#GlobalNavigation a:hover span span,
#GlobalNavigation .active span span {
  background-position:100% -270px; /* develop */
  background-repeat:no-repeat;
}
#GlobalNavigation img {
  position:absolute;
  top:-2px;
  left:-1px;
  border:none;
}
.ContentDisplayAreaHeader h2 {
  font-size:14px;
  font-weight:bold;
  padding:0 0 10px 9px;
  color:#fff;
}
.ContentDisplayAreaHeader h2 span {
  color:#999;
  font-size:18px;
}
.ContentDisplayAreaHeader h2 span a {
  color:#999;
  text-decoration:none;
}
.ContentDisplayAreaHeader h2 span a:hover { color:#fff; ; }
.ContentDisplayAreaHeader .content {
  background:#999;
  /* zoom:1; /* ie6 */
}
/* Community Zone Home */
.UpcomingEventsOverview .vevent {
  clear:both;
  background:#fff url(../images/bgGradientContent.gif) repeat-x left top;
  color:#000;
}
.UpcomingEventsOverview h4 {
  font-size:25px;
  padding:5px 0 3px 0;
}
.UpcomingEventsOverview a {
  text-decoration:none;
  color:#000;
}
.UpcomingEventsOverview p { font-size:18px; }
.UpcomingEventsOverview p.tags {
  padding:7px 0 0 0;
  font-size:12px;
}
.UpcomingEventsOverview img {
  float:left;
  margin:0 0 1px 0;
}
.UpcomingEventsOverview .primary { margin:0 0 0 83px; }
.UpcomingEventsOverview .dtstart span {
  color:#999;
  padding:0 16px 0 0;
}
/* BlogHead */
.ftHeader {
  font-size:12px;
  color:#1d970D;
}
.BlogHeader h1 {
  font-size:24px;
  padding:38px 0 0 9px;
}
.ButHeader  {
  font-size:12px;
  width:950px;
  padding:0 0 0 12px;
}
.BlogArticle {
  background:#fff url(../images/bgGradientContent.gif) repeat-x left top;
  border-right:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  margin:1px 0 0 0;
  width:615px;
  padding:6px 10px 6px 10px;
}
.BlogArticle img {
  position:relative;
  left:-10px;
}
.BlogArticle .date,
.BlogArticle .category {
  font-size:10px;
  color:#999;
}
.BlogArticle .date a,
.BlogArticle .category a {
  color:#999;
  text-decoration:none;
}
.BlogArticle .date a:hover,
.BlogArticle .category a:hover { text-decoration:underline; }
.BlogArticle h2 {
  font-size:18px;
  color:#333;
  clear:both;
}
.BlogArticle p {
  font-size:12px;
  color:#666;
}
.BlogArticle .related {
  font-size:11px;
  clear:both;
}
.BlogArticle .related li {
  float:left;
  list-style-type:none;
}
.BlogArticle .related a {
  display:block;
  line-height:18px;
  padding:0 0 0 24px;
  margin:0 45px 0 0;
  color:#0082c8;
  text-decoration:none;
}
.BlogArticle .related a span { color:#999; }
.BlogArticle .related .comments a { background:url(../images/icoBlogRelated.gif) no-repeat 0px 0px; }
.BlogArticle .related .relatedPosts a { background:url(../images/icoBlogRelated.gif) no-repeat 2px -25px; }
.BlogArticle .related .pingbacks a { background:url(../images/icoBlogRelated.gif) no-repeat 6px -50px; }
.BlogArticle p.tags {
  font-size:10px;
  color:#999;
  clear:both;
}
.BlogArticle p.tags a {
  text-decoration:none;
  color:#999;
}
.BlogArticle p.tags a:hover { text-decoration:underline; }
.BlogArticle p strong {
  font-size:11px;
  font-weight:bold;
}
.BlogArticle .date { float:left; }
.BlogArticle .category { float:right; }
/* ContextSearch */
.ContextSearch { background-color:#999999; }
.ContextSearch .controls {
  position:relative;
  padding:6px 0 0 72px;
  /* zoom:1; /* global_ie.css */
}
.ContextSearch legend { margin:0 0 7px 0; }
.ContextSearch fieldset {
  border:none;
  position:relative;
  width:245px;
  float:left;
  margin-right:10px;
  font-size:10px;
  margin:0 30px 0 0;
}
.ContextSearch a {
  text-decoration:none;
  color:#333;
  float:right;
  display:block;
  padding:0 21px 0 0;
  background:url(../images/iconSearch.gif) no-repeat top right;
  line-height:18px;
}
.ContextSearch input.checkbox { margin:0 5px 0 0; }
.ContextSearch input.text,
.ContextSearch select {
  font-size:10px;
  color:#666;
  font-size:9px;
  border:1px solid #fff;
  width:95%;
}
.ContextSearch input.text { padding:2px 0 0 0; }
.ContextSearch .controls { }
/* User Display */
.UserDisplay {
  background:#ccc url(../images/spacer.gif) repeat-x top left;
  padding:10px; 10px 10px 10px;
  margin:0 0 19px 0;
  position:relative;
}
.UserDisplay .content {
  /* padding:11px 0 0 0; */
  padding:12px 0 42px 0;
  background:#fff url(../images/bgUserDisplayHi.gif) repeat-x top left;
}
.UserDisplay .boxhead {
  position:relative;
  clear:both;
    height:26px;
    background:#fff url(../images/bgGradientGreyAsc7.gif) repeat-x left bottom;
    border-bottom:1px solid #fff;
}
.UserDisplay .boxhead h2 {
  background:#444 url(../images/bgBoxHead.gif) repeat-x top left;
  color:#ccc;
  font-size:14px;
  width:175px;
  margin:0 0 2px 0;
  float:left;
}
.UserDisplay .boxhead h2 span {
  display:block;
  background-image:url(../images/bgBoxHead.gif);
  background-repeat:no-repeat;
  background-position:100% -41px;
  height:25px;
  line-height:25px;
  padding:0 0 0 10px;
  font-weight:bold;
}
.UserDisplay .boxhead h2 span span {
  display:inline;
  height:auto;
  background:none;
  padding:0;
  font-size:11px;
  font-weight:normal;
}
.UserDisplay .boxhead .pagerDots {
  float:right;
    margin:9px 8px 0 0;
}
.UserDisplay .boxhead .viewAll {
  position:absolute;
  left:317px;
    top:1px;
}

.UserDisplay .boxhead .navSelector {
  float:left;
    height:17px;
    padding:9px 0 0 0;
    list-style-type:none;
    font-size:11px;
}
.UserDisplay .boxhead .navSelector li {
  display:block;
    float:left;
    border-left:1px solid #ccc;
    height:17px;
}
.UserDisplay .boxhead .navSelector li.firstitem {
    border-left:none;
}
.UserDisplay .boxhead .navSelector a {
  display:block;
    color:#999;
    text-decoration:none;
    position:relative;
    top:-2px;
    padding:0 9px;
}
.UserDisplay .boxhead .navSelector a.active {
  font-weight:bold;
}