﻿body
{
	margin: 0px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
	background-color: #E9EDFE;
}


div#header
{
	height: 148px;
	margin: auto;
	width: 941px;
	background: #E9EDFE url(../img/newLogoB.jpg) no-repeat center top;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
div#header h1, div#menu
{
	width: auto;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 120px;
}

.titleDiv
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	height: 115px;
	color: #FFFFFF;
	font-size: 1.4em;
	padding-top: 7px;
}

ul#nav, ul#nav li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#nav
{
	padding-top:6px;
	float: right;
	font-size: 80%;
}
ul#nav li
{
	float: left;
	margin-left: 3px;
	text-align: center;
}
ul#nav a
{
	float: left;
	width: 95px;
	padding: 5px 0;
	background: #003366;
	text-decoration: none;
	color: #FFC;
}
ul#nav a:hover
{
	background: #ccff99;
	color: #003366;
}
ul#nav li.activelink a, ul#nav li.activelink a:hover
{
	background: #FFF;
	color: #003;
}

div#breaker
{
	 clear:both;
}

#pageBody
{
	margin:auto;
	background-color:#FFF;
	width:941px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#pageBottom
{
	background-color: #FFFFFF;
    clear: both;
    margin: auto;
    padding: 0;
    text-align: center;
    width: 941px;
}

#footer
{
	width:100%;
	background-color:#E9EDFE;
	text-align:center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	
}

#pageText
{
	padding:1px;
}

#pageText2
{
	padding:1px;
}

#leftCol
{
	float:left;
	width:15%;
	text-align:center;
	background-color:#c0dffd;
	padding:3px;
	margin:5px;
}

#rightCol
{
	float:right;
	width:15%;
	text-align:center;
	background-color:#c0dffd;
	padding:3px;
	margin:5px;
}

.imgSmall
{
	height:80px;
	width:120px;
}

.imgLeft
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 4px;
	float: left;
}

.imgRight
{
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 4px;
	float: right;
}

.imgHolder
{
	margin:3px 3px 3px 3px;
	display:block;
}

img.imgHolder
{
	display:block;
}

A, A:visited, A:active
{
	text-decoration: none;
	color:#003366;
}

a:hover
{
	text-decoration:underline;
}

.thumbBox
{
	color:#FFF;
	background-color:#003366;
	padding:3px 0 3px 0;
}

.thumbBox a
{
	color:#FFF;
}

.altThumbBox
{
	background-color:#84BFFB;
	padding:3px 0 3px 0;
}

.clearBoth
{
	clear:both;
}

.submit input,textarea
{
	width:350px;
}

.standardInput
{
	width:350px;
}

.villaCalendar, .villaCalendar td
{
	padding:1px;
	border:solid 1px #ccc;
	border-spacing: 0px;
}

.villaCalendar td
{
	font-size:9px;
	width:15px;
	height:15px;
	text-align:center;
}

/* my datagrid stuff */
.gridAlternatingrowstyle{
	background-color:#f9f9f9;
}
.gridHeaderstyle{
	background-color:#e5e5e5;
	height:23px;
}
.gridHeaderstyle th {
	border:1px solid #bbbbbb;
	padding-left:5px;
	text-align:left;
}  
.gridHeaderstyle a {
	color:black;
}    
.gridSortalternatingrowstyle{
	background-color:#e5e5e5
}
.gridSortrowstyle{
	background-color:#f0f0f0
}
.gridSortascheaderstyle{
	background:#c5c5c5 url(Img/sort_asc.gif) no-repeat scroll right center;
	padding-left:5px;
}
.gridSortdescheaderstyle{
	background:#c5c5c5 url(Img/sort_desc.gif) no-repeat scroll right center;
	padding-left:5px;
}   
.gridPagerstyle{
	color:#444444;
	background-color:#e5e5e5;
	font-size:x-small;
	text-align:right;
} 
.gridPagerstyle select{
	font-size:x-small;
}  
.gridPrevious{
	background:transparent url(Img/previous.gif) no-repeat scroll center;
	height:1.3em;
	width:16px;
}
.gridNext{
	background:transparent url(Img/next.gif) no-repeat scroll center;
	height:1.3em;
	width:16px;
}  
.gridGotopage{
	font-size:x-small;
	width:20px;
}

.villaFinder {
border:1px solid #999;
text-align:left;
background-color:#E9EDFE;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#5F5F5F;
font-size:14px;
width:100%;
border-collapse:collapse;
}

.villaFinder td {
border:0 solid #999;
text-align:left;
height:auto;
border-collapse:collapse;
font-size:130%;
margin:0;
padding: 6px;
vertical-align:top;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.paraDiv
{
	padding: 25px 8px 25px 8px;
	border: 1px solid #CCC;
	width: 92%;
	background-color: #FFFFFF;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
}
