/*
/* Style sheet file for NSIHL
/*
/*************************************************************************/

/* -----------------------------------------------------------------------------------------  */
/* controls the general fonts & colors for the entire web site */
/* -----------------------------------------------------------------------------------------  */
body,.desc      {   font-family : Verdana, Arial, Helvetica, sans-serif;
                font-size: 12pt;
                color: white;
                background-color: #336699;
                margin:0 }

/* -----------------------------------------------------------------------------------------  */
/* controls the look and feel of any links */
/* -----------------------------------------------------------------------------------------  */
A:LINK,
A:VISITED       {   color: white;
                text-decoration : underline;
            }
A:HOVER         {   color: white;
                font-weight: bold;
                text-decoration: underline;
            }
/* -----------------------------------------------------------------------------------------  */
/* controls the look and feel of the heading text */
/* -----------------------------------------------------------------------------------------  */
.header         {   color: white;
                font-size: 16pt;
                text-align: left;
            }

/* -----------------------------------------------------------------------------------------  */
/* controls the look and feel of the heading text */
/* -----------------------------------------------------------------------------------------  */
.special1       {
                background-color: #036;
            }

/* -----------------------------------------------------------------------------------------  */
/* controls the colour of the border around the pictures */
/* -----------------------------------------------------------------------------------------  */
.border         {   border-color: white;
            }

/* -----------------------------------------------------------------------------------------  */
/* controls the behaviour of the sponsor text */
/* -----------------------------------------------------------------------------------------  */
.sponsors       {   color: black;
                font-size:9pt;
            }
A.sponsors:LINK,
A.sponsors:VISITED      {   color: black;
                text-decoration: underline;
                font-size: 9pt;
            }
A.sponsors:HOVER    {   color: black;
                text-decoration: underline;
                font-size: 9pt;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of footer menu */
/* -----------------------------------------------------------------------------------------  */
A.foot:LINK,
A.foot:VISITED      {   color: lightgrey;
                text-decoration: none;
                font-weight: normal;
                font-size: 10pt;
            }
A.foot:HOVER        {   color: red;
                font-weight: normal;
                text-decoration: none;
                font-size: 10pt;
            }
P.foot          {   color: lightgrey;
                font-size: 10pt;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of current news items */
/* -----------------------------------------------------------------------------------------  */
A.news:LINK,
A.news:VISITED      {   color: lightgrey;
                text-decoration: none;
                font-weight: normal;
                text-align:left;
                font-size: 12pt;
            }
A.news:HOVER        {   color: black;
                font-weight: normal;
                text-decoration: none;
                text-align:left;
                font-size: 12pt;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of FAQ markers */
/* -----------------------------------------------------------------------------------------  */
.question       {   color: #CC0000;
                font-size:18pt;
            }

.answer         {   color: lightblue;
                font-size:18pt;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of 'back to top' links */
/* -----------------------------------------------------------------------------------------  */
.totop          {
                font-size:10pt;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of 'back to top' links */
/* -----------------------------------------------------------------------------------------  */
.warning        {
                font-size:8pt;
                font-style:italic;
            }

/* -----------------------------------------------------------------------------------------  */
/* special look and feel for individual menu items */
/* -----------------------------------------------------------------------------------------  */
.special1       {
                background-color: #036;
            }

.special2       {
                color: #ffff00;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of menu */
/* ----------------------------------------------------------------------------------------- */

/* If the user's browser doesn't have CSS support, the line of text (Site Navigation) is visible.  */
/* To hide the text from CSS-enabled browsers, set the display to none */
#navsite p      {
                display: none;
            }

/* stylize the div element that encapsulates the set of menu links */
#navsite        {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 10pt;
                width: 10em;
                border-right: 0px solid #336699;
                padding: 0;
                margin-bottom: 1em;
                color: #333;
            }

/* rule eliminates any potential problems with the indentation of lists by setting the margin and  */
/* padding to 0 as well as by eliminating any list markers */
#navsite ul         {   list-style: none;
                border-top: 1px solid #0D3887;
                margin: 0;
                padding: 0;
            }

/* make sure margins aren't applied to each list item and place a border at the bottom of the list item.  */
/* This design element helps reinforce the separation of the list items */
#navsite ul li      {
                margin: 0;
                border-top: 0px solid #0D3887;
                border-bottom: 1px solid #0D3887;
            }

/* stylize the appearance of the borders, text color, text decoration, and width */
/* note that the left border is wider to give the effect of an icon beside the menu item */
#navsite ul li a    {
                display: block;
                padding: 2px 2px 2px 0.5em;
                border-left: 10px solid #CC0000;
                border-right: 0px solid #CC0000;
                border-bottom: 0px solid #0D3887;
                color: white;
                text-decoration: none;
                width: 100%;
            }

/* The final declaration for the links sets the width at 100%. This rule was set to make sure IE for  */
/* Windows makes the entire area clickable. The drawback with this rule is that it causes problems */
/* in IE 5 for Macintosh and in Netscape Navigator 6+. To work around this problem, use the child  */
/* selector, which IE for Windows can't process, to reset the width of the link */
html>body #navsite ul li a {
                width: auto;
            }

/* set the styles for the rollover effect of the links           */
#navsite ul li a:hover  {
                border-left: 10px solid #036;
                border-right: 0px solid #0D3887;
                border-bottom: 0px solid #0D3887;
                background-color: lightblue;
                color: black;
            }


/* -----------------------------------------------------------------------------------------  */
/* control look and feel of contacts email ids */
/* ----------------------------------------------------------------------------------------- */
#contacts ul        {   list-style: none;
                vertical-align: text-top;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of tournament lists */
/* ----------------------------------------------------------------------------------------- */
#tournaments td     {
                font-size: 10pt;
                vertical-align: top;
            }

/* -----------------------------------------------------------------------------------------  */
/* control look and feel of photo list */
/* ----------------------------------------------------------------------------------------- */
#photolist      {
                font-size: 10pt;
                width: 150px;
                height: 350px;
                overflow: auto;
                border: 0px solid #000000;
                padding: 0px 0px 0px 0px;
                background-color: #336699;
            }


/* -----------------------------------------------------------------------------------------  */
/* controls look and feel of home page scroller  */
/* -----------------------------------------------------------------------------------------  */

#pscroller1{
                width: 160px;
                height: 225px;
                border: 1px solid black;
                padding: 5px;
                color: black;
                font-size:10pt;
                text-align: left;
                background-color: lightblue;
}

#pscroller1 a       {
                color: black;
                font-weight: normal;
                text-decoration: none;
                font-size: 10pt;
            }

#pscroller1 a:hover {
                color: red;
                font-weight: normal;
                text-decoration: none;
                font-size: 10pt;
            }

.someclass{ //class to apply to your scroller(s) if desired
}

/* -----------------------------------------------------------------------------------------  */
/* controls look and feel of photo pages */
/* -----------------------------------------------------------------------------------------  */
#thumbs         {
/*              width:700px;  */
            }
#thumbs div         {
                margin:5px;
                width:130px;
                height:110px;
                float:left;
                background:#333;
                border-top:1px solid #333;
                border-left:1px solid #333;
                border-bottom:1px solid #999;
                border-right:1px solid #999;
            }
#thumbs div img     {
                border:none;
                display:block;
                margin: 4px auto;
                text-align:center;
            }

#thumbs.sequential div  {
                    float:left;clear:both;margin-bottom:0;
            }

#thumbs.sequential div.current{
                    background:#036;
            }

#loadingmessage     {
                position:absolute;
                top:200px;
                left:250px;
                padding:1em 5px;
                background:#ffc;
                font-family:Verdana,Sans-serif;
                font-weight:bold;
                width:20em;
                text-align:center;
                font-size:80%;
                color:#000;
                border-bottom:1px solid #cc9;
                border-right:1px solid #cc9;
                border-left:1px solid #fff;
                border-top:1px solid #fff;
            }

#bigDynPic      {
                background:#369;
                position:absolute;
                top:11em;
                left:360px;
                padding:5px;
                border-bottom:1px solid #036;
                border-right:1px solid #036;
                border-left:1px solid #69c;
                border-top:1px solid #69c;
            }
#bigDynPic img      {
                border-top:1px solid #036;
                border-left:1px solid #036;
                border-bottom:1px solid #69c;
                border-right:1px solid #69c;
            }
#bigDynPic p        {
                font-family:Verdana,Sans-serif;
                font-weight:bold;
                font-size:80%;
                background:#369;
                color:#fff;
                margin:0;
                padding:5px 10px;
            }