/* This is the CSS document for Forster - Tuncurry Golf Driving Range And Water Golf website */

/* The following piece of CSS forces a vertical scroll bar to appear on pages without enough content
for the scroll bar to appear. This is so that all pages will display consistently and eliminate the
effect of the shorter pages jumping to the left */
html {
overflow-y: scroll;
}
/* The following styles are applied to the body of each page within the website */
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
line-height: 150%;
color: #000000;
background-color: #DFDFDF;;
margin: 0px;
padding: 0px;
}
/* The following applies styles to the Heading 1 <h1> elements of all pages */
h1{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
font-size: xx-large;
color: #00B900;
}
/* The following applies styles to the Heading 2 <h2> elements of all pages */
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: large;
color: #000000;
}
/* The following class is assisting in keeping the text confined to and aligned within the mainshell */
.infoshell{
text-align:left;
padding:20px 40px 20px 40px;
}
/* The following is the old workaround for fixed width page consistency in Internet Explorer */
.ieshell{
text-align:center;
}
/* The following class renders properties to a fixed width page */
.mainshell{
width:920px;
height: auto;
margin-left:auto;
margin-right:auto;
text-align:left;
background-image:url('../images/rangegradient.png');
background-repeat:repeat-y;
box-shadow: 0 0 16px 16px #7C7C7C;
}
/* The following CSS properties apply color, size etcetera to the website page links*/
a:link{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #00B900;
}
a:visited{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #00B900;
}
a:hover{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #417E77;
}
/* The following class applies properties to the Google map on the contact page */
.mapcontrol{
width: 525px;
margin: auto;
}
/* The following 2 classes align the comapny name and slogan at the bottom of the index (home) page. The palign class has 
also been applied to the websites linking system for center alignment (h2align not used for linking system) */
.palign{
text-align: center;
}
.h2align{
text-align: center;
}
/* The following sets the propeties for the horizontal rules throughout the entire site */
hr{
color: #00B900;
background-color: #00B901;
height: 2px;
}
/* The following class applies to the view of the text contained within the footer */
.footeralign{
font-size: xx-small;
text-align: center;
}
/* The following class aligns the bucket of balls image on the driving range page */
.bucketalign{
float: right;
margin: 8px 20px 0px 20px;
}
/* The following class aligns the image of people playing Water Golf on the watergolf page*/
.waterimgalign{
float: right;
margin: 20px 20px 0px 20px;
}
/* The following class aligns the waterdrop image with golf ball inside on the watergolf page*/
.waterimgalign2{
float: right;
margin: 0px 120px 0px 40px;
}
/* The following image aligns the broken golf club image on the repairs page */
.repairsimgalign{
float: right;
margin: 20px 20px 0px 20px;
}
/* The following class aligns the "The Swing Doctor" image on the tuition page */
.logoalign{
text-align: center;
}
/* The following are styles applied to images on various pages */
.homeimgbackground{
background-color: #00B901; 
width: 835px;
height: 140px;
border: 5px solid #00B900;
border-radius: 10px;
}
.bucketimgbackground{
margin-left: 5px;
float: right;
background-color: #00B901; 
width: 300px;
height: 199px;
border: 5px solid #00B900;
border-radius: 10px;
}
.rangeimgbackground{
background-color: #00B901; 
width: 835px;
height: 323px;
border: 5px solid #00B900;
border-radius: 10px;
}
.watergolfimgbackground{
margin-left: 5px;
float: right;
background-color: #00B901; 
width: 350px;
height: 233px;
border: 5px solid #00B900;
border-radius: 10px;
}
.puttputtclubsimgbackground{
margin-left: 5px;
float: right;
background-color: #00B901; 
width: 180px;
height: 155px;
border: 5px solid #00B900;
border-radius: 10px;
}
.puttputtimgbackground{
background-color: #00B901; 
width: 835px;
height: 323px;
border: 5px solid #00B900;
border-radius: 10px;
}
.shopimg1background{
margin-left: 5px;
float: right;
background-color: #00B901; 
width: 350px;
height: 233px;
border: 5px solid #00B900;
border-radius: 10px;
}
.shopimg2background{
margin-left: 5px;
float: right;
background-color: #00B901; 
width: 348px;
height: 340px;
border: 5px solid #00B900;
border-radius: 10px;
}
.imgradius{
border-radius: 10px;
}
.fbalign{
text-align: center;	
}