body { 
   color: #000033;
   background-color: white;
   background-image: url(../images/bb.jpg);
   background-repeat: repeat-x;
   background-attachment: fixed;
   font-size: 12px; 
   font-style: normal; 
   line-height: 16px; 
   font-family: Tahoma, Geneva, Arial, sans-serif;
/*   padding: 130px 0 0 0; */ 
}

img                   {
  border: 0;
}


h1    {
  font-family: 'Bauhaus 93',Tahoma,Ariel,sans-serif;
}

h1,h2 {
   vertical-align: top;
}
      
#logo  {
  text-align: center;
}

#logo2  {
  text-align: center;
  background-image: url(../images/greglogo2.jpg);
  width: 400px;
  height: 57px;
  border: 0px;
}  

div#header  {
  overflow: auto;  
  width: 100%;
/*  height: 205px;  
  position: fixed;
  top: 0; 
  left: 0;  */ 
}  

div#content  {
  padding: 1em;
  }
  
/* #first_entry  {
  position: relative;
  bottom: 7em;
} 
*/

.banner { 
   color: #ffffff; 
   text-align: center; 
   font-size: 24px; 
   line-height: 28px; 
   font-weight: bold;
   position: absolute;
   left: 397px;
   top: 120px;
}

#leftFrame {
   float:left; 
   width:180px; 
   height:1000px;
}

.label { 
   color: #0033cc;
   font-size: 12px; 
   line-height: 16px; 
   font-weight: bold; 
   text-decoration: underline;
}

.credit { 
   font-size: 10px; 
   line-height: 16px; 
   display: inline
}

a:link { 
   color: #0033ff;
   line-height: 16px; 
   text-decoration: none;
}

a:visited {  
   color: #0033cc;
   line-height: 16px; 
   text-decoration: none;
}

a:hover {  
   color: #ffffff;
   background-color: #98A6CC;
   line-height: 16px; 
   text-decoration: none;
}

.mainLink {
  font-family: 'Bauhaus 93',Tahoma,Ariel,sans-serif;
  font-size: 24px;
  height: 55px;
  line-height: 150%;
  color: gray;
 }
 
.mainLink a:hover {
   background-color: transparent;
 }

 #links {
   float: left;
   width: 115px;
 }
       
.hCalendarTitle {
  text-align : center;
  font-weight : bolder ;
}
.hCalendarDay {
  text-align : center;
  font-size : 9px;
  border-width: thin;
}
.hCalendarDayCurrent {
  text-align : center;
  font-size : 9px;
  font-weight : bolder ;
  border-width: thin;
  border-style: dotted;
}
.hCalendarDayNameRow {
  text-align : center;
  font-weight : bolder ;
  font-size : 9px;
}
.hCalendarDayLinked {
  font-weight : bolder ;
  text-align : center;
  font-size : 9px;
  border-width: thin;
}
.hCalendarDayNotInMonth {
  text-align : center;
  font-size : 9px;
	color : #aaaaaa;
}
.hCalendarNextPrev {
  text-align : center;
  font-style : italic;
  font-size : small;
  color : #aaaaaa;
}

.button1              {
   position: absolute;
   top: 50px; 
   right: 50px;
}

.button2              {
   position: absolute;
   top: 200px; 
   right: 125px;
}

.button3              {
   position: absolute;
   top: 350px; 
   right: 200px;
}

.button4              {
   position: absolute;
   top: 500px; 
   right: 275px;
}

.button5              {
   position: absolute;
   top: 650px; 
   right: 350px;
}

.mainpic              {
   border: 0;
}

.botLeft              {
   position: absolute;
   bottom: 50px; 
   left: 50px;
}

.email              {
   position: absolute;
   bottom: 50px; 
   right: 50px;
   font-size: 24px;
}

.resume_group_title   {
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size: medium; 
  font-weight: bold; 
  z-index: 101;
  position: relative;
	top: +35px; 
  width: 50px;
}

.right_side           {
  position: absolute;
	right: 1em;
}

.resume_group_detail,
.resume_group_subtitle  {
  font-family: Tahoma, Arial, Helvetica, sans-serif; 
  font-size: small;
  position: relative; 
  width: 530px; 
  left: 170px;
}

.resume_group_subtitle {
  font-style: italic;
}

.resume_group_list    {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: small;
  left: 190px;  
  position: relative;
  width: 510px;
}

#homeButton {
  background-image: url(images/home_button_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 130px;
  height: 62px;
  text-align: center;
}

#homeButton:hover {
  background-color: transparent;
  background-image: url(images/home_button_lit.gif);
}

#navHome          {
  background-image: url(images/home_button_side_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 130px;
  height: 62px;
  text-align: center;
}

#navHome:hover {
  background-color: transparent;
  background-image: url(images/me_button_side_lit.gif);
}

#navMe          {
  background-image: url(images/me_button_side_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 129px;
  height: 62px;
  text-align: center;
}

#navMe:hover      {
  background-color: transparent;
  background-image: url(images/me_button_side_lit.gif);
}

#navResume        {
  background-image: url(images/resume_button_side_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 129px;
  height: 62px;
  text-align: center;
}

#navResume:hover  {
  background-color: transparent;
  background-image: url(images/resume_button_side_lit.gif);
}

#navCartoons      {
  background-image: url(images/cartoons_button_side_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 129px;
  height: 62px;
  text-align: center;
}

#navCartoons:hover {
  background-color: transparent;
  background-image: url(images/cartoons_button_side_lit.gif);
}

#navPhotos         {
  background-image: url(images/photos_button_side_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 129px;
  height: 62px;
  text-align: center;
}

#navPhotos:hover  {
  background-color: transparent;
  background-image: url(images/photos_button_side_lit.gif);
}

#navDiary         {
  background-image: url(images/diary_button_side_unlit.gif);
  border: 0;
  margin: 0;
  padding: 0;
  width: 129px;
  height: 62px;
  text-align: center;
}

#navDiary:hover  {
  background-color: transparent;
  background-image: url(images/diary_button_side_lit.gif);
}

.mainPane         {
  text-align: left;
  position: absolute;
  left: 170px; 
  top: 10px; 
/*  clip:  rect(   ); */
}

.navPane          {
  position: absolute;
  left: 0px;
  top: 0px;
/*  clip:  rect(   ); */
  text-align: center;
  width: 150px;
}

.navButton        {
  height: 80px;
}

#navList {
  width: 150px; 
  height: 480px;
  background: url(test-3.jpg);
  margin: 10px auto; 
  padding: 0;
  position: relative;
}

#navList li {
  margin: 0; 
  padding: 0; 
  list-style: none;
  position: absolute; top: 0;
}

#navList li, #skyline a {
  height: 80px; 
  display: block;
}
       
.msg  {
  font-style: italic;
  text-align : center;
  font-weight : bolder ;
  padding: 2em;
}



