html
{
	height: 100%;
}

body
{
	margin: 0px; padding: 0px; background-color: #7D91C5; 
	font-family: Verdana, Tahoma, Sans-Serif; font-size:70%;
	height: 100%; color: #000000;
}

a:link		{ color: #00529F; text-decoration: none; background-color: inherit; }
a:visited	{ color: #00529F; text-decoration: none; background-color: inherit; }
a:hover		{ color: #7D91C5; text-decoration: none; background-color: inherit; }

form
{ 
	margin-top: 10px; padding: 0px; margin-bottom: 0px; 
	margin-left: 0px; margin-right: 0px; font-size: 110% 
}

input 
{
	font-size: 100%;
}

textarea
{
	font-size: 100%; font-family: Verdana, Tahoma, Sans-Serif;
}

ul	{		margin-left: 0px;		padding-left: 0px;		list-style: none;		line-height: 150%;		margin-top: 0px;		margin-bottom: 0px;	}li	{		padding-left: 10px;		padding-top: 0px;		background-image: url('../images/structure/bullet.gif');		background-repeat: no-repeat;		background-position: 0px 6px;		font-size: 100%;	}

/* END OF DEFAULT STYLES */

#siteContainer /* TO MAKE 100% WIDTH SITE, SET WIDTH TO 100%, AND REMOVE LEFT AND MARGIN-LEFT VALUES */
{
	width: 778px;
	background-color: #FFFFFF;
	position: absolute;
	left: 50%; margin-left: -389px;
	padding: 0px; overflow: hidden;
	color: inherit;
}

/* The header and footer */
.header
{
	background-color: #FFFFFF; text-align: left; padding: 0px; color: inherit;
}

.headlogo
{
	display: inline; margin: 0px; padding: 0px;
}

.footer
{
	background-color: #FFFFFF; text-align: center; padding: 10px; 
	border-top: solid 1px #FCB130; height: 60px; color: inherit;
}

a:link.tweb		{ color: #00529F; text-decoration: none; background-color: inherit; }
a:visited.tweb	{ color: #00529F; text-decoration: none; background-color: inherit; }
a:hover.tweb	{ color: #FFFFFF; text-decoration: none; background-color: inherit; }

/* HEADER DIVS */

#headerItems
{
	position: relative; height: 71px; /* HEIGHT OF THE LOGO */
}

.logoContainer
{
	border: 0px; position: relative; padding: 0px; margin: 0px; float: left
}

.telContainer
{
	border: 0px; position: relative; float: right;
}

#navbar
{
	width: 777px; border-bottom: solid 1px #7D91C5; border-top: solid 1px #7D91C5; border-right: solid 1px #7D91C5;
	background-image: url('../images/nav_on.gif'); background-repeat: repeat-x; position: relative; height: 23px; overflow: hidden; color: inherit;
}

.mobileSpaceOnly
{
	width: 100%; height: 6px; background-color: inherit; color: inherit;
}

.navBarItem
{
	padding: 5px; position: relative; float: left; margin: 0px; border-left: solid 1px #7D91C5;
	background-image: url('../images/nav_on.gif'); background-repeat: repeat-x;
}

.navBarItem:hover
{
	padding: 5px; position: relative; float: left; margin: 0px;
	background-image: url('../images/nav_out.gif'); background-repeat: repeat-x;
}

a.navBarItem-link:link		{ color: #00529F; font-weight: bold; text-decoration: none; background-color: inherit; }
a.navBarItem-link:visited	{ color: #00529F; font-weight: bold; text-decoration: none; background-color: inherit; }
a.navBarItem-link:hover		{ color: #7D91C5; font-weight: bold; text-decoration: none; background-color: inherit; }

/* ICONS LEFT REGION*/ 

.lefticon
{
	float: none; margin-left: 25px; margin-top: 100px; margin-right: 5px;	
}

.lefticon2
{
	float: none; margin-left: 5px; margin-top: 40px; margin-right
}

.lefticon3
{
	float: none; margin-left: 25px; margin-top: 20px; margin-right: 5px;
}

/* PAGE CLASSES */

h1
{
	color: #00529F; text-decoration: none; margin-top: 10px; margin-bottom: 10px; 
	padding: 0px; font-size: 120%; background-color: inherit;
}

h2
{
	color: #00529F; text-decoration: none; margin-top: 5px; margin-bottom: 5px; 
	padding: 0px; font-size: 100%; background-color: inherit;
}

h3
{
	padding: 5px; margin: 0px;
	background-color: #FCB130;
	color: #FFFFFF; font-size: 110%;
}

h4
{
	padding: 5px; margin: 0px;
	background-color: #00529F;
	color: #FFFFFF; font-size: 110%;
}

.pagingContainer
{
	width: 100%; height: 40px;
}

.pagingBox
{
	float: right;
	margin-top: 20px; margin-bottom: 15px;
}

.textContainer
{
	margin-top: 10px; margin-bottom: 10px;
}

.featuredContainer
{
	margin-top: 10px; margin-bottom: 10px; height: 120px;
}

.tblRow
{
	width: 100%; min-height: 35px;
}

.tblTextBoxRow
{
	width: 100%; height: 85px;
}

.tblCellLeft
{
	margin-right: 10px; float: left; height: 25px; padding-top: 7px; width: 150px;
}

.tblCellRight
{
	margin-right: 10px; float: left; height: 25px;
}

.propertyCellLeft
{
	float: left; margin-right: 10px; position: relative;
}

.mobilePropertyCellLeft
{
	float: left; margin-right: 10px; position: relative; width: 60px;
}

.mobileRoomHolder
{
	height: 25px; margin-bottom: 5px;
}

.propertyCellRight
{
	float: left; position: relative;
}

.smallImage, .pagingBorder
{
	padding: 1px; border: solid 1px #00529F;
}

.hr
{
	height: 1px; width: 100%; background-color: #FCB130; margin-top: 10px; color: inherit;
}

select
{
	font-family: Verdana, Tahoma, Sans-Serif; font-size: 100%;
	width: 145px; margin-top: 5px; margin-bottom: 10px; 
}

.textField
{
	width: 145px; margin-top: 5px; margin-bottom: 10px;
}

.photoHolder, #printContainer
{
	width: 100%; height: 225px; margin-top: 10px; margin-bottom: 10px;
}

.mobilePhotoHolder
{
	width: 100%; height: 75px; margin-top: 10px; margin-bottom: 10px;
}

.mainPic			{ float: left; }
.mainPicSplitter	{ float: left; width: 10px; }

.extraPhotosHolder
{
	float: right;
}

.pagePadding
{
	padding: 20px;
}

/* ICONS */

.iconHolder
{
	height: 45px; width: 100%;
}

.icon
{
	float: left; margin-right: 10px; margin-top: 12px;
}

/* FOOTER CLASSES */

.branchHolder
{
	float: left; text-align: center; width: 100%;
}

.copyRight
{
	padding: 10px; background-color: #7D91C5; text-align: center; color: #FFFFFF;
}

/* ADVANCED MAP SEARCH RESULTS */

.perPage
{
	float: left;
}

/* Message Panels */

.messagepanel-container
{
    background-color: #FAF2CF;
    padding: 5px 5px 5px 5px;
    border: solid 1px #EBD581;
}

.messagepanel-generic
{
    color: #000000;
}

.messagepanel-error
{
    color: Red;
}

/* Property Next/Prev Control */

.propertyNavigation
{
	height: 25px; width: 100%;
	margin-bottom: 10px;
}

#forwardContainer
{
	border: solid 1px #00529F;
	position: absolute; background-color: #FFFFFF;
	z-index: 100000; margin-right: 10px;
	width: 250px; right: 50%; margin-right: -296px;
	filter: alpha(opacity=90); moz-opacity: 0.90; opacity: .90;
	cursor: pointer; margin-top: 20px; padding: 5px;
}

#backContainer
{
	border: solid 1px #00529F;
	position: absolute; background-color: #FFFFFF;
	z-index: 100000; margin-right: 10px;
	width: 250px; left: 50%; margin-left: -296px;
	filter: alpha(opacity=90); moz-opacity: 0.90; opacity: .90;
	cursor: pointer; margin-top: 20px; padding: 5px;
}

.navigationRight
{
	text-align: right; padding: 5px;
	margin-bottom: 10px; float: right;
	width: 100px; cursor: pointer;
}

.navigationLeft
{
	text-align: left; padding: 5px;
	margin-bottom: 10px; float: left;
	width: 100px; cursor: pointer;
}

#pnlNextMenu
{
	padding: 5px;
	height: 75px;
}

#pnlPreviousMenu
{
	padding: 5px;
	height: 98px;
}

.imgNextProperty
{
	float: left; width: 100px;
	margin-right: 10px;
}

.nextHeading
{
	float: right; width: 130px;
}

.previousHeading
{
	float: left; width: 130px;
}

.imgPreviousProperty
{
	float: right; width: 100px;
	margin-left: 10px;
}

.txtBackToSearchResults
{
	width: 240px;
	padding: 5px 0px 5px 0px; font-weight: bold;
}

.txtBackToSearchResultsOver
{
	width: 240px; background-color: #C0C0C0;
	padding: 5px 0px 5px 0px; font-weight: bold;
}