/*
$HeadURL: svn+secure://svn.comminternet.com/main/websites/captainsgolfcourse.com/trunk/web/common/stylesheets/frontend_screen.css $
$LastChangedRevision: 6983 $
$LastChangedDate: 2010-02-22 12:33:48 -0500 (Mon, 22 Feb 2010) $
*/

@import url(general.css);

/* GLOBAL. */

html,
body
{
    height: 100%;
}

body
{
    background: #013e3f;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

a:link,
a:visited,
a:active
{
    color: #013e3f;
    text-decoration: none;
}

a:hover
{
    color: #a78805;
}

/* PAGE SECTIONS. */

/* Page container. */

#pageContainer
{
    background: #013e3f;
    border-right: 4px solid #a78805;
    border-left: 4px solid #a78805;
    position: relative;
    min-height: 100%;
    margin: auto;
    width: 992px;
}

/* Page top. */

#pageTop
{
    font-family: Georgia, Times, sans-serif;
    font-size: 14pt;
    margin: 0;
    padding: 0;
}

#pageTop img
{
    border: 0;
    float: left;
}

/* Original Flag

#flagAnim
{
	position: absolute;
	top: 115px;
	left: 107px;
	background: url(../images/logo_flagAnim.gif) bottom left no-repeat;
	display: block;
	width: 34px;
	height: 24px;
}
*/

/* Half mast

#flagAnim
{
	position: absolute;
	top: 132px;
	left: 107px;
	background: url(../images/logo_flagAnim.gif) bottom left no-repeat;
	display: block;
	width: 34px;
	height: 24px;
}

*/

/* Current Flag */

#flagAnim
{
	position: absolute;
	top: 115px;
	left: 107px;
	background: url(../images/logo_flagAnim.gif) bottom left no-repeat;
	display: block;
	width: 34px;
	height: 24px;
}

#quotation
{
    color: #013e3f;
    position: absolute;
    top: 130px;
    right: 10px;
    width: 650px;
    padding: 14px 25px 0 0;
    text-align: right;
}

#quotation p
{
    font-size: 22pt;
    font-weight: bold;
    margin: 0 2em 0 0;
}

#quotation .source
{
    font-size: 16pt;
    font-style: italic;
    font-weight: normal;
    margin-right: 0;
}

#contactInfo
{
	position: absolute;
	left: 210px;
	top: 210px;
	z-index: 10;
	font-size: 12pt;
	font-weight: bold;
	color: #013E3F;
}

#contactInfo .phone
{
	padding-left: 50px;
}

#pageNavigation
{
    float: left;
    height: 22px;
    margin: -27px 0 0 20px;
    padding: 2px 0 3px 0;
	*padding: 5px 0 0 0;
    text-align: center;
    width: 954px;
}

#pageNavigation li
{
    display: inline;
    font-size: 0.9em;
    margin: 0;
    padding: 0 1.45em;
}

/* Page bottom. */

#pageBottom
{
    background: #fff;
    border-top: 1px solid #013e3f;
    clear: both;
    color: #014647;
    font-size: 8pt;
    margin: 0 18px 0 20px;
    padding-bottom: .5em;
}

#pageBottom table
{
    border: 0;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

#pageBottom td
{
    border: 0;
    padding: 0;
    width: 33%;
}

#pageBottom .cell-middle
{
    text-align: center;
    width: 34%;
}

#pageBottom .cell-right
{
    text-align: right;
}

#pageBottom p.copyright
{
    font-weight: bold;
}

#pageBottom p
{
    display: block;
    margin: .5em 0;
    padding: 0 .5em;
}

#pageBottom a
{
    text-decoration: underline;
}

/* Page content. */

#pageContent
{
    background: #fff;
    border-top: 1px solid #013e3f;
    clear: both;
    margin: 0 18px 0 20px;
    padding: 0;
}

#pageContentLayout
{
    border-collapse: collapse;
    width: 100%;
}

#navLeft,
#navRight
{
    padding: 0;
    vertical-align: top;
}

#navLeft ul,
#navRight ul
{
    background: #e3eee8;
    border-bottom: 8px solid #a78805;
    margin: 0;
    padding: 0 8px 2px 8px;
    width: 152px;
}

#navLeft ul.topBlock,
#navRight ul.topBlock
{
	border-top: 8px solid #a78805;
}

#navLeft li,
#navRight li
{
    list-style: none;
    margin: 0;
    padding: .25em 0;
}

.navHeader
{
    color: #013e3f;
    font-family: Georgia, Times, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: .25em 0;
}

#pageContent marquee
{
    border-bottom: 1px solid #013e3f;
    font-weight: bold;
}

#pageContent h1
{
    margin-top: 0;
}

#content
{
    padding: .75em 1em 5em 1em;
    vertical-align: top;
    width: 591.333px;
}

#content a
{
    text-decoration: underline;
}

#content p
{
    line-height: 1.4em;
    text-align: justify;
}

#content h1
{
    color: #a78805;
    font-family: Georgia, Times, serif;
    font-size: 2em;
    font-variant: small-caps;
    font-weight: normal;
    margin-bottom: .25em;
}

#content h2
{
    color: #013e3f;
    font-family: Georgia, Times, serif;
    font-size: 1.2em;
}

#content td h2
{
    margin-top: 0;
}

#content h3
{
    color: #013e3f;
    margin: .25em 0;
    text-transform: uppercase;
}

#content hr
{
    background: #ccc;
    color: #ccc;
    border: 2px;
    margin: 1.85em auto;
    width: 95%;
}

#content ul
{
    margin-left: 2em;
    margin-bottom: 2em;
    padding: 0;
}

#content li
{
    list-style: square;
    line-height: 1.5em;
}

#content #homepage_courses
{
	border-collapse: collapse;
}

#content #homepage_courses h3:hover
{
	color: #A78805;
}

#content #homepage_courses td
{
	vertical-align: top;
}

#content #homepage_courses .courseInfo
{
	width: 280px;
	display: block;
	margin: 0 auto;
	text-align: justify;
}

img.right
{
    float: right;
    margin: 0 0 1.5em 1.5em;
}

img.left
{
    float: left;
    margin: 0 1.5em 1.5em 0;
}

.more
{
    font-weight: bold;
    padding-right: 1em;
    padding-bottom: 3px;
}

.more:link,
.more:visited,
.more:active
{
    background: url(../images/more.jpg) right no-repeat;
}

.more:hover
{
    background: url(../images/more_hover.jpg) right no-repeat;
}

.back
{
    font-weight: bold;
    padding-left: 1em;
    padding-bottom: 2px;
}

.back:link,
.back:visited,
.back:active
{
    background: url(../images/back.jpg) left no-repeat;
}

.back:hover
{
    background: url(../images/back_hover.jpg) left no-repeat;
}

.inset
{
    border: 3px solid #e3eee8;
    clear: right;
    float: right;
    margin: 0 0 1.5em 1.5em;
    padding: 1em;
    width: 220px;
}

#content .inset h2
{
    margin: 0 0 .5em 0 !important;
}

#content .inset p,
#content .inset ul
{
    font-size: .85em;
    margin-top: 0;
    margin-bottom: 0;
}

#content .inset ul
{
    margin-left: 1.5em;
}

/* COMPONENTS. */

/* Forms. */

form table.section
{
    border-collapse: collapse;
}

form tr.group {}

form td.caption
{
    width: 125px;
    height: 1.75em;
    vertical-align: top;
    padding-top: 7px;
}

form td.field
{
    padding: 3px 0;
}

form td.field ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

form ul.errors
{
    color: #CE0000;
    background-color: #FFCFCE;
    list-style: none;
    padding: 4px;
    margin-top: 0;
}

form ul.errors li
{
    padding-top: 0.25em;
}

form ul.errors li:first-child
{
    padding-top: 0;
}

form .buttons {}

/* Site navigator. */

#pageContent .siteNavigator
{
    font-size: .9em;
    margin: .75em 0;
    padding: 0;
}

#pageContent .siteNavigator li
{
    display: inline;
    background-image: url(../images/site_navigator_separator.gif);
    background-position: 0 40%;
    background-repeat: no-repeat;
    padding: 0 3px 0 10px;
}

#pageContent .siteNavigator li.first
{
    background-image: none;
    padding: 0 6px 0 0;
}

/* Page navigator. */

.pageNavigator
{
    margin: 1em 0 0 0;
}

.pageNavigator .label {}

.pageNavigator ul
{
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

.pageNavigator ul li
{
    display: inline;
    margin-right: 5px;
    font-weight: bold;
}

.pageNavigator ul li.next {}
.pageNavigator ul li.previous {}

.pageNavigator ul li a
{
    background: white;
    border: 2px solid black;
    padding: 4px 7px 2px 7px;
    text-decoration: none;
}

#pageContainer.weather frameset,
#pageContainer.weather frames
{
	display: block;
}

.pageNavigator.bottom {}

/* Error pages. */

#pageContainer.httpError
{
    color: black;
}

/* Search */

#pageContainer #pageContent .propertySearch {}

#pageContainer #pageContent .propertySearch .features,
#pageContainer #pageContent .propertySearch .features td {}

#pageContainer #pageContent .propertySearch .features td.caption {}

#pageContainer #pageContent .propertySearch .towns,
#pageContainer #pageContent .propertySearch .amenities {}

/* INDIVIDUAL PAGES. */

.column
{
    float: left;
}

#pageContainer.home #pageContent
{
    background: #fff url(../images/homepage_background.jpg) bottom no-repeat;
}

#pageContainer.sitemap .column
{
    width: 32%;
}

#pageContainer.courses #content .more
{
    float: right;
}

#pageContainer.courses #content .back
{
    float: right;
    margin-top: -2em;
}

#pageContainer.courses #content table+.back
{
    float: left;
    margin-top: 1em;
}

#pageContainer.courses #content h3 span.par
{
    color: #000;
}

#pageContainer.courses #content h2+table
{
    margin-top: 0;
    margin-bottom: 1em;
}

#pageContainer.courses #content table
{
    width: 100%;
}

#pageContainer.courses #content table td
{
    vertical-align: top;
}

#pageContainer.courses #content .course_specs
{
    margin: 1.5em 2em 1.5em 0;
    width: 100%;
}

#pageContainer.courses #content table th.first { width: 65px; }
#pageContainer.courses #content table th.second { width: 80px; }
#pageContainer.courses #content table th.third { width: 120px; }

#pageContainer.courses #content .course_specs table td,
#pageContainer.courses #content .course_specs table th
{
    padding: .25em;
    vertical-align: top;
}

#pageContainer.courses #content th
{
    color: #888;
    font-size: .9em;
    text-align: left;
}

#pageContainer.courses #content .header
{
    background: #e3eee8;
}

#pageContainer.courses #content .divider
{
    color: #ccc;
}

#pageContainer.courses #content .picture
{
    text-align: center;
    width: 90px;
}

#pageContainer.courses #content .holes td
{
    padding: 0 .5em;
}

#pageContainer.courses #content .holes h3
{
    margin-top: .5em;
}

#pageContainer.courses #content .holes p
{
    font-size: .9em;
    margin: .5em 0;
}

#pageContainer.courses #content td.holeDiagram
{
    padding: 1em 0 0 0;
    width: 220px;
    vertical-align: middle;
}

th.alt,
td.alt
{
    background: #eee;
}

#content .rates table
{
    margin-bottom: 1.5em;
    width: 100%;
}

#content .rates th
{
    font-size: .9em;
    font-weight: normal;
    text-align: left;
    width: 75%;
}

#content .rates th,
#content .rates td
{
    padding: .25em;
}

#content .packages a
{
    font-weight: bold;
}

#content .download_pdf
{
    background: url(../images/document.jpg) top left no-repeat;
    padding: 2px 0 4px 28px;
}

.inset.contest
{
    margin-top: 1.5em;
    text-align: center;
    width: 150px;
}

.inset.contest p
{
    text-align: center !important;
}

.inset.contest a
{
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}

#pageContainer.contest #content .month
{
    color: #013e3f;
    font-weight: bold;
    text-transform: uppercase;    
}

#pageContainer.specials #content h1
{
    margin-bottom: .75em;
}

#pageContainer.specials #content .more
{
    float: right;
}

#pageContainer.specials #content p,
#pageContainer.specialsPop p
{
    margin: .5em 0;
}

#pageContainer.specials #content p.suppInfo,
#pageContainer.specialsPop p.suppInfo
{
    font-size: .85em;
    margin: .25em 0;
}

#pageContainer.specialsPop
{
    background: #fff;
    border: 0;
    min-height: 0;
    width: 440px;
}

#pageContainer.specialsPop .address
{
    font-size: .8em;
    margin-top: 1.5em;
    text-align: center;
}

#pageContainer.tournaments h3
{
    margin: 1em 0 0 0;   
}

#pageContainer.tournaments p.detail
{
    font-size: .85em;
    margin: .5em 0 0 0;
}

#pageContainer.tournaments p.description
{
    font-size: .88em;
    margin: .25em 0;
}
