@charset "UTF-8";
/* CSS Document */

/************************************************
 Global Reset
************************************************/
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,
b, u, i, center,
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-size: 100%; /*background: transparent;*/ }
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
/* remember to define focus styles! */
:focus{ outline: 0; }
/* remember to highlight inserts somehow! */
ins{ text-decoration: none; }
del{ text-decoration: line-through; }
table{ border-collapse: collapse; border-spacing: 0; }
img{ border: none;}


/***************************************f*********
 Global Styles
************************************************/
body{ 
	background: #4F2B20; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 12px; 
}

.page-container{
width: 1000px; 
	margin: 0 auto; 
	background: #FDF3E8;
}

h2 {
  font: 400 1.5em arial, verdana, serif, "trebuchet ms";
  color: #000;
}


	
/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 120px;
  clear: both;
}

#header img.hamilton-hdr-bg{
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

/* Sets where the header images will go */

#header-index {
  position: relative;
  height: 655px;
  clear: both;
}

#header-index img.hamilton-hdr-bg{
  position: absolute;
  z-index: 1;

  top: 0;
  left: 100px;
}

#header-index img.course{
  position: absolute;
  z-index: 1;

  top: 120px;
  left: 100px;
}

#header-index img.golfer{
  position: absolute;
  z-index: 1;

  top: 37px;
  left: 188px;
}

#header-index img.fantasy-golf{
  position: absolute;
  z-index: 1;

  bottom: 252px;
  right: 160px;
}

#header-index img.register{
  position: absolute;
  z-index: 1;

  bottom: 216px;
  right: 170px;
}

#header-index img.packages{
  position: absolute;
  z-index: 1;

  bottom: 173px;
  right: 170px;
}

#header-index img.directory{
  position: absolute;
  z-index: 1;

  bottom: 52px;
  right: 160px;
}

#header-index img.directory{
  position: absolute;
  z-index: 1;

  bottom: 132px;
  right: 170px;
}

#header-index #login{
  position: absolute;
  z-index: 1;

  width: 350px;
  padding: 0 0 10px 0;
  margin: 0;

  top: 350px;
  left: 130px;

  background: #DF651D;
  color: #FDF3E8;
}

#header img.logo {
  position: absolute;
  z-index: 2;

  top: 12px;
  left: 13px;
}












/**************************************************************
   #userMenu: Holds the site title and header images
 **************************************************************/

#userMenu {
  width: 801px;
  height: 25px;

  margin: 0 auto;
  font-size: 0.85em;
  background: #DFD6CC;
}



/**************************************************************
   #mainMenu: The top level site menu - text only
 **************************************************************/

#mainMenu { 
  width: 801px;
  background: #fff;
  clear: both;  
  margin: 0 auto;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0;
  padding: 0;

  font: 400 1.2em arial, verdana, serif, "trebuchet ms";
  text-decoration: none;
  text-transform: lowercase;
  color: #000;
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #65EBFF;
/*border-top: 5px solid #FFF;*/
}

#mainMenu li a.last {
  margin-right: 0;
}



/**************************************************************
   #mainMenu: The top level site menu + image backgrounds
 **************************************************************/

#mainMenu ul            { position: relative; height: 28px; background: url(../../media/imgs/hamilton/not-logged-in.jpg) no-repeat; padding; 0; margin: 0;}
#mainMenu ul.not-logged { width: 804px; height: 28px; background: url(../../media/imgs/hamilton/not-logged-in.jpg) no-repeat; }
#mainMenu li a          { position: absolute; top: 0; height: 28px; padding: 0; margin: 0; z-index: 3; }

/** Load std images **/
#mainMenu li.picks   a:link,
#mainMenu li.picks   a:visited{ left: 0px; width: 109px; background: url(../../media/imgs/hamilton/nav/play.gif) no-repeat; }
#mainMenu li.history a:link,
#mainMenu li.history a:visited{ left: 109px; width:68px; background: url(../../media/imgs/hamilton/nav/history.gif) no-repeat; }
#mainMenu li.standings a:link,
#mainMenu li.standings a:visited{ left: 177px; width: 76px; background: url(../../media/imgs/hamilton/nav/standings.gif) no-repeat; }
#mainMenu li.leagues a:link,
#mainMenu li.leagues a:visited{ left: 253px; width: 64px; background: url(../../media/imgs/hamilton/nav/leagues.gif) no-repeat; }
#mainMenu li.news    a:link,
#mainMenu li.news    a:visited{ left: 317px; width: 93px; background: url(../../media/imgs/hamilton/nav/news.gif) no-repeat; }
#mainMenu li.prizes  a:link,
#mainMenu li.prizes  a:visited{ left: 410px; width: 51px;  background: url(../../media/imgs/hamilton/nav/prizes.gif) no-repeat; }
#mainMenu li.schedule   a:link,
#mainMenu li.schedule   a:visited{ left: 461px; width: 69px;  background: url(../../media/imgs/hamilton/nav/schedule.gif) no-repeat; }
#mainMenu li.rules   a:link,
#mainMenu li.rules   a:visited{ left: 530px; width: 101px;  background: url(../../media/imgs/hamilton/nav/rules.gif) no-repeat; }
#mainMenu li.support a:link,
#mainMenu li.support a:visited{ left: 631px; width: 64px;  background: url(../../media/imgs/hamilton/nav/support.gif) no-repeat; }
#mainMenu li.logout  a:link,
#mainMenu li.logout  a:visited{ left: 695px; width: 106px; background: url(../../media/imgs/hamilton/nav/logout.gif) no-repeat; }

/** Prepare hover-over images for hover and current states **/
#mainMenu li.picks     a:hover,
#mainMenu li.picks     a.current{ background-position: 100% -28px; }
#mainMenu li.history   a:hover,
#mainMenu li.history   a.current{ background-position: 100% -28px; }
#mainMenu li.standings a:hover,
#mainMenu li.standings a.current{ background-position: 100% -28px; }
#mainMenu li.leagues   a:hover,
#mainMenu li.leagues   a.current{ background-position: 100% -28px; }
#mainMenu li.news      a:hover,
#mainMenu li.news      a.current{ background-position: 100% -28px; }
#mainMenu li.prizes    a:hover,
#mainMenu li.prizes    a.current{ background-position: 100% -28px; }
#mainMenu li.schedule  a:hover,
#mainMenu li.schedule  a.current{ background-position: 100% -28px; }
#mainMenu li.rules     a:hover,
#mainMenu li.rules     a.current{ background-position: 100% -28px; }
#mainMenu li.support   a:hover,
#mainMenu li.support   a.current{ background-position: 100% -28px; }
#mainMenu li.logout    a:hover,
#mainMenu li.logout    a.current{ background-position: 100% -28px; }



li#notlog-home{ background: url(../../media/imgs/hamilton/nav/notlogged-home.jpg); height: 28px; width: 135px; position: absolute; top: 0px; left: 0px; }
li#notlog-home a{ height: 28px; width: 135px; display: block; }
li#notlog-home a:hover, li#notlog-home a.selected{ background: url(../../media/imgs/hamilton/nav/notlogged-home.jpg) 0px 28px; }

li#notlog-prizes{ background: url(../../media/imgs/hamilton/nav/notlogged-prizes.jpg); height: 28px; width: 100px; position: absolute; top: 0px; left: 135px; }
li#notlog-prizes a{ height: 28px; width: 100px; display: block; }
li#notlog-prizes a:hover, li#notlog-prizes.selected{ background: url(../../media/imgs/hamilton/nav/notlogged-prizes.jpg) 0px 28px; }

li#notlog-support{ background: url(../../media/imgs/hamilton/nav/notlogged-support.jpg); height: 28px; width: 107px; position: absolute; top: 0px; left: 235px; }
li#notlog-support a{ height: 28px; width: 107px; display: block; }
li#notlog-support a:hover, li#notlog-support.selected{ background: url(../../media/imgs/hamilton/nav/notlogged-support.jpg) 0px 28px; }

li#notlog-howtoplay{ background: url(../../media/imgs/hamilton/nav/notlogged-howtoplay.jpg); height: 28px; width: 150px; position: absolute; top: 0px; left: 342px; }
li#notlog-howtoplay a{ height: 28px; width: 150px; display: block; }
li#notlog-howtoplay a:hover, li#notlog-support.selected{ background: url(../../media/imgs/hamilton/nav/notlogged-howtoplay.jpg) 0px 28px; }

li#notlog-rules{ background: url(../../media/imgs/hamilton/nav/notlogged-rules.jpg); height: 28px; width: 154px; position: absolute; top: 0px; left: 492px; }
li#notlog-rules a{ height: 28px; width: 154px; display: block; }
li#notlog-rules a:hover, li#notlog-support.selected{ background: url(../../media/imgs/hamilton/nav/notlogged-rules.jpg) 0px 28px; }

li#notlog-schedule{ background: url(../../media/imgs/hamilton/nav/notlogged-schedule.jpg); height: 28px; width: 162px; position: absolute; top: 0px; left: 646px; }
li#notlog-schedule a{ height: 28px; width: 162px; display: block; }
li#notlog-schedule a:hover, li#schedule-support.selected{ background: url(../../media/imgs/hamilton/nav/notlogged-schedule.jpg) 0px 28px; }

/**************************************************************
   Login Page Classes
 **************************************************************/
#login-actions {
  position: relative;
  height: 50px;
  font-size: .8em;
}

#login-actions input {
  position: absolute;
  top: 20px;
  right: 19px;
}

#login-actions a.password {
  position: absolute;
  top: 4px;
  left: 12px;
  color: #FDF3E8; 
}

#login-actions a.register {
  position: absolute;
  bottom: 6px;
  left: 12px;
  color: #FDF3E8; 

  font-size: 1.5em;
  text-transform: uppercase;
}

#callouts-middle {
  position: relative;
  height: 196px;
}

#callouts-middle img.htp {
  position: absolute;
  top: 0;
  left: 0;
}

#callouts-middle img.prizes {
  position: absolute;
  top: 0;
  right: 0;
}

#callouts-middle div.htp {
  position: absolute;

  width: 350px;

  font-size: .8em;
  line-height: 110%;

  top: 30px;
  left: 0;
}

#callouts-middle div.prizes {
  position: absolute;

  width: 350px;

  font-size: .8em;
  line-height: 110%;

  top: 30px;
  right: 150px;
}




/**************************************************************
   Generic Padding Classes
 **************************************************************/

.pad-large  { padding: 20px; }
.pad-medium { padding: 10px; }
.pad-small  { padding: 5px; }

.pad-large-left  { padding-left: 20px; }
.pad-medium-left { padding-left: 10px; }
.pad-small-left  { padding-left: 5px; }

.pad-large-right  { padding-right: 20px; }
.pad-medium-right { padding-right: 10px; }
.pad-small-right  { padding-right: 5px; }

.pad-large-top  { padding-top: 20px; }
.pad-medium-top { padding-top: 10px; }
.pad-small-top  { padding-top: 5px; }

.pad-large-bottom  { padding-bottom: 20px; }
.pad-medium-bottom { padding-bottom: 10px; }
.pad-small-bottom  { padding-bottom: 5px; }

.margin-large  { margin: 20px; }
.margin-medium { margin: 10px; }
.margin-small  { margin: 5px; }

.margin-large-left  { margin-left: 20px; }
.margin-medium-left { margin-left: 10px; }
.margin-small-left  { margin-left: 5px; }

.margin-large-right  { margin-right: 20px; }
.margin-medium-right { margin-right: 10px; }
.margin-small-right  { margin-right: 5px; }

.margin-large-top  { margin-top: 20px; }
.margin-medium-top { margin-top: 10px; }
.margin-small-top  { margin-top: 5px; }

.margin-large-bottom  { margin-bottom: 20px; }
.margin-medium-bottom { margin-bottom: 10px; }
.margin-small-bottom  { margin-bottom: 5px; }


.index-content{
	padding: 0px 20px 40px;
}
.index-content h1{
	font-size: 1.8em;
	padding-bottom: 15px;
}
.index-content h2{
	font-weight: bold;
	padding-bottom: 5px;
}
.index-content p{
	margin-bottom: 15px;
	line-height: 1.3em;
}