/* CSS TEMPLATE FOR A WORLD OF GOLF INTERNATIONAL */
/* CREATED 16-12-2009 BY NORTHGATE SYSTEMS*/

body            { background-color:#F2F2F2; margin:0 auto; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; margin:0 0 1em 0; padding:0; background-image:url(/images/template/awgiBG.gi); background-repeat:repeat }

*  { outline: none; }

/* FONT ELEMENTS */

h1              { position:relative; font-family:Georgia; font-size:1.3em; color:#00225A; margin:0 0 .5em 0; padding:0;  font-weight:normal; }
h1 a            { text-decoration:none; color:#00225A }
h1 a:hover      { color:#81ae2f; }
h2              { position:relative; font-family:Arial; font-size:.75em; color:#000; margin:0 0 .5em 0; padding:0;  font-weight:bold }
h2 a            { color:#81ae2f }

h1.title        { border-bottom:1px dotted #CCC; padding-bottom:.5em; }


p               { position:relative; font-size:.75em; color:#000; margin:0 0 .8em 0; padding:0; line-height:1.2em }
.BgTr           { position:relative; font-size:1em; font-weight:bold; color:#000; margin:0 0 .5em 0; padding:0; line-height:1.9em; background-color:#F2F2F2 }
.BgTdTitleBlue  { position:relative; font-size:.75em; color:#000; margin:0 0 .5em 0; padding:0; line-height:2.2em; background-color:#E5E4E1; font-size:1.2em; color:#666; margin-left: .75em }
.BgTdTitleGrey  { position:relative; font-size:.75em; color:#000; margin:0 0 .5em 0; padding:0; line-height:2.2em; background-color:#CCC; font-size:1.2em; color:#666; margin-left: .75em }
a img           { border: none; } 

a.button              { background: transparent url('/images/template/btnRight.png') no-repeat scroll top right; left:-2px; color:#000; display: block; float: left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; height: 25px; margin-right: 6px;  padding-right: 10px !important; /* sliding doors padding */ text-decoration: none; cursor:pointer }
a.button span         { background: transparent url('/images/template/btnLeft.png') no-repeat; display: block; line-height: 25px; padding: 0px 10px 8px 20px; color:#000; text-decoration: none;} 
a.button:hover        { background-position: bottom right; color:#000; outline:none; text-decoration:none; background: transparent url('/images/template/btnRightHover.png') no-repeat scroll top right;}
a.button:hover span   { background-position: top left; color:#000; text-decoration:none; background: transparent url('/images/template/btnLeftHover.png') no-repeat; padding-top:1px;}

strong, em, b, i  { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif; }


/* GENERAL ELEMENTS */

#container      { position:relative; width:61.25em; background-color:#FFF; margin:0 auto;     }  
.clearing       { clear:both }


.prodev         { position:relative; font-size:.75em; }



/* HEADER ELEMENTS */
#header         { position:relative; width:100%; padding:0 0 0 1em; margin:0 }
    #contacts   { position:absolute; width:15em; right:1.9em; top:1em;  }
    #contacts h3    { position:relative; font-size:.85em; padding:0; margin:0; color:#00225A; font-family:Georgia; font-weight:normal }
    #contacts h3 span { position:relative; left:10px; color:#838181; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, Helvetica, sans-serif;}
    



/* HOMEPAGE ELEMENTS */

.news           { position:relative; float:left; color:#00225A; width:17.5em; padding:1em; padding-bottom:1.5em; margin-bottom:1em; background-image:url(/images/template/newsColBG.gif); background-repeat:no-repeat; background-position:bottom } 
.newsSignup     { position:relative; padding-left:18px }


/* SHOWCASE ELEMENTS */

#showcase                       { position:relative; width:950px; height:300px; left:1em; margin:0 0 0 0; overflow:hidden; z-index:500 }

#sectionList                    { position:absolute; right:0px; top:0; width:312px; height:300px; background-image:url(/images/homepage/green-trans.png); background-repeat:no-repeat; z-index:1000 }
    .sectionListCol  p          { color:#FFF; line-height:16px; margin:0; padding:0 }
    .sectionListCol             { position:relative; width:17.5em; padding:.8em .2em .7em 1em; margin:0;  }
    .sectionListCol h2          { position:relative; color:#FFF; font-weight:bold; font-size:.9em;  margin:0; padding:0; font-family:Georgia; }
    .sectionListCol h2 a        { position:relative; color:#FFF; font-weight:bold; font-size:.9em;  margin:0; padding:0; }
    .sectionListCol a           { position:relative; font-size:.75em; color:#FFF; text-decoration:none }
    .sectionListCol a:hover     { text-decoration:underline}
    .sectionListCol img         { position:relative; width:48px; height:48px; margin:0 .5em 0 0; float:left }


#singleSectionList              { position:absolute; right:-1px; top:225px; width:312px; height:75px; background-image:url(/images/homepage/green-trans.png); background-repeat:no-repeat; }
    #singleSectionList  p       { color:#FFF; line-height:16px; margin:0; padding:0 }
    .singleSectionList          { position:relative; width:17.5em; padding:.8em 1em .7em 1em; margin:0;  }
    .singleSectionList h2       { position:relative; color:#FFF; font-weight:bold; font-size:.9em;  margin:0; padding:0; font-family:Georgia; }
    .singleSectionList a        { position:relative; font-size:.75em; color:#FFF; text-decoration:none }
    .singleSectionList a:hover  { text-decoration:underline}
    .singleSectionList img      { position:relative; width:48px; height:48px; margin:0 .5em 0 0; float:left }


.assignmentList         { position:relative; border:1px dotted #CCC; padding:.5em; clear:both; margin-bottom:.5em }
.assignmentList p       { margin-bottom:.5em; }
.assignmentList a          { position:relative; font-size:12px; color:#81ae2f;  }


/* INNER PAGE ELEMENTS */


#content                 { position:relative; width:100%; height:100%; }
    .contentCol          { position:relative; float:left; width:18.4em; height:14.5em; left:1.2em; margin:1em 1em 1em 0; padding-right:1em;  } 
    .contentColRight     { position:relative; float:left; width:18.4em; height:14.5em; left:.1em; margin:0 1em 1em 0; padding-right:1em;  } 
    .img                 { padding:.5em; background-color:#E0DFD9; float:left; margin:0 1em 0 0 }

#content p a, .news a             { position:relative; font-size:12px; color:#81ae2f;  }

#innerContentCol                { position:relative; float:left; width:38.7em;  left:1em; margin-bottom:1em; padding:1em 1em 0 0  } 
    #innerContentCol ul         { position:relative; list-style-type:none; padding:0; margin:1em 0 1em 1em; }
    #innerContentCol ul li      { position:relative; font-size:.75em; color:#000; background-image:url(/images/template/bullet.png); background-position:0 4px; background-repeat:no-repeat; padding:.2em 0 .2em 1.5em }
    #innerContentCol ul li a    { position:relative; color:#81ae2f; background-image:url(/images/template/bullet.png); background-position:0 3px; background-repeat:no-repeat; padding:.2em 0 .2em 1.5em }

    #innerContentCol  table ul { margin: 0; margin-left: 1em;}
    #innerContentCol  table img { border: 1px #CCCCCC dotted; } 
    #innerContentCol  table td { vertical-align:top; } 


#contactForm                { border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; background-color:#F2F2F2; padding:1em; }
.inputBox                   { position:relative; border:1px solid #CCC; padding:.3em; font-family:Arial; } 

#contactForm td { padding-bottom:5px; }

/* SIDEBAR  ELEMENTS */
#sideBar                 { position:relative; float:left; width:18.5em; left:1.2em; margin-bottom:1em; padding-right:1em;  } 
    #sideBar h1          { position:relative; margin:0 0 .5em 1em }
    #sideBar ul          { position:relative; list-style-type:none; padding:0; margin:1em 0 1em 1em; }
    #sideBar ul li       { position:relative; font-size:.75em; color:#000; background-image:url(/images/template/bullet.png); background-position:0 3px; background-repeat:no-repeat; padding:.2em 0 .2em 1.5em }
    #sideBar ul li a     { position:relative; color:#81ae2f; background-image:url(/images/template/bullet.png); background-position:0 3px; background-repeat:no-repeat; padding:.2em 0 .2em 1.5em }


.quote           { position:relative; float:left; font-style:italic; color:#00225A; width:17.5em; padding:1em; padding-bottom:1.5em; margin-bottom:1em; background-image:url(/images/template/newsColBG.gif); background-repeat:no-repeat; background-position:bottom } 


blockquote       { position: relative; text-indent: 2.5em; font-family:Georgia; font-size:.85em; padding:0; margin:.3em; }
.bqstart,
.bqend           { font-size: 500%; }
.bqstart         { text-indent: 0; position: absolute; top: -0.2em; left: 0; }
.bqend           { position: absolute; margin-top: 5px; right: 0; text-indent: 0; }


.sidebarImageHolder { text-align:center; width:312px; }

.sidebarImageHolder img { text-align:center; border:1px dotted #CCCCCC; }

.sidebarImageHolder span { font-size: 0.75em; padding-bottom:1em; display:block; }


/* FOOTER ELEMENTS */
#footer             { position:relative; width:98.5%; height:10.4em; margin:.5em 0 ; border-top:.5em solid #F2F2F2; padding-left:1em; background-image:url(/images/template/footerBG.png); background-repeat:no-repeat; background-position:bottom left }
#footer h1          { font-size:1.05em; }
    .footerCol      { position:relative; width:23%; padding:1em 1em 1.5em 0;  float:left }
    .footerCol img  { position:relative; width:48px; height:48px; margin:0 .5em 2em 0; float:left }
    #copyTxt        { position:relative; float:left; width:60%; font-size:.75em; color:#FFF; margin-top:1.2em }
    #ngs            { position:relative; float:right; margin:.5em 1.2em 0 0; }





/* MENU ELEMENTS */


#mainNav        { position:relative; width:950px; height:47px; background-image:url(/images/template/menuBG.gif); background-repeat:repeat-x }


.ddsmoothmenu
{
position:absolute; 
width: 940px;
font-size:.75em;
z-index:1000;
top:8px;
padding-left:10px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
z-index:1000;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
border-left:1px solid #000;
border-right:1px solid #454545;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
padding: 8px 24px;
text-decoration: none;
color:#FFF;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #fff;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

color: #81ae2f;
}

.ddsmoothmenu ul li a:hover{
/* background: #FFF; background of menu items during onmouseover (hover state)*/
color: #CCC;

}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 1em Arial;
width: 210px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
padding-left:1em;
}

/* Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /* Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */




.ddshadow{
position: absolute;
left: 0px;
top: 0px;
width: 0;
height: 0;
background: #FFF;

}