body {
	margin : 0px;
    text-align : left;
    font-size : 100%;
	font-family : verdana, geneva, lucida, helvetica, sans-serif;
    height : 100%;
}

div { 
    margin : 0px; 
    padding : 0px; 
    border : none;
}

.clear { clear: both;} 
/* NN4 hack */
/*/*/ .clear { display: none; } /* */

br.tiny {
    line-height : 1%;
}

/* FONTS */

/* normal font - uses IE hack from
   http://www.alistapart.com/articles/sizematters/
*/
td, th, p, div, ul, .boxbody {
    text-align : left;
    font-size:    x-small;      
    voice-family: "\"}\""; 
    voice-family: inherit;   
    font-size:    small;
}

h1, h2, h3 {
    text-align : left;
    font-weight : bold;
}

h1 {
    font-size : 110%;
}

h2 {
    font-size : 105%;
}

h3 {
    font-size : 100%;
}

a {
	text-decoration : none;
    font-weight : bold;
}
.small {
    font-size : xx-small;
}

.newsflash {
    border : 1px Black solid;
    background-color: white;
    padding : 4px;
    text-align : left;
    margin : 0 8px 0 8px;
    width : 60%;
}

.newsflash strong {
    color : Red
}

/* FIXED WIDTHS */

#header, #columns, #footer {
    width : 779px;
    margin : 0 auto;
    height : 130px;
}

#header {
    margin-top : 8px;
}

#main {
    width : 629px;
}

#menu {
    width : 147px;
}

#notices {
    width : 180px;
}

#at_a_glance {
    width : 220px;
}

/* COLUMNS */
#main, #notices, #at_a_glance {
	float: right;
}
/* NN4 HACK: hide since float model is screwed */
/*/*/
#menu {margin-right: 629px;}
#articles { margin-right: 180px; }
#course { margin-right: 220px; }
/* */

/* IE6 HACK:  position:relative needed to make boxes show on 
   initial rendering, plus hide from NN4 */ 
/*/*/
#header, #main, #menu, #articles, #notices, #course, #at_a_glance { 
    p\osition: relative; 
}
/* */

#footer {
    clear : both;
}
/* BOXES */

/* IE PC hack \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.boxhead {
    margin: 0px;
	padding: 0px;
}

.boxhead h1 {
	margin: 0px;
	padding: 6px 8px 4px 8px;
}

.boxbody {
	margin: 0;
	padding: 1px 20px 10px 8px;
}

.boxbody img {
    border : 1px Black solid;
    margin : 10px 0px 8px 8px;
    float : right;
}

div.menu_box, div.article_box, div.notice_box, div.head_box, div.info_box, div.footer {
	font-size: 100%;
}

div.head_box .boxhead, div.head_box .boxbody {
    margin : 0;
    padding : 0;
    position : relative;
    text-align : left;
}
div.head_box .boxhead {
    height : 25px;
}
div.head_box .boxbody img {
    float : none;
    position : relative;
    top : 0px;
    left : 0px;
    border : 0;
    margin : 0;
}
div.head_box .boxbody h1, div.head_box .boxbody p {
    display : none;
}

div.menu_box .boxbody {
	padding: 1px 10px 10px 0px;
}
div.menu_box ul {
    margin : 0 0 4px 0;
    padding : 0;
}
div.menu_box ul li {
    margin : 0px;
    padding : 2px 8px 2px 10px;
    list-style-type : none;
    text-align : left;
    border-top : 1px #ffcc00 solid;
}
/* Would be nice to use li:first-child, but IE is borked */
div.menu_box ul li.first {
    padding-top : 8px;
    border-top : 0px;
}

div.article_box .boxbody {
    padding : 1px 40px 10px 28px;
}
div.article_box img.odd {
    position : relative;
    float : left;
    left : -15px;
}
div.article_box img.even {
    position : relative;
    float : right;
    right : -10px;
}
div.article_box p {
    text-align : justify;
}
div.article_box table {
    margin-bottom : 8px;
}
table.course_info th, table.course_info td {
    text-align : center;
}

div.map {
    position : relative;
    left : 0px;
}
div.map img {
    position : relative;
    top: 0px;
    left : 0px;
    border : 0;
    margin : 0 0 20px 0;
}

div.map .course {
    position : absolute;
    width : 150px;
}

div.map .course img {
    float : left;
    margin : 0;
    border : 0;
}

table.course_info {
    margin : 0 auto;
}

table.course_info td, table.course_info th {
    text-align : center;
    padding : 2px 1px 2px 1px;
}

div.article_box .link {
    text-align : right;
    clear : both;
}

div.info_box .boxbody, div.info_box p {
    margin-top : 0px;
    text-align : center;
}

div.info_box .boxbody img {
    margin : 4px 0 0 0;
    position : relative;
    left : 4px;
}

div.info_box {
    display : none;
}

table.car_hire {
    width : 100%;
}
table.car_hire td, table.car_hire th {
    text-align : center;
    padding : 4px;
    border-bottom : 1px #006600 solid;
}
table.car_hire .spacer { border-bottom : 0;
}
table.car_hire form {
    margin-top : 8px;
}
table.car_hire img {
    float : none;
    border : 0;
    margin : 0;
}
table.car_hire .model {
    font-size : x-small;
    font-weight : bold;
}

div.notice_box p, div.notice_box h3 {
    margin : 0;
    text-align : center;
}
div.notice_box .first {
    margin-top : 8px;
}
div.notice_box form {
    margin : 4px 0 0 0;
}
div.notice_box img {
    border : 0;
    float : none;
}
div.notice_box hr {
    margin : 8px 0 8px 0;
    border : 0;
    color : #006600;
    background-color : #006600;
    height : 1px;
}

table.yardage {
    margin : 4px 0 0 0px;
    padding : 0;
    width : 100%;
}
table.yardage th, table.yardage td {
    font-size : xx-small;
    text-align : center;
    vertical-align : bottom;
    margin : 0px;
    padding : 2px;
    border-bottom : 1px Black solid;
    border-right : 1px Black solid;
}
table.yardage thead th {
    border-top : 1px Black solid;
}
table.yardage tr.total td {
    border-top : 1px Black solid;
    border-bottom : 2px Black solid;
}
table.yardage .hole {
    border-left : 1px Black solid;
    font-weight : bold;
}
table.yardage .white {
    background-color : White;
}
table.yardage .yellow {
    background-color : Yellow;
}
table.yardage .red {
    background-color : Red;
}
table.yardage .blue {
    background-color : Aqua;
}
table.yardage .hcap {
}
table.yardage .par {
}

table.weather, table.weather th, table.weather td {
    text-align : center;
}

form#enquiry th {
    text-align : right;
}

form#enquiry table.rounds th, form#enquiry table.rounds td {
    padding : 2px;
    text-align : center;
}
/* IMAGES - widths added to stop IE breaking */

div.menu_box {
    width : 100%;
    background: url(/images/site/boxes/yellow_br.gif) no-repeat bottom right;
}
div.menu_box .boxhead {
	background: url(/images/site/boxes/yellow_tr.gif) no-repeat top right;
}
div.menu_box .boxhead h1 {
	background: url(/images/site/boxes/yellow_tl.gif) no-repeat top left;
}
div.menu_box .boxbody {
	background: url(/images/site/boxes/yellow_bl.gif) no-repeat bottom left;
}

div.article_box, div.content_box, div.notice_box {
    width : 99%;
    background: url(/images/site/boxes/ltgreen_br.gif) no-repeat bottom right;
}
div.article_box .boxhead, div.content_box .boxhead, div.notice_box .boxhead {
	background: url(/images/site/boxes/ltgreen_tr.gif) no-repeat top right;
}
div.article_box .boxhead h1, div.content_box .boxhead h1, div.notice_box .boxhead h1 {
	background: url(/images/site/boxes/ltgreen_tl.gif) no-repeat top left;
}
div.article_box .boxbody, div.notice_box .boxbody, div.content_box .boxbody {
	background: url(/images/site/boxes/ltgreen_bl.gif) no-repeat bottom left;
}

div.head_box, div.info_box {
    width : 99%;
    background: url(/images/site/boxes/dkgreen_br.gif) no-repeat bottom right;
}
div.head_box .boxhead, div.info_box .boxhead {
	background: url(/images/site/boxes/dkgreen_tr.gif) no-repeat top right;
}
div.head_box .boxhead h1, div.info_box .boxhead h1 {
	background: url(/images/site/boxes/dkgreen_tl.gif) no-repeat top left;
}
div.head_box .boxbody, div.info_box .boxbody {
	background: url(/images/site/boxes/dkgreen_bl.gif) no-repeat bottom left;
}

#header {
    background : url(/images/site/top/top.jpg) no-repeat top left;
}

/* COLOURS - must come after background images for Firefox */

.required, .error {
    color : #ff0000;
}

/* dark green foreground */
a, h1, h2, h3, div.menu_box ul, div.menu_box h1 {
    color : #006600;
}

/* light green foreground */
a:hover {
    color : #33cc33;
}

/* yellow foreground */
div.info_box .boxhead h1 {
    color : #ffcc00;
}

/* white foreground */
.boxhead h1 {
    color : White;
}

/* dark green background */
div.footer, div.info_box .boxhead  {
    background-color : #006600;
}

/* light green background */
div.article_box .boxhead, div.content_box .boxhead, div.notice_box .boxhead  {	
    background-color : #33cc33;	
}

/* elements with yellow background */
div.menu_box .boxhead {
    background-color : #ffcc00;
}

/* off white background */
div.menu_box, div.article_box, div.notice_box, div.info_box, div.content_box {
    background-color : #ffffcc;
}