/* ------------------------------------------------------------------------------
FORMATTING ALL TAGS
------------------------------------------------------------------------------ */

body, font, link, table, td, tr, div, p, ul, ol, li, textarea, input, select, dl, dd, dt
{
   /*font-family: Courier New;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:   11px;
   color: #000000;
}



/* ------------------------------------------------------------------------------
HTML
------------------------------------------------------------------------------ */
html
{
   scrollbar-face-color:       #DEE3E7;
   scrollbar-highlight-color:  #FFFFFF;
   scrollbar-shadow-color:     #DEE3E7;
   scrollbar-3dlight-color:    #D1D7DC;
   scrollbar-arrow-color:      #095BA5;
   scrollbar-track-color:      #EFEFEF;
   scrollbar-darkshadow-color: #98AAB1;
}

/* ------------------------------------------------------------------------------
TEMPORARY BORDERS
------------------------------------------------------------------------------ */
/*span, div, table, td, tr
{
   border-style: solid;
   border-width: 1px;
   border-color: #F13F03;
}*/

/* ------------------------------------------------------------------------------
BODY
------------------------------------------------------------------------------ */
body
{
   border:           0;
   /*background-color: #DODODO;  vaalean harmaa */
   /*background-color: #C7C8C8; tummeman harmaa */
   /*background-color: #CCCCFF; vaalean siniharmaa */
   /*background-color: #BFC8BF; vaalean vihreänharmaa */
   /*background-color: #B2BCB2; tummemman vihreänharmaa */
   /*background-color: #B6CEA1; vaalean vihreä */
   /*background-color: #C0C9D2; vaalean sininen */
   background-color: #D0D0D0;
   margin-top:       0;
   margin-left:      0;
   margin-right:     0;
   margin-bottom:    0;
}


/* ------------------------------------------------------------------------------
TOP
------------------------------------------------------------------------------ */

/* TABLE ROW THAT ENCAPSULATES THE ENTIRE PAGE */
#trAll
{
}

/* TABLE CELL ENCAPSULATES THE ENTIRE PAGE */
#tdAll
{
}

/* CONTENTS */
#tblContents
{
   width: 810px;
   /*margin-top: 20px;*/
}

/* TOP ROW */
/* IDENTICAL ON EVERY PAGE */
#trTop
{
   margin-top:       0;
   margin-left:      0;
   margin-right:     0;
   padding-bottom:   0;
   
}

/* TOP COLUMN */
/* IDENTICAL ON EVERY PAGE */
#tdTop
{
   height: 5%;
   vertical-align: top;
   text-align: left;
   height: 100px;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-color: #000000;
   border-style: solid;
}

#tdTop img
{
   height: 120px;
   width: 800px;
}

/* ------------------------------------------------------------------------------
LINK ROW
------------------------------------------------------------------------------ */
/* ROW THAT CONTAINS THE LINK TABLE */
#trLinks
{
   vertical-align: middle;
}

/* COLUMNS THAT CONTAINS THE LINK TABLE */
#tdLinks
{
   background-color: #96B65D;
}

/* LINK TABLE */
#tblLinksContainer
{
   width: 1%;
}

/* LINK ROW */
#trLinksContainer
{
}

/* SINGLE LINK COLUMN */
.tdLink
{
   width: 1%;
}

/* HEADER ONLY, NO LINK (SAME LEVEL AS NORMAL LINKS) */
/*.clNavigationSubLinkHeader
{
   font-size:   13px;
   font-weight: bold;
   margin-bottom: 5px;
}*/

/* ALL SUBLINKS OF A CERTAIN SECTION ARE HOUSED INSIDE A CONTAINER THAT USES THIS CLASS*/
/*.clNavigationSubLinksContainer
{
   margin-left: 20px;
   margin-bottom: 3px;
}*/

/* EACH LINK AND SUBLINK IS HOUSED IN A SEPARATE CONTAINER THAT USE THESE CLASSES*/
.clNavigationLink, .clNavigationSubLink
{
   font-size:   13px;
   font-weight: bold;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 4px;
   margin-bottom: 5px;
}


/* ------------------------------------------------------------------------------
MIDDLE
------------------------------------------------------------------------------ */

/* MIDDLE ROW */
/* LINKS AND CHANGING CONTENTS */
#trMiddle
{
   /*padding-top: 10px;*/
   margin-top:       0;
   margin-left:      0;
   margin-right:     0;
   margin-bottom:    0;
   background-color: #FFFFFF;
}


/* ------------------------------------------------------------------------------
NAVIGATION LINKS, USED ONLY IN LINK COLUMN
------------------------------------------------------------------------------ */

.tdLink a:link
{
   color: #FFFFFF;
}

.tdLink a:visited 
{
   color: #FFFFFF;
}

.tdLink a:hover
{ 
   /*color: #A49749;*/
   color: #FEE50F;
}


/* ------------------------------------------------------------------------------
DROPDOWN MENU
------------------------------------------------------------------------------ */
.tblDropDownLinksContainer
{
   opacity: 0;
   Filter: Alpha(Opacity=0);
   display: none;
   position: absolute;
   background-color: #96B65D;
}

.trDropDownLinksContainer
{}

.tdDropDownLinksContainer
{
   padding: 2px;
}

.clDropDownLink
{
   padding: 2px;
}

#tblDropDownLinksContainer_Team
{
   width: 130px;
}

#tblDropDownLinksContainer_Plan
{
   width: 170px;
}

#tblDropDownLinksContainer_Read
{
   width: 110px;
}

#tblDropDownLinksContainer_Services
{
   width: 170px;
}

#tblDropDownLinksContainer_References
{
   width: 170px;
}

#LinkTo_Team
{
   cursor: default;
}

#LinkTo_Plan
{
   cursor: default;
}

#LinkTo_Read
{
   cursor: default;
}

#LinkTo_Services
{
   cursor: default;
}

#LinkTo_References
{
   cursor: default;
}


/* ------------------------------------------------------------------------------
CHANGING CONTENTS
------------------------------------------------------------------------------ */

#tdMiddle
{
   height: 100%;
   width: 100%;
   vertical-align: top;
   padding-left: 50px;
   /*padding-right: 8px;*/
   /*padding-bottom: 10px;*/

   /* Main page has this same background in a different td. */
   /*background-image: url("../../images/background-drawing.jpg");*/

   background-position: top left;
   background-repeat:   repeat-y;
}

#tblChangingContentsContainer
{
   height: 470px;
   vertical-align: top:
}

#trChangingContentsContainer
{
}

#tdChangingContentsLeftColumn
{
   padding-top: 25px;
   padding-right: 50px;
   padding-bottom: 0px;
   vertical-align: top;
}

/* CHANGING CONTENTS - RIGHT COLUMN */
#tdChangingContentsRightColumn
{
   vertical-align: top;
   width: 250px;
   padding-left: 10px;
   padding-right: 0px;
   background-color: #96B65D;
}


/* ------------------------------------------------------------------------------
HEADINGS AND CONTENT TEXT USED IN CHANGING CONTENTS SECTION
------------------------------------------------------------------------------ */

.hTitleImage
{
   margin-top:       0;
   margin-left:      0;
   margin-right:     0;
   margin-bottom:    0;
}

.hTitleImage img
{
   height: 24px;
}

.hTitleImage2
{
   margin-top:       0;
   margin-left:      0;
   margin-right:     0;
   margin-bottom:    0;
}

.hTitleImage2 img
{
   height: 68px;
}

.clHeading1
{
   /*font-family: Courier New;*/
   font-size:   15px;
   font-weight: bold;
   margin-top:    1px;
   margin-bottom: 7px;
   /*letter-spacing: 1px;*/
   /*text-decoration:underline;*/
}

.clHeading2
{
   font-size:     13px;
   font-weight:   bold;
   margin-top:    10px;
   /*margin-bottom: 2px;*/
   margin-bottom: 7px;
   /*letter-spacing: 1px;*/
}

.clHeading2White
{
   font-size:     13px;
   font-weight:   bold;
   margin-top:    10px;
   /*margin-bottom: 2px;*/
   margin-bottom: 7px;
   /*letter-spacing: 1px;*/
   color: #FFFFFF;
}

.clHeading3
{
   font-size:     11px;
   font-weight:   bold;
   margin-top:    10px;
   margin-bottom: 5px;
   /*letter-spacing: 1px;*/
}

.clHeading4
{
   font-size:     11px;
   font-weight:   bold;
   margin-top:    7px;
   margin-bottom: 7px;
   /*letter-spacing: 1px;*/
}

.clHeadingGolfplan
{
   font-size:     13px;
   font-weight:   bold;
   margin-top:    1px;
   margin-bottom: 7px;
   color: #FFFFFF;
}

.clLargeArticleHeading
{
   font-size:     14px;
   font-weight:   bold;
   margin-top:    20px;
   margin-bottom: 7px;
}

.clSmallArticleHeading
{
   font-size:     11px;
   font-weight:   bold;
   margin-top:    15px;
   margin-bottom: 5px;
}

/* HIGHLIHTED TEXT IN NORMAL TEXT PARAGRAPH. */
.clHighlight
{
   font-weight:   bold;
}

/* CONTAINS ALL clParagraphDiv's OF A CERTAIN SECTION. */
.clParagraphDivsContainer
{
   /*margin-bottom: 10px;*/
   margin-bottom: 10px;
   width: 450px;
}

/* CONTENTS THAT HAVE BEEN INDENTED. INSIDE 'clParagraphDivsContainer'. */
.clIndentParagraphDivsContainer
{
   margin-left: 40px;
   margin-bottom: 10px;
}

.clParagraphDiv
{
   /*margin-left: 5px;*/
   margin-bottom: 6px;
   text-align: justify;
}

.clMainPageParagraphDiv
{
   font-size: 11px;
   margin-bottom: 6px;
   text-align: justify;
}

.clMainPageWhiteParagraphDivSmall
{
   font-size: 11px;
   margin-bottom: 6px;
   text-align: justify;
   color: #FFFFFF;
}

.clMainPageWhiteParagraphDivSmallIndent
{
   font-size: 11px;
   margin-left: 120px;
   margin-bottom: 6px;
   text-align: justify;
   color: #FFFFFF;
}

.clMainPageWhiteParagraphDiv
{
   font-size: 13px;
   margin-bottom: 6px;
   text-align: justify;
   color: #FFFFFF;
}

.clIndentedParagraphDiv
{
   font-size: 11px;
   color: #90310B;
   margin-left: 20px;
   margin-bottom: 15px;
   text-align: justify;
}

.clBigIndentedParagraphDiv
{
   font-size: 12px;
   font-weight: bold;
   color: #418802;
   /*color: #90310B;*/
   margin-left: 40px;
   margin-bottom: 15px;
   margin-right: 40px;
   text-align: justify;
}

.clListContainer
{
   list-style-type: square;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 50px;
   margin-right: 0px;
}

.clRightColumnListContainer
{
   list-style-type: square;
   margin-top: 0px;
   margin-bottom: 0px;
   /*margin-left: 0px;*/
   margin-right: 0px;
}

.clListItem
{
}

.clRightColumnListItem
{
   color: #FFFFFF;
}

/* ALL HEADERS THAT ARE IMAGES ARE INSIDE CONTAINERS THAT USE THIS ID. */
#divTitleImage
{
   width: 100%;
   padding-bottom: 2px;
   margin-bottom: 10px;
   background-image: url("../../images/underline.jpg");
   background-repeat:   no-repeat;
   background-position: bottom left;
}

#divMainPageNewsTitleImage
{
   width: 100%;
   margin-bottom: 10px;
}

/* ALL LINKS INSIDE STANDARD TEXT USE THIS CLASS. */
.clLink
{
   font-weight: bold;
}

/* LINK INFO TEXT */
.clLinkInfo
{
}


/* ------------------------------------------------------------------------------
BOTTOM
------------------------------------------------------------------------------ */
/* BOTTOM ROW */
/* IDENTICAL ON EVERY PAGE */
#trBottom
{
}

/* BOTTOM COLUMN */
/* IDENTICAL ON EVERY PAGE */
#tdBottom
{
   /*border-top-width: 25px;
   border-left-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;*/
   /*border-color: #128010;*/

   background-color: #96B65D;
   height: 25px;
   

   padding-top: 5px;
   text-align: center;
   padding-bottom: 6px;
}

#divBottomContactInfo
{
   /*color: #A6984D;*/
   color: #FFFFFF;
   font-size: 10px;
}


/* ------------------------------------------------------------------------------
LINKS, AFFECTS ALL LINKS THAT ARE NOT TAGGED WITH SPECIAL CSS CLASSES
------------------------------------------------------------------------------ */
/* Image links. */
a img
{
   border-style: none;
}

/* Non-visited links. */
#tdChangingContentsRightColumn a:link
{
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
}

/* Visited links. */
#tdChangingContentsRightColumn a:visited 
{
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
}

/* Applied when mouse hovers over links. */
#tdChangingContentsRightColumn a:hover
{ 
   font-weight: bold;
   text-decoration: none;
   color: #FEE50F;
}

/* Non-visited links. */
.clHeading2 a:link
{
   font-weight: bold;
   text-decoration: none;
   color: #000000;
}

/* Visited links. */
.clHeading2 a:visited 
{
   font-weight: bold;
   text-decoration: none;
   color: #000000;
}

/* Applied when mouse hovers over links. */
.clHeading2 a:hover
{ 
   font-weight: bold;
   text-decoration: none;
   color: #52A318;
}

/* Non-visited links. */
a:link
{
   text-decoration: none;
   color: #52A318;
}

/* Visited links. */
a:visited 
{
   text-decoration: none;
   color: #52A318;
}

/* Applied when mouse hovers over links. */
a:hover
{ 
   text-decoration: none;
   color: #B35100;
}

/* Non-visited links. */
#divBottomContactInfo a:link
{
   text-decoration: none;
   color: #FFFFFF;
}

/* Visited links. */
#divBottomContactInfo a:visited 
{
   text-decoration: none;
   color: #FFFFFF;
}

/* Applied when mouse hovers over links. */
#divBottomContactInfo a:hover
{ 
   text-decoration: none;
   color: #FEE50F;
}

/* Non-visited links. */
#divWhiteLink a:link
{
   text-decoration: none;
   color: #FFFFFF;
}

/* Visited links. */
#divWhiteLink a:visited 
{
   text-decoration: none;
   color: #FFFFFF;
}

/* Applied when mouse hovers over links. */
#divWhiteLink a:hover
{ 
   text-decoration: none;
   color: #FEE50F;
}

/* ------------------------------------------------------------------------------
IMAGES
------------------------------------------------------------------------------ */
/* ALL IMAGES ARE INSIDE THESE FOR UNIFIED MODIFYING POSSIBILITIES. */
.divImageContainer
{}

.divImageCaption
{
   font-style: italic;
   color: #FFFFFF;
   margin-bottom: 10px;
}

/*img.imgFloatRight
{
   float: right;
}*/

.divRightColumnImageContainer
{
   margin-bottom: 2px;
}

/* ------------------------------------------------------------------------------
HIDDEN
------------------------------------------------------------------------------ */
/* SECTION THAT CONTAINS TEXT THAT WE DON'T WANT TO SEE. */
.clHidden
{
   display: none;
}

/* ------------------------------------------------------------------------------
CONTACT INFO
------------------------------------------------------------------------------ */
/* TABLE USED IN CONTACTS PAGE */
.tblContactInfo
{
}

/* CONTACT INFO ROWS */
.trContactInfo
{
   padding-bottom: 10px;
}

/* CONTACT INFO COLUMNS */
.tblContactInfo td
{
   vertical-align: top;
}

/* CONTAINS THE HEADER, FOR EXAMPLE Phone: .*/
.tdContactInfoHeader
{
   width: 60px;
}

.tdRightColumnContactInfoHeader
{
   width: 60px;
   color: #FFFFFF;
}

/* CONTAINS THE VALUE, FOR EXAMPLE 123 456 789. */
.tdContactInfoValue
{}

.tdRightColumnContactInfoValue
{
   color: #FFFFFF;
}

#divContactPageGolfArkLogo
{
   text-align: center;
   margin-top: 90px;
}

#divMainPageGolfArkLogo
{
   /*text-align: center;
   margin-top: 90px;*/
}


/* ------------------------------------------------------------------------------
FRONT PAGE SMALL NEWS
------------------------------------------------------------------------------ */

/* NEWS CONTAINER */
#divMainPageNewsContainer
{
   height: 10%;
   border-style: solid;
   border-width: 1px;
   border-color: #FFFFFF;
   padding: 17px;
   margin-right: 10px;
}

/* SINGLE NEWS HEADING */
.clNewsHeading
{
   font-size:     11px;
   font-weight:   bold;
   margin-top:    1px;
   margin-bottom: 2px;
   /*letter-spacing: 1px;*/
   color: #FFFFFF;
}

/* CONTAINER FOR ALL NEWS PARAGRAPHS */
.clNewsParagraphDivsContainer
{
   margin-bottom: 10px;
}

/* SINGLE NEWS PARAGRAPH TEXT */
.clNewsParagraphDiv
{
   color: #FFFFFF;
   margin-left: 0px;
   margin-bottom: 6px;
   text-align: justify;
}


/* ------------------------------------------------------------------------------
FRONT PAGE
------------------------------------------------------------------------------ */
#divFrontPageGolfPlanContainer
{
   height: 52%;
}

#divFrontPageGolfPlanContainerEng
{
   height: 56%;
}

#tblFrontPageGolfPlan
{
   height: 50%;
}

#tblFrontPageGolfPlan td
{
   text-align: justify;
   vertical-align: bottom;
}

#divMainPageGolfPlanText
{
   margin-right: 9px;
   margin-bottom: 5px;
   color: #FFFFFF;
}

#divMainPageGolfArkLogo
{
   text-align: center;
   /*margin-top: 30px;*/
}

/* NEWS CONTAINER */
#divRightColumnContainer
{
   /*height: 10%;*/
   border-style: solid;
   border-width: 1px;
   border-color: #FFFFFF;
   padding: 17px;
   margin-right: 10px;
}

#divRightColumnContainerHighlight
{
   /*height: 10%;*/
   border-style: solid;
   border-width: 1px;
   border-color: #FFFFFF;
   background-color: #6192AB;
   padding: 17px;
   margin-right: 10px;
}

#divMainPageCommentContainer
{
   height: 40%;
   border-style: solid;
   border-width: 4px;
   border-color: #96B65D;
   /*border-color: #6192AB;*/
   background-color: #6192AB;
   /*background-color: #96B65D;*/
   padding: 25px;
   /*margin-right: 10px;
   padding-top: 5px;
   text-align: center;
   padding-bottom: 6px;*/

}