/* 
Filename: NoosaStyle.css
Author:   Jim Gillespie
Purpose:  Stylesheet for Unit 24 at Noosa Harbour Resort website
Created:  13 April 2006
Revised:
*/

HTML body { margin: 0; border: 0; background: #9eb9df; text-align: center; font-size: 70% }
p { font-family: Verdana, Arial, sans-serif; line-height: 1.5em }
h1 { font-family: Verdana, Arial, sans-serif; color: #a52121; font-weight: bold; font-size: 130%; line-height: 1.4em }
h2 { font-family: Verdana, Arial, sans-serif; color: #a52121; font-weight: bold; font-size: 100%; line-height: 1.4em } 
.strong {font-weight: bold }
.red { color: #a52121 }
.strongred { font-weight:bold; color:#a52121 }

#container { width:700px; margin:10 auto; background:#feffef; border:1px solid gray; color:#333; text-align:left; line-height:130% }
#header { padding-top:0}
#chart { padding-left:0; font-size:110%; line-height:157% }
#login { padding-top:30px; margin-left:80px; margin-right:80px }
#login a { text-decoration: none }
#login a:active { color: #a52121 }
#login a:link { color: #a52121 }
#login a:visited { color: #a52121 }
#login a:hover { color: #185f90; border-bottom: #185f90 1px dotted }

#year { padding-top:10px; width:458px; font-size:10pt; font-weight:bold; color:#a52121 }
#month { width:88px; float:left; padding-left:15px; border-left:2px solid #cfcfcf }
#week { width:128px; float:left; padding-left:10px }
#season { width:64px; float:left }
#cost { width:52px; float:left }
#rent { width:72px; float:left }
#book { width:54px; float:left; border-right:2px solid #cfcfcf; text-align:center }
#info { width:90px; float:left } /* not used */
#bottom { float:left; margin-top:-26px; padding-top:5px; margin-bottom:10px; border-bottom:2px solid #cfcfcf; width:458px }
html>body #bottom { width:486px }
#chkbox { background-color:#fffff2; padding-left:3px }

.heading { font-size:120%; font-weight:bold; color:#36648b; background-color:#d2e9ff; padding-top:4px; padding-bottom:4px; border-top:2px solid #cfcfcf; border-bottom:1px solid #cfcfcf }
.column { background-color:#fffff2; font-weight:bold; color:gray }
.available { background-color:#fffff2 }
.pending { background-color:#eef3e2 }  
.booked { background-color:#fcf6cf }
.notavail { background-color:#e8e8e8 }

#content { margin-left: 180px; margin-right: 10px; padding: 1em }
#content a { text-decoration: none }
#content a:active { color: #a52121 }  /* border-bottom: #a52121 1px dotted } if dotted underline wanted */
#content a:link { color: #a52121 }    /* border-bottom: #a52121 1px dotted }*/
#content a:visited { color: #a52121 } /* border-bottom: #a52121 1px dotted }*/
#content a:hover { color: #185f90; border-bottom: #185f90 1px dotted }
#content table tr td { font-family: Verdana, Arial, sans-serif; font-size: 70%; line-height: 1.5em }
#content ul, li { list-style-type: square} 
.headline { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 110%; line-height: 120%; color: #a52121 }

#base {
		clear: both;
		width: 700px;
		background:#feffef;
}		

/* Hold this in case a footer is required */
#footer {
		clear: both;
		width: 700px; 
		background-color: #fcf6cf; /*#fffbe3; /*#c6e2ff; /*#cae1ff;*/
		color: gray; 
		padding-top: 5px; 
		padding-bottom: 7px; 
		text-align: center; 
		font-size: 100%; 
		font-weight: normal; 
		line-height: 18px 
}
#footer p { font-family: Verdana, Arial, sans-serif; line-height: 1em }
#footer a { text-decoration: none }
#footer a:active { color: #727664 }
#footer a:link { color: #727664 }
#footer a:visited { color: #727664 }
#footer a:hover { color: #185f90 }

#menuBlock {
		clear: left;
		padding-right: 0px; 
    padding-left: 0px; 
    float: left; 
    padding-bottom: 0px; 
    margin: 0px;
    margin-top: 0px;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    font-weight: 600;
    width: 170px;
    /*height: 100%;*/ 
    color: #727664; 
    padding-top: 0px; 
    text-align: left
}
.menuSpacer {
		margin-bottom: 15px; 
    border-bottom: #999 1px dotted
}
.navtitles {
		padding-right: 10px; 
    padding-left: 10px; 
    padding-bottom: 10px;
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    line-height: 18pt;
    color: #a52121; 
    padding-top: 10px; 
    letter-spacing: 2px
}
#menuOption {
		clear:left;
		padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-top: 0px; 
    width:170px
}
#menuOption ul {
		border-top-width: 0px; 
    clear: left; 
    padding-right: 0px; 
    padding-left: 0px; 
    border-left-width: 0px; 
    border-bottom-width: 0px; 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-top: 0px; 
    list-style-type: none; 
    text-align: left; 
    border-right-width: 0px
}
#menuOption ul li {
		padding-right: 0; 
    display: block; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    margin: 0px; 
    text-indent: 25px; 
    padding-top: 0px; 
    text-align: left
}
#menuOption ul li a {
		padding-right: 0; 
    border-top: #edeee8 1px solid; 
    display: block; 
    padding-left: 0px; 
    background: url("../images/BrownBullet.gif") #fcf6cf no-repeat;
    padding-bottom: 0px; 
    margin: 0px; 
    font: bold 0.9em/2em Verdana, Arial, Helvetica, sans-serif; 
    width: 170px; 
    color: #0075b9; 
    padding-top: 2px;
    border-right: #edeee8 1px solid; 
    border-bottom: #edeee8 1px solid;
    letter-spacing: 2px; 
    height: 2.5em; 
    text-align: left; 
    text-decoration: none
}
#menuOption ul li a:hover {
		border-top: #9cadad 1px solid;
    background: url("../images/BrownBullet.gif") #f0e8b2 no-repeat; 
    color: #990f0f;
    border-bottom: #9cadad 1px solid;
    border-right: #9cadad 1px solid
}