/** 
* @version - v1.0 
* @name - template.css 
* @date - 16 June 2007 
* @author - Hui Xie 
* @website - www.cottageonbay.com 
* @email - info@cottageonbay.com 
* @copyright (C) - Hui Xie
* @license - Type of license goes here 
*/

* {
margin:0;
padding:0;
}
body {
text-align:center; /*center hack*/
font-size:86%;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
line-height:1.3;
background:#b5d6f7;
}
#wrap {
width:90%;
margin:0 auto;  /*center hack*/
text-align:left;  /*center hack*/
}
#header {
	text-align: right;
	float: left;
	padding: 3px, 0px; 3px, 0px;
	margin: 0px;
	width: 90%;

	background: #3366aa;
	color: #ffffff;
	position:relative;
	font-weight: bold;
	display: inline;
}
#tagline {
	text-align: left;
	float: left;
	font-style: italic;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	padding: 10px;
	display: inline;
}
#dateline {
	text-align: right;
	float: right;
	font-style: italic;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	padding: 10px;
	display: inline;
}
#banner {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 90%;
	height: 220px;
	background: url(images/cottage_banner.jpg) no-repeat;
	position:relative;
}
#navcontainer{

	float: center;
	margin-right: 0px;
	padding:0;
	width: 90%;
	color: #ffffff;
	background: #3366aa;
	position:relative;
}
#navcontainer ul
{
padding-left: 20px;
margin-left: 0;
color: white;
float: center;
width: 90%;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 1px 10px;
color: White;
background-color: transparent; 
text-decoration: none;
float: left;
border-right: 2px solid #fff;
}
#navcontainer ul li a:visited {
color: #fff; 
background-color: transparent; 
text-decoration: none; 
float: left;
border-right: 2px solid #fff;
padding: 1px 10px;
}
#navcontainer ul li a:hover
{
background-color: #0773df;
color: #fff;
}
#main-body{
background:#ffffff;
color:#000000
float:left;
width:90%;
}
#sidebar {
float:left;
width:33.5%;
overflow:hidden;
}
#sidebar-2{
float:right;
width:25%;
overflow:hidden;
margin-left:-3px;
margin-top:20px;
}
#sidebar-2 ul {
padding-left: 0;
margin-top: 30px;
float: center;
width: 100%;
font-family: verdana, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
}
#sidebar-2 ul li{
margin: 10px;
}
#content {
float:left;
width:75%;
overflow:hidden;
}
.inside {
padding:10px;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading {
margin:0.75em 0;
}
h1 {
font-type: bold;
font-size: large;
color: #3366aa;
}
li,dd {
margin-left:1em;
font-size : 12px; 
}

fieldset {
padding:.5em;
}
tr, p, div { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px;  
}

.DatePicker {

}

.DatePicker a{
	color: #3366AA; 
	background-color: transparent; 
	text-decoration: none; 
}
.DatePicker a:visited {
color: #3366AA;
background-color: transparent;
text-decoration: none;
}

.DatePicker a:hover {
color: #FFFFFF;
background-color: #3366AA;
text-decoration: none;
}

.DatePicker a:active {
color: #CCCCCC;
background-color: #3366AA;
text-decoration: none;
}

table {
font-size: 10pt;
border-collapse: collapse;
}

.MonthHead{
  background-color: #BBCCDD;
  font-weight: bold;
  text-align: center;
}

.Taken{
  background-color: #9900cc;
  text-align: right;
}

.GreyShade {
  background-color: #F0F0F0;
  text-align: right;
}
.Calendar {
	float: center;
}
.Calendar table {
	cellpadding: 2px; 
	cellspacing: 0;
	border: 0;
	bgcolor: #FFFFFF;
	align: top;

}
.Calendar td, th {
  text-align: right; 
  }
  
.boldred {
	color:red;
	font-weight: bold;
}
  
#footer {
	float: left;
	padding: 0px;
	margin-right: 0px;
	width: 90%;
	background: #3366aa;
	color:#ffffff;
	text-align:right;
	clear:both;
}
.copyright {
	font-size: 9pt;
	color: #FFFFFF;
	text-align: middle;
	font-weight: bold;
	text-align: center;
	padding-top: 0px;
}

.copyright a:link {
	text-decoration: underline;
	color: #ffffff;
	background-color: #A5A6AB;
} 

.copyright a:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: #A5A6AB;
}

.copyright a:hover {
	text-decoration: none;
	color: #A5A6AB;
	background-color: #ffffff;
}

.copyright a:active {
	text-decoration: none;
	color: #dddddd;
	background-color: #A5A6AB;
}