html,
body {
   margin:      0;
   padding:     0;
   width:       1024;
   background:  #FFFFFF;
}
@font-face {     
   font-family: "SEGOEUI";     
   src:         url(http://www.greyhoundsrock.org/font/SEGOEUI.TTF)                 format("truetype"); } 

p.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   .8em ; 
}

p.SEGOEUI-sm {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   .7em ; 
}

li.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial;  
}

table.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   .8em ; 
}

h1.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   1.8em ;
   font-weight: 100;
   font-variant: small-caps;
   color:       #000000; 
}

h1.SEGOEUI-HOME {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   1.5em ;
   font-weight: 100;
   font-variant: small-caps;
   color:       #000000; 
}

h2.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   1.2em ;
   color:       #456c91; 
}

h3.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   1.0em ;
   color:       #333333; 
}
h4.SEGOEUI {      
   font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
   font-size:   .8em ;
   color:       #333333; 
}
div#logo {
    z-index:     3;
    position:    absolute; left: 10; top: 0;
    width:       671;
    height:      107px;
    background:  url(images/GRF-logo.png) no-repeat; 
}

div#nav {
    z-index:     2;
    position:    absolute; left: 15; top: 120;
    width:       1000px;
}

A.nav:link {
   font: normal;
   color:#FFFFFF;
   font-family: "SEGOEUI", Verdana, Tahoma, Arial;
   font-size:11pt;
   font-weight: normal;
   text-decoration:none;
   border-style:solid;
   border-width:1px;
   background-color:#333333;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 3px;
   padding-bottom: 3px;
}
A.nav:visited {
   font: normal;
   color:#FFFFFF;
   font-family: "SEGOEUI", Verdana, Tahoma, Arial;
   font-size:11pt;
   font-weight: normal;
   text-decoration:none;
   border-style:solid;
   border-width:1px;
   background-color:#333333;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 3px;
   padding-bottom: 3px;
}
A.nav:hover {
   font: normal;
   color:#FFFFFF;
   font-family: "SEGOEUI", Verdana, Tahoma, Arial;
   font-size:11pt;
   font-weight: normal;
   text-decoration:none;
   border-style:solid;
   border-width:1px;
   background-color:#345c81;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 3px;
   padding-bottom: 3px;
}


div#facebook {
    z-index:     2;
    position:    absolute; left: 822; top: 0;
}

div#navtag1 {
    z-index:     2;
    position:    absolute; left: 19; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}
div#navtag2 {
    z-index:     2;
    position:    absolute; left: 137; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}
div#navtag3 {
    z-index:     2;
    position:    absolute; left: 239; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}
div#navtag4 {
    z-index:     2;
    position:    absolute; left: 377; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}
div#navtag5 {
    z-index:     2;
    position:    absolute; left: 499; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}
div#navtag6 {
    z-index:     2;
    position:    absolute; left: 611; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}
div#navtag7 {
    z-index:     2;
    position:    absolute; left: 711; top: 145;
    font-size:   .7em ;
    color:       #456c91;
}

div#content {
    z-index:     1;
    position:    absolute; left: 19; top: 180;
    width:       1000px;
    border:      0; 
}

div#TJ {
    position:     absolute; left: 19; top: 60;
    width:        215px;
    border-style: solid;
    border-width: 1px;
    border-color: #456c91;
    padding:      10px;
}

div#hometext {
    position:     absolute; left: 275; top: 60;
    width:        430px;
}

div#homeimg {
    position:     absolute; left: 715; top: 0;
    padding-left: 30px;
    width:        315px;
}

div#tag {
    position:     relative; top: 52px; _top: 47px; left: 330px; _left: 310px;
    width:        530px;
    font-family:  "SEGOEUI", Verdana, Tahoma, Arial; 
    font-size:    .5em ;
    color:        #456c91; 
}

div#donate1 {
    width:        400;
    float:        left;
}
div#donate2 {
    width:        450;
    padding-left: 60;
    float:        left;
}

div#mail {
    z-index:      2;
    position:     absolute; top: 300; left: 40;
}
div#email {
    z-index:      2;
    position:     absolute; top: 375; left: 40;
}

a.content:link  {
   font:            normal;
   color:           #3158D8;
   font-family:     "SEGOEUI",Verdana, Arial;
   font-size:       1em ; 
   font-weight:     normal;
   text-decoration: underline; 
   border:          none
}
a.content:visited  {
   font:            normal;
   color:           #456c91;
   font-family:     "SEGOEUI",Verdana, Arial;
   font-size:       1em ;
   font-weight:     normal;
   text-decoration: underline; 
   border:          none
}
a.content:hover  {
   COLOR:           #3158D8;
   font:            normal;
   font-family:     "SEGOEUI",Verdana, Arial;
   font-size:       1em ;
   font-weight:     bold;
   text-decoration: underline; 
   border:          none}
}

img {border: 0}

a.tab {
  background-color: #D6E7F3;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  font-family:     "SEGOEUI",Verdana, Arial;
  top: -1px;
  z-index: 100;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #456c91;
  color: #000000;
  font-family:     "SEGOEUI",Verdana, Arial;
}
 
a.tab, a.tab:visited {
  font-family:     "SEGOEUI",Verdana, Arial;
  color: #808080;
}
 
a.tab:hover {
  background-color: #C5D4DF;
  color: #606060;
  font-family:     "SEGOEUI",Verdana, Arial;
}
 

 
a.tab.activeTab {
  z-index: 102;
}
 
div.datetime { 
  float:         left;
  width:         48px;
  height:        100px;
  background:    url(images/calendar.png) no-repeat right top; 
}

div.datetime p { 
  margin:         0 auto; 
  padding-top:    6; 
  text-align:     center; 
  font-size:      x-small;
}

/* month */ 
div.datetime p.mon { 
  font:            x-small/135% Verdana,Geneva,Arial,Helvetica,sans-serif; 
  letter-spacing:  normal; 
  text-transform:  uppercase;
  color:           #FFFFFF; 
}

/* day of the month (NUMBER) */ 
div.datetime p.day { 
  font:            bold 1.5em/98% Georgia, "New Century Schoolbook", 
                   "Book Antiqua", "Times New Roman", serif; 
  letter-spacing:  0.13em; 
  line-height:     .4em;
  color:           #456c91; 
}

/* year */ 
div.datetime p.yr { 
  font:             x-small/110% Verdana,Geneva,Arial,Helvetica,sans-serif; 
  letter-spacing:   0.05em;
  color:            #456c91; 
}

div.calendar-text {
    width:        900px;
    padding-left: 30;
    float:        left;
}

div#div-clear {
    clear:    both;
}

#LearnMore
{
  display: block;
  width: 125px;
  height: 25px;
  background: url("images/LearnMore.png") no-repeat 0 0;

}

#LearnMore:hover
{ 
  background-position: 0 -25px;
}

#LearnMore span
{
  display: none;
}


#Comment
{
  display: block;
  width: 125px;
  height: 25px;
  background: url("images/comment.gif") no-repeat 0 0;

}

#Comment:hover
{ 
  background-position: 0 -25px;
}

#Comment span
{
  display: none;
}

div.tabBox {
  width: 50%;
}
 
div.tabArea {
  font-size: 80%;
  font-weight: bold;
  width: 1000px;
}
 
a.tab {
  background-color: #e0e0e0;
  border: 1px solid #456c91;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}
 
a.tab, a.tab:visited {
  color: #000000;
}
 
a.tab:hover {
  background-color: #a8cce5;
  color: #000000;
}
 
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #456c91;
  color: #ffffff;
}
 
a.tab.activeTab {
  z-index: 102;
}

 
div.tabMain {
  background-color: #456c91;
  border: 1px solid #456c91;
  padding: 1em;
  position: relative;
  z-index: 101;
}
 
div.tabIframeWrapper {
  width: 100%;
}
 
iframe.tabContent {
  border: 1px solid #000000;
  width: 100%;
  font-family: "SEGOEUI", Verdana, Tahoma, Arial; 
  font-size:   .8em ; 
}


