/* Ithaca Yacht Club Site-Wide CSS Styling */

/* page layout */
body {background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: #333333; margin: 0; padding: 0;}

/* Header Navigation bar */
div#headerbackground         {width: 100%; background-image: url(../images/background_header.jpg); background-repeat: repeat-x; height: 100px; text-align: center;}
div#header_content           {width: 900px; height: 100px; margin-left: auto; margin-right: auto; font-size: 10pt;}
div#header_logo              {text-align: center; clear: both; margin-bottom: 12px;}

a.headernavs_home            {background: url(/images/header_btn_background.png) no-repeat; margin-left: 4px; margin-right: 1px;
                              color: #FFFFFF; text-decoration: none; padding: 11px 54px 13px 54px;}
a.headernavs_home:hover      {color: #FF0000; text-decoration: none; padding: 11px 54px 13px 54px;}

a.headernavs_clubhouse       {background: url(/images/header_btn_background.png) no-repeat; margin-left: 0px; margin-right: 1px; 
                              color: #FFFFFF; text-decoration: none; padding: 11px 15px 13px 13px;}
a.headernavs_clubhouse:hover {color: #FF0000; text-decoration: none; padding: 11px 15px 13px 13px;}

a.headernavs_youth           {background: url(/images/header_btn_background.png) no-repeat; margin-left: 0px; margin-right: 1px; 
                              color: #FFFFFF; text-decoration: none; padding: 11px 24px 13px 24px;}
a.headernavs_youth:hover     {color: #FF0000; text-decoration: none; padding: 11px 24px 13px 24px;}

a.headernavs_events          {background: url(/images/header_btn_background.png) no-repeat; margin-left: 0px; margin-right: 1px; 
                              color: #FFFFFF; text-decoration: none; padding: 11px 51px 13px 51px;}
a.headernavs_events:hover    {color: #FF0000; text-decoration: none; padding: 11px 51px 13px 51px;}

a.headernavs_race            {background: url(/images/header_btn_background.png) no-repeat; margin-left: 0px; margin-right: 1px; 
                              color: #FFFFFF; text-decoration: none; padding: 11px 25px 13px 25px;}
a.headernavs_race:hover      {color: #FF0000; text-decoration: none; padding: 11px 25px 13px 25px;}

a.headernavs_harbors         {background: url(/images/header_btn_background.png) no-repeat; margin-left: 0px; margin-right: 0px; 
                              color: #FFFFFF; text-decoration: none; padding: 11px 22px 13px 22px;}
a.headernavs_harbors:hover   {color: #FF0000; text-decoration: none; padding: 11px 22px 13px 22px;}


#headernavbkg {width: 100%; text-align:center; padding-bottom: 10px;}
#headernav    {width: 800px; margin-left: auto; margin-right: auto; font-size: 10pt; padding: 5px 0 10px 0; text-align:left;}
#header_title {padding-bottom: 10px; text-align: center;}
a.headnavs_home            {background: url(/images/header_btn_background.gif) no-repeat; margin-left: 15px; margin-right: 8px;
                            color: #FFFFFF; text-decoration: none; padding: 7px 52px 13px 52px;}
a.headnavs_home:hover      {color: #FF0000; text-decoration: none; padding: 7px 52px 13px 52px;}
a.headnavs_clubhouse       {background: url(/images/header_btn_background.gif) no-repeat; margin-left: 8px; margin-right: 8px; 
                            color: #FFFFFF; text-decoration: none; padding: 7px 12px 13px 10px;}
a.headnavs_clubhouse:hover {color: #FF0000; text-decoration: none; padding: 7px 12px 13px 10px;}
a.headnavs_youth           {background: url(/images/header_btn_background.gif) no-repeat; margin-left: 8px; margin-right: 8px; 
                            color: #FFFFFF; text-decoration: none; padding: 7px 20px 13px 22px;}
a.headnavs_youth:hover     {color: #FF0000; text-decoration: none; padding: 7px 20px 13px 22px;}
a.headnavs_events          {background: url(/images/header_btn_background.gif) no-repeat; margin-left: 8px; margin-right: 8px; 
                            color: #FFFFFF; text-decoration: none; padding: 7px 24px 13px 16px;}
a.headnavs_events:hover    {color: #FF0000; text-decoration: padding: 7px 24px 13px 16px;}
a.headnavs_harbors         {background: url(/images/header_btn_background.gif) no-repeat; margin-left: 8px; margin-right: 8px; 
                            color: #FFFFFF; text-decoration: none; padding: 7px 20px 13px 18px;}
a.headnavs_harbors:hover   {color: #FF0000; text-decoration: none; padding: 7px 20px 13px 18px;}

/* page content area */
div#pagearea {width: 100%; text-align:center;}
div#contentarea    {width: 800px; margin-left: auto; margin-right: auto; border-left: 1px solid #333333; 
                             border: 1px solid #999999; padding: 10px 10px 10px 10px; background-color: #EEEEEE; text-align: left;}
#pagetitle {font-size: 24pt; font-weight: bold; color: #000066; border-bottom: 1px solid #CCCCCC; text-align: left;
                 font-family: "Times New Roman", Times, serif;}
p.pagetitle2 {font-size: 20pt; font-weight: bold; color: #000066; border-bottom: 1px solid #CCCCCC; text-align: left;
                 font-family: "Times New Roman", Times, serif;}
p.pagetitle3 {font-size: 16pt; font-weight: bold; color: #000066; border-bottom: 1px solid #CCCCCC; text-align: center;
                 font-family: "Times New Roman", Times, serif;}
				 
div.spacer_row {width: 100%; clear: both; padding: 4px;}

/* footer area */
div#footer {color: #003366; font-size: 10pt; padding-top: 10px; border-top: 1px dotted #CCCCCC; width: 800px; clear: both;}
div#footer_left {float: left;}
div#footer_right {float: right;}