/*
	HTML ELEMENTS USE THE CLASS="CLASSNAME" ATTRIBUTE.  HOWEVER, IF YOU WANT
	TO ASSIGN AN ASP.NET CONTROL TO A CSS CLASS YOU MUST USE THE CSSCLASS="CLASSNAME"
	ATTRIBUTE.  ALSO NOTICE SOME CLASSES BEGIN WITH A PERIOD (I.E.: .menu).  ALL
	CUSTOM CLASSES MUST BEGIN WITH THIS.  WHEN YOU WANT TO USE A CLASS FOR SAY, HTML'S
	TD TAG YOU WOULD JUST USE td { border-color:blue; } FOR EXAMPLE.  WHEN ASSIGNING
	CUSTOM CLASSES TO YOUR HTML ELEMENTS YOU OMIT THE PERIOD HOWEVER
	(I.E.: <TD CLASS="menu"> INSTEAD OF <TD CLASS=".menu">)
*/

/* 
	ALL ELEMENTS WILL INHERIT THE ATTRIBUTES IN THIS CLASS
	THEY CAN BE OVERRIDDEN BY REDEFINING THEM WITHIN THE ELEMENT'S CLASS
*/
*
{
	color:#000099;
	font-size:12px;
	font-family: 'Helvetica', 'Veranda';
}

/* BODY */
body 
{
	width: 750px;
}

/*
	THE FOLLOWING SPECIFIES THAT ANY HTML ELEMENT YOU GIVE CLASS="indent" TO
	WILL INDENT THE TEXT 10 PIXELS
*/
*.indent { text-indent:10px; }

h1, h2, h3, h4 { color:#000099; }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }

a,a:visited,a:active { text-decoration:underline; }
a:hover {	color:#000099; text-decoration:none; }

/* 
	USED AS THE BACKGROUND FOR THE MENU AND FOR THE BACKGROUND OF ALTERNATING
	LISTING ITEM FIELDS AS WELL
*/
.menu {	background-color:#DBDBDB; }

/*
	USED FOR MENU ITEMS - TO MAKE LINKS LOOK LIKE BUTTONS - BACKGROUND
	COLOR IS SET TO THE MENU'S BACKGROUND COLOR AS THESE ITEMS
	INHERIT FROM THE MENU CLASS
*/
a.menu,a.menu:visited,a.menu:active
{
	padding:2px;
	display:block;
	color:#000099;
	text-decoration:none;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#DBDBDB;
}

/* USED FOR WHEN USER HOVER OVERS A MENU ITEM */
a.menu:hover
{
	padding:2px;
	display:block;
	color:#000099;
	background-color:#DBDBDB;
	text-decoration:none;	
	text-align:center;
	border-style:solid;
	border-color:#000099;
	border-width:1px;
}

/* USED FOR THUMBNAILS */
.imglink
{
	border:1px;
	border-color:#000099;
	border-style:solid;
	margin:0px;
}

/*
	USED FOR WHEN AN IMAGE IS USED AS A LINK INSTEAD OF TEXT - REMOVES
	BORDER AND CREATES A MARGIN AROUND THE IMAGE SO TEXT WILL NOT
	TOUCH UP TO THE IMAGE
*/
.imgaslink
{
	border:0px;
	margin:3px;
}

/* ASP.NET AND HTML FORM CONTROL CLASSES */

/*
	USED FOR DROP-DOWN LISTS IN THE SEARCH BAR, MAINLY TO GIVE THEM
	THE FULL WIDTH OF WHATEVER HTML CONTAINER THEY ARE IN
*/
.droplistsearch {	width:100%; }

/*
	USED BY THUMBNAILS (IN CONJUNCTION WITH THE IMGLINK CLASS) TO
	CREATE A BORDER AND HOVER EFFECT AROUND LISTING IMAGES AND
	REALTOR IMAGES
*/
a.thumb,a.thumb:visited,a.thumb:active
{
	padding:5px;
	display:block;
	color:#000099;
	text-decoration:none;
	border-style:solid;
	border-width:1px;
	border-color:White;
}

a.thumb:hover 
{
	padding:5px;
	display:block;
  color:#000099;
	background-color:#DBDBDB;
	text-decoration:none;	
	border-style:solid;
	border-width:1px;
	border-color:#000099;
}

/* USED BY VARIOUS ITEMS IN REALTOR AND LISTING SECTIONS */
.rTitle
{
	text-align:center;
	font-style:italic;
	color:#000099;	
}

.rItem
{
	background-color:white;
}

.rAltItem
{
	color:#000099;
	background-color:#DBDBDB;
	border-style:solid;
	border-width:1px;
	border-color:#000099;
}

/* APPLIED TO ANY TEXTBOX WITH THE CLASS="textbox" PROPERTY SET */
.textbox
{
	padding:2px;
	border-style:solid;
	border-width:1px;
	border-color:#000099;
}