html, body{
	scrollbar-face-color: #3D5440;
	scrollbar-base-color: #C1D2C4;
	scrollbar-arrow-color: #C1D2C4;
	scrollbar-track-color: #C1D2C4;
	scrollbar-shadow-color: #C1D2C4;
	scrollbar-highlight-color: #3D5440;
	scrollbar-3dlight-color: #C1D2C4;
	scrollbar-darkshadow-color: #3D5440;
	}

body {
background-color: #3D5440; 
color: #3D5440; 
margin: 0; 
padding: 0;
}

p {color: #3d5440; font: normal 16px serif;}
		 
.holi{color: green; text-align: center; font: 20px bold;}
			 
.menu {height: 45px; text-align: center; line-height: 2.5em;}			 
.menu a {text-decoration: none; font: bold 10px  Georgia, "Times New Roman", Times, serif; padding: 4px;}
.menu a:link {color: #3D5440;}
.menu a:visited {color: #3D5440;}
.menu a:hover {color: #C1D2C4; font: bold 10px  Georgia, "Times New Roman", Times, serif;
               padding: 2px; background-color: #3d5440; border: groove 2px green;}
.menu a:active {color: #3D5440;}

.mail a {text-decoration: underline; font: italic 12px  Georgia, "Times New Roman", Times, serif;}
.mail a:link {color: #3D5440;}
.mail a:visited {color: #3D5440;}
.mail a:hover {color: #FFFFFF; font: italic 12px  Georgia, "Times New Roman", Times, serif;}
.mail a:active {color: #3D5440;}
		 
.link a {text-decoration: none; font: bold 14px  Georgia, "Times New Roman", Times, serif; padding: 4px;}
.link a:link {color: #3D5440;}
.link a:visited {color: #3D5440;}
.link a:hover {color: #C1D2C4; font: bold 14px  Georgia, "Times New Roman", Times, serif;
               padding: 2px; background-color: #3d5440; border: groove 2px green;}
.link a:active {color: #3D5440;}
			 
.flag {vertical-align: middle; margin: 0px 2px 0px 2px;}

#maincontainer{
width: 700px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #C1D2C4;
}

#topsection{
background: #C1D2C4;
padding: 0;
height: 350px; /*Height of top section*/
}

#headermenu{
padding: 2px 0px 10px 0px;
background: #C1D2C4;
border-bottom: 5px solid #3D5440;
}

#row1 {
padding: 5px 0px;
background: #C1D2C4;
text-align: center;
}

#marquee {
padding: 5px 48px 1px 48px;
background: #C1D2C4;
text-align: center;
}

#row2 {
padding: 1px 0px;
background: #C1D2C4;
text-align: center;
}

#row3{
float: left;
width: 100%;
background: #C1D2C4;
}

#row3contentcolumn{
margin: 0 250px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align: center;
}

#row3leftcolumn{
float: left;
width: 250px; /*Width of left column in pixel*/
margin-left: -700px; /*Set margin to that of -(MainContainerWidth)*/
}

#row3rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/
}

#row4 {
clear: left;
padding: 2px 0px;
background: #C1D2C4;
text-align: center;
}						

#row5 {
float: left;
width: 100%;
background: #C1D2C4;
}

#row5contentcolumn{
margin: 0 250px 20px 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
text-align: center;
}

#row5leftcolumn{
float: left;
width: 250px; /*Width of left column in pixel*/
margin-left: -700px; /*Set margin to that of -(MainContainerWidth)*/
}

#row5rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/
}

#row6 {
clear: left;
padding: 5px 0px;
background: #C1D2C4;
text-align: center;
margin-bottom: 20px;
}

#row65 {
float: left;
width: 100%;
background: #C1D2C4;
}

#row65contentcolumn {
margin-left: 320px; /*Set left margin to LeftColumnWidth*/
}

#row65leftcolumn {
float: left;
width: 320px; /*Width of left column*/
margin-left: -700px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 10px;
text-align: center;
}

#row68 {
clear: left;
padding: 0px;
background: #C1D2C4;
text-align: center;
margin-bottom: 20px;
}

#row7 {
float: left;
width: 100%;
background: #C1D2C4;
}

#row7contentcolumn {
margin-left: 350px; /*Set left margin to LeftColumnWidth*/
}

#row7leftcolumn {
float: left;
width: 350px; /*Width of left column*/
margin-left: -700px; /*Set left margin to -(MainContainerWidth)*/
margin-top: 40px;
text-align: center;
}

#row8 {
clear: left;
padding: 5px 0px 10px 0px;
background: #C1D2C4;
text-align: center;
}

#footermenu{
padding: 8px 0px 10px 0px;
background: #C1D2C4;
border-top: 5px solid #3D5440;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
text-align: center;
}

#header {
background: #C1D2C4;
border-bottom: 5px solid #3D5440;
height: 153px; /*Height of top section*/
}

.table a {text-decoration: none; font: bold 20px serif;}
.table a:link {color: #3D5440;}
.table a:visited {color: #3D5440;}
.table a:hover {color: #FFFFFF; font: bold 20px serif;}
.table a:active {color: #3D5440;}

#course {
width: 100%;
background: #C1D2C4;
}

#coursecontentcolumn {
margin-left: 484px; /*Set left margin to LeftColumnWidth*/
}

#courseleftcolumn {
float: left;
width: 484px; /*Width of left column*/
margin-left: -700px; /*Set left margin to -(MainContainerWidth)*/
text-align: center;
}

.yardage_blue {
margin: 0px 15px 0px 0px;
padding: 2px 5px;
font: bold 16px serif;
color: #3D5440;
background-color: #3399FF;
}

.yardage_white {
margin: 0px 15px;
padding: 2px 5px;
font: bold 16px serif;
color: #3D5440;
background-color: #FFFFFF;
}

.yardage_yellow {
margin: 0px 15px;
padding: 2px 5px;
font: bold 16px serif;
color: #3D5440;
background-color: #FFFF00;
}

.yardage_red {
margin: 0px 0px 0px 15px;
padding: 2px 5px;
font: bold 16px serif;
color: #3D5440;
background-color: #FF0000;
}

.copyright {
margin: 10px 0px 25px 0px; 
color: #C1D2C4; 
font-size: 12px; 
text-align: center;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}
