html, body, h1, h2, h3, h4, ul, li
{
    margin: 0;
    padding: 0;
    color: #002A50;
}
h1 img {
	display: block;
}
 
 
img {
	border: 0;
}
a
{
    /*color: #464544;*/
    color: #000066;
    text-decoration: none;
}
a:hover {
	color: #002A50;
    text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.left-right
{
    float: left;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

ul { padding-left: 33px; }

.modalBackground
{
    /*
      background-color: grey;
      filter: alpha(opacity=60);
      opacity: 0.6;
*/
}

.modalPopup
{
    
    width: 200px; 
    background-color: White; 
    border-width: 1px; 
    border-color: Black; 
    border-style: solid; 
    padding: 20px;
}

.success
{
    font-weight: bold;
    font-size: large;
}
.error
{
    color: Red;
    font: 8px;
}
input 
{
    font-size: x-small;
}
select
{
    font-size: x-small;
}

body
{
 
    /*font: 62.5% "Trebuchet MS", sans-serif;*/
    /*font: 66.7% "Trebuchet MS", sans-serif; */
    /* font: 79.7% "Trebuchet MS", sans-serif; 
    color: #74653D;
    */
     font-size: .77em;
     font-family: Verdana, Arial, Helvetica, sans-serif; 
     color: #003399;
    padding-bottom: 10px;
    padding-top: 0px;
   background:#002A50  url(../images/content-bg.png) no-repeat top center; float: left; width: 100%; 
   /* background-color: #FFFFFF; */
}

/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 978px;
	height: auto;
    position: relative;
     background-color: #002A50;
 	/*background-color: #ffffff;*/
 	/*border: 1px solid black;*/
    
 
}

#header {
  position: relative;
  top: 0px;
  left: 0px;
  bottom: 0px;
  /*width: 975px; */
  height: 29px; 
  background-image: url(../images/gfftbannertop.png);
  text-align: center;
 
 
}

.headertable 
{
    
    margin: 10px 33px 0 0;
    color: #ffffff;
    font-size: 1.01em;
}

.headertable td
{
 
    text-align: center;
}
 
.headertable  a
{
    color: #999999;
}
.headertable a:hover
{
    color: #999ddd;
    text-decoration: none;
}

#mojo 
{
  position: relative;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 978px; 
  height: 235px; 
  background-image: url(../images/gfftbanner.png);
  text-align: center; 
}

#left {
  float: left;
  width: 200px;
}

.events
{
 
    border: 1px solid black;
    height: auto;
    width: 433px;
    display: block;
    position: relative; 
 
 
}

.screen-title 
{
   float: left; 
   padding: 10px 10px 10px 10px;
   font-size: large;
   width: 577px;
   color: #002A50;
    
}

  .title
{
    float: left;
    background-position: bottom;
    font-size: large;
    width: 555px;
    text-align: center;
    padding: 5px 5px 5px 5px;
    margin-bottom: 15px;
    border-top: .01em solid #002A50;
    background-image: url(../images/bottom_line_577.png);
    float: left;
    /*width: 100%;*/
    background-color: #ffffff;
    background-repeat: repeat-x;
}

.title-small
{
    float: left;
    background-position: bottom;
    font-size: medium;
    width: 267px;
    text-align: left;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    border-top: .01em solid #002A50;
    background-image: url(../images/bottom_line_288.png);
    float: left;
    background-color: #ffffff;
    background-repeat: repeat-x; 
   
   
    
}

.news
{
   width: 499px; float: left; padding: 10px 10px 10px 25px;
}
 
.left
{
    float: left;
    width: 167px;
    font-weight: bold; 
    padding: 0 0 5px 0;
}
.right 
{
    float: left;
    width: 250px;
    padding: 0 0 5px 0;
}

.eventfull
{
    float: left;
    width: 415px;
    padding: 0 0 5px 0;
}
#content
{
    width: 958px;
    position: relative;
    padding: 10px 10px 10px 10px;
    float: left;
    height: auto;
    background-color: #ffffff;
}

#contentextended
{
    position: relative;
    padding: 69px 0 0 0;
    float: left;
    width: 975px;
     height: 577px;
    background-color: #ffffff;
 
    
}

#subcontent
{
    padding: 10px 10px 10px 25px;
    float: left;
    width: 935px;
    height: auto;
    background-color: #ffffff;
    
}
.donations
{
    float: left;
   
    width: 933px;
    height: 198px;
   
 
}
.contentWrapper
{
    float: left;
    padding: 10px 10px 10px 10px;
     background-image: url(../images/donationsbkg2.png);
} 
.text
{
    float: left;
    width: 733px; 

} 
.textRight
{
    float: left;
    width: 147px;
     text-align: right;
}

#regLeft
{
    float: left;
    padding: 10px 0px 10px 10px;
    width: 470px;
    border-right: dotted 1px #002A50;
}   
#regRight
{
    float: left;
    padding: 10px 0px 10px 10px;
    width: 470px;
   
}
#container
{
    width: 950px;
    float: left;
   
}
#containerLeft
{
    float: left;
    width: 450px;
    
    
}
#containerRight
{
    top: auto;
    float: left;
    width: 480px;
    
}

#leftPanelSmall
{
    float: left;
    padding: 10px 0 10px 15px;
    width: 375px;
   
}
#rightPanelLarge
{
    float: left;
    padding: 10px 0 10px 15px;
    width: 550px;
    border-left: dotted 1px #002A50;
 
}

.itemSmall
{
 
    float: left;
    padding: 10px 0 10px 10px;
    width: 333px;
}
.itemSmall .itemSmallRight
{
    float: right;
    padding: 10px 0 10px 10px;
    margin-right: -277px;
    width: 333px;
}

.itemSmallDivider
{
    float: left;
    border-top: dotted 1px #002A50;
     width: 355px;
}
 

.more
{
    float: right;
}
 
#eventDetail 
{
  
    float: left;
    width: 600px;
    height: auto;
    padding: 10px 10px 10px 10px;
    
}
#eventList
{
    float: right;
    width: 300px;
    height: auto;
    padding: 10px 10px 0 10px;
    background-color: #DDEEFF;
    
}

#eventList-small
{
    float: right;
    width: 239px;
    height: auto;
    padding: 0 0 0 0;
    background-color: #DDEEFF;
    vertical-align: top;
    
    
    
}

.ui-tabs .ui-tabs-panel-full
{
   float: left;
   width: 833px;
}

 

.ui-tabs .ui-tabs-panel .ui-tabs-panel-center
{
    float: left;
    width: 444px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    height: auto; 
    text-align: center;
}
.ui-tabs .ui-tabs-panel .ui-tabs-panel-full
{
     font-size: smaller;
    float: left;
    width: 444px;
    font-weight: normal;
    padding: 10px 2px 10px 2px;
    height: auto;
}
.ui-tabs .ui-tabs-panel .ui-tabs-panel-left
{
     font-size: smaller;
    float: left;
    width: 198px;
    min-width: 198px;
    font-weight: bold;
    padding: 5px 2px 5px 2px;
    height: 20px;
   
    
    
}
.ui-tabs .ui-tabs-panel .ui-tabs-panel-right
{
    font-size: smaller;
    float: right;
    width: 239px;
    min-width: 239px;
    font-weight: normal;
    padding: 5px 2px 5px 2px;
     height: 20px;
       
}

.ui-tabs .ui-tabs-panel .ui-tabs-panel-left-extended
{
     font-size: smaller;
    float: left;
    width: 198px;
    min-width: 198px;
    font-weight: bold;
    padding: 5px 2px 5px 2px;
    height: 55px;
    vertical-align: top;
    
    
}
.ui-tabs .ui-tabs-panel .ui-tabs-panel-right-extended
{
    font-size: smaller;
    float: right;
    width: 239px;
    min-width: 239px;
    font-weight: normal;
    padding: 5px 2px 5px 2px;
     height: 55px;
       
}

.ui-tabs .ui-tabs-panel .ui-tabs-panel-left-large
{
     font-size: smaller;
    float: left;
    width: 198px;
    min-width: 198px;
    font-weight: bold;
    padding: 5px 2px 5px 2px;
    height: 110px;
    vertical-align: top;
    
    
}
.ui-tabs .ui-tabs-panel .ui-tabs-panel-right-large
{
    font-size: smaller;
    float: right;
    width: 239px;
    min-width: 239px;
    font-weight: normal;
    padding: 5px 2px 5px 2px;
     height: 110px;
       
}

.watermark
{
    /*color: #999966;*/
    color: #333333;
    font-style: italic;
}

.li-bold
{
    font-weight: bold;
}
.li-normal
{
    font-weight: normal;
    width: inherit;
}

#rightpanel
{
    float: left;
    top: 280px;
    width: 290px;
 
}