@charset "utf-8";
/* CSS Document */

BODY
{
 margin: 0px;
 background: #D0D4B9;
 
 font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
 font-size: 10pt;
 color: black;
}

A { text-decoration: none; color: #D0DECF; }
IMG { border: 0px; }

#top { width: 100%; height: 148px; }
#topLine { background: url("images/topnarrow.jpg") repeat-x;  position: absolute; width: 100%; height: 62px; top: 0px; z-index: 0; left: 0px; }
#topFat { background: url("images/topfat.jpg") repeat-x; position: absolute; width: 90%; height: 111px; top: 0px; z-index: 1; left: 0px; }
#topLeft { background: url("images/bgTopLeft.jpg") repeat-x; position: absolute; width: 50%; height: 148px; top: 0px; left: 0px; z-index: 2; left: 0px; }

#portal
{
 width: 812px;
 margin: auto;
 z-index: 3;
 position: relative;
 top: 0px;
}

#logo
{
 width: 812px;
 height: 148px;
 position: relative;
 z-index: 3;
 background: url("images/titlebar.jpg") no-repeat;
 margin: auto;
 top: 0px;
}

#middle { width: 812px; position: relative; margin: auto; margin-top: -37px; z-index: 5; }

#nav
{
 width: 803px;
 height: 37px;
 position: relative;
 z-index: 100;
}

#nav img { margin-right: -4px; }
#nav:hover div { visibility: visible; }

/*
#nav a { color: #5C5C5C; }
#nav a:hover{ background-color: transparent; z-index: 50; }
#nav a div { visibility: hidden; position: absolute; padding: 5px; }
#nav a:hover div { visibility: visible; }
#tan
{
 width: 793px;
 height: 20px;
 background: url("images/subnav01.jpg");
 z-index: 50;
 filter:alpha(opacity=80);
 -moz-opacity: 0.80;
 opacity: 0.80;
 margin-top: -5px;
}
#green { width: 793px; height: 19px; background: url("images/subnav02.jpg"); z-index:50; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
*/

#copy
{
 width: 812px;
 position: relative;
 margin: auto;
 z-index: 4;
}

#bottom { width: 100%; height: 150px; position: relative; left: 0px; }

#foot
{
 width: 817px;
 height: 21px;
 position: relative;
 padding: 10px 0px;
 text-align: right;
 font-size: 9pt;
 margin: auto;
 margin-top: -50px;
   
 color: #D0DECF;
 z-index: 5;
}

#foot a { color: #D0DECF; text-decoration: none; }

#bottomLine { background: url("images/bgBottom.jpg") repeat-x; width: 100%; height: 150px; position: absolute; z-index: 1; left: 0px; }
#bottomLeft { background: url("images/bgBottomLeft.jpg") repeat-x; width: 50%; height: 150px; position: absolute; z-index: 2; left: 0px; }
#bottomJazz
{
 background: url("images/bottombit.jpg") no-repeat; 
 width: 812px; 
 height: 95px; 
 margin: auto; 
 position: relative; 
 z-index: 4; 
}

#mapMenu
{
 width: 628px;
 height: 38px;
 left: 174px;
 position: relative;
 background: url("images/mapMenu.jpg") repeat-x;
}

#mapMenu img { margin-right: -4px; }

#maptext
{
 width: 174px;
 height: 711px;
 vertical-align: top;
 position: absolute;
 background: url("images/mapSide.jpg") repeat-y;
 
 color: #093447;
 font-size: .8em;
}

#maptext a { color: black; }
#maptext a:hover { color: #9DA8A4; }

#mapTitle { height: 38px; color: #EBFDE3; text-transform: uppercase; font-size: 1.4em; font-weight: bold; }
#mapHeader1 { height: 29px; margin-top: 7px; color: #14233A; text-transform: uppercase; font-size: 1.3em; }

#mapInstructions { height: 97px; padding: 5px 10px; }
#mapInstructions p { text-indent: -8px; margin-left: 8px; margin-top: 0px; margin-bottom: 0px; }

#mapHeader2 { height: 29px; color: #14233A; text-transform: uppercase; font-size: 1.3em; }
#mapArea { padding: 10px 15px; }
#mapIcons { padding: 10px 10px; }
#mapLocal { padding: 10px 15px; }
#mapDesc { padding: 10px 15px; }

#maptd { width: 652px; }
#map
{
 width: 626px; 
 height: 671px; 
 position: relative;
 left: 174px;
 border-left: 2px solid #D0D4B9;
 border-top: 2px solid #D0D4B9;
 text-align: right;
}

#dropmenudiv
{
 width: 803px;
 position: absolute;
 margin: auto;
 z-index: 100;
 height: 30px;
 left: 0px;
}

#dropmenudiv2
{
 width: 803px;
 position: absolute;
 margin: auto;
 z-index: 100;
 height: 30px;
 left: 0px;
}

#portfolio
{
 width: 803px;
 height: 486px;
 background: url("images/portfolioBG.jpg") no-repeat;
}

#pSub { width: 178px; position: absolute; color: #042536; z-index: 5; }
#pTitle { width: 158px; height: 18px; padding: 10px; color: #042536; text-transform: uppercase; font-size: 1.3em; font-weight: bold; }

#pItems { width: 153px; padding: 10px; margin-left: 5px; color: #042536; line-height: 1.7em; }
#pItems a { color: #E4F8DF; }
#pItems a:hover { color: #042536; }

#pIndent { width: 148px; padding: 0px 10px; margin-left: 10px; margin-top: -10px; line-height: 1.7em; }
#pIndent a { color: #E4F8DF; }
#pIndent a:hover { color: #042536; }

#pMenu { width: 585px; height: 18px; position: absolute; margin-left: 178px; color: #D0D2C7; font-size: 1.1em; padding: 10px 20px; }
#pPicture { width: 625px; height: 447px; margin-top: 57px; position: absolute; margin-left: 178px; }
#pOverview { width: 585px; height: 334px; margin-top: 38px; position: absolute; margin-left: 178px; padding: 0px 20px 10px; }

#portfolioImage { 
	position:absolute;
	width:754px;
	height:254px;
	overflow:hidden;
	left: 0px;
	background-image: url('golf/golf01.jpg');
}
#mask0 { position: absolute; width: 625px; height: 254px; background-color: #D0D4B9; left: -625px; z-index: 4; }
#mask1 { position: absolute; width: 377px; height: 254px; background-color: #D0D4B9; left: 625px; z-index: 4; }
#canvas0 {
	position:absolute;
	width:754px;
	height:254px;
	background-color: transparent;
	left: -377px;
}
#canvas1 {
	position:absolute;
	width: 625px;
	height: 254px;
	background-color: transparent;
	left: -625px;
}
#loadedimage {
	position:relative;
	width: 625px;
	height: 254px;
	background-color: #fff;
	top: 300px;
}

#links
{
 width: 585px; 
 height: 120px;
 vertical-align: top;
 bottom: 0px;
 position: absolute; 
 margin-left: 178px; 
 padding: 10px 20px; 
}

#links a { color: #5C5C5C; }
#links a:hover{ background-color: transparent; z-index: 50; }
#links a div { visibility: hidden; position: absolute; padding: 0px 5px; left: 20px; top: 40px; }
#links a:hover div { visibility: visible; }

/*Thumbnail code modified from Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#contact
{
 width: 803px;
 height: 445px;
 background: url("images/contactBG.jpg");
}
#contactCopy { width: 585px; height: 334px; margin-top: 38px; position: absolute; margin-left: 178px; padding: 10px 20px; z-index:5; }
#contactCopy p { margin: 0px 0px 15px; line-height: 1.6em; font-size: .95em; }
#contactCopy a { color: #4E4E4E; }
#contactCopy a:hover { color: #788D86; }
#contactCopy span { color: #788D86; font-weight: bold; }

#copyBG
{
 width: 803px;
 height: 712px;
 background: url("images/copyBG.jpg") no-repeat;
}

.Indent { width: 148px; padding: 0px 10px; color: #E4F8DF; }
a.Indent{ color: #E4F8DF; }
a.Indent:hover { color: #042536; }

a.diffa { color: #4E4E4E; }
a.diffa:hover { color: #788D86; }

/***POPUP***/

#popup
{
 width: 440px;
 height: 720px;
 overflow: hidden;
 background: white;
}

#popup p { margin: 0px 0px 15px; line-height: 1.4em; font-size: .85em; }


#popupNav
{
 height: 20px;
 background: #082C3C;
 text-align: center;
 padding: 10px;
 
 color: #C4D7C3;
 font-weight: bold;
 font-size: 1.1em;
}

#popupNav img { margin-right: -4px; }

.contactable{  width: 100%; }
.contactable tr{ padding: 0px; }
.contactable td{ vertical-align: top; padding: 3px 0px; }
.contactable input{ background: #D0D4B9; width: 400px; border-right: none; }
.contactable textarea{ background: #D0D4B9; width: 400px; height: 100px; border-right: none; }

#forksTable{width:300px;padding:0 0 20px 0;}
#forksTable td{width:30%;padding:1px 5px 1px 0;vertical-align:top;}

.tableDiv{padding:0 0 10px 0;}

#overflowDiv{height:612px;overflow:auto;overflow-x:hidden;}

.twocolTable{padding:0 0 10px 0;}
.twocolTable td{width:50%;padding:1px 20px 1px 0;vertical-align:top;}

.threecolTable{padding:0 0 10px 0;}
.threecolTable td{width:30%;padding:1px 20px 1px 0;vertical-align:top;}

.fourcolTable{padding:0 0 10px 0;}
.fourcolTable td{width:25%;padding:1px 20px 1px 0;vertical-align:top;}