@charset "UTF-8";
/* CSS Document */
    
	
#tabcontainer {
	position: absolute;
	top: 0px;
	right: 70px;
	width: 229px;
	}	

		UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
			font-size: 12px;
			margin: 0px 0px 0px 10px;
		}

		UL.tabNavigation LI {
			float: left;
		}

		UL.tabNavigation LI A {
		    background-color: #ccc;
		    color: #FFF;
		    text-decoration: none;
		}
		
		ul.tabNavigation li #purpletab {
			background: url(../images/tabpurple.jpg) 0px 0px no-repeat;
			height: 30px;
			width: 94px;
			display: block;
			text-align: center;
			line-height: 30px;
			}
			
		ul.tabNavigation li #purpletab:hover {
			background: url(../images/tabpurple.jpg) 0px 0px no-repeat;
			}
			
		ul.tabNavigation li #yellowtab {
			background: url(../images/tabyellow.jpg) 0px 0px no-repeat;
			height: 30px;
			width: 94px;
			display: block;
			text-align: center;
			line-height: 30px;
			}
			
		ul.tabNavigation li #yellowtab:hover {
			background: url(../images/tabyellow.jpg) 0px 0px no-repeat;
			}			
			
			

		UL.tabNavigation LI A#yellowtab.selected  {
		    color: #FFF;
			background: url(../images/tabyellow.jpg) 0px 0px no-repeat;
		}
		

		UL.tabNavigation LI A#purpletab.selected  {
		    color: #FFF;
			background: url(../images/tabpurple.jpg) 0px 0px no-repeat;
		}		
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}

		
		

#first {
	width: 189px;
	height: 420px;
	background: url(../images/yellowbox.png) 0px 0px no-repeat;
	color: #FFF;
	padding: 20px;
	font-size: 12px;
	}
	
#firstinside {
	width: 189px;
	height: 200px;
	background: url(../images/yellowbox_inside.gif) 0px 0px no-repeat;
	color: #FFF;
	padding: 20px;
	font-size: 12px;
	}	
	
#first p, #second p, #firstinside p, #secondinside p {
	line-height: 17px;
	}	
	
#first h1, #second h1, #firstinside h1, #secondinside h1 {
	font-size: 16px;
	font-weight: lighter;
	margin-bottom: 15px;
	}	
	
#firstinside p, #secondinside p { margin-bottom: 15px; font-size: 16px; color: #FFFFFF; }
	
	

#second {
	width: 189px;
	height: 420px;			
	background: url(../images/purplebox.png) 0px 0px no-repeat;
	color: #FFF;
	padding: 20px;
	font-size: 12px;
	}
	
#secondinside {
	width: 189px;
	height: 200px;
	background: url(../images/purplebox_inside.gif) 0px 0px no-repeat;
	color: #FFF;
	padding: 20px;
	font-size: 12px;
	}	
	
	
#mapview {
	background-color: #c5c6c8;
	}	
	
#listview {
	background-color: #c2c4c6;
	border: 1px solid #c2c4c6;
	color: #FFF;
	}	
	
ul.tabNavigation li #searchtab {
	background: url(../images/search_tabs.gif) 0px 0px no-repeat;
	height: 30px;
	width: 111px;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #ABAAAA;
	}
			
ul.tabNavigation li #searchtab:hover {
	background: url(../images/search_tabs.gif) 0px -30px no-repeat;
	color: #FFF;
	}

UL.tabNavigation LI a#searchtab.selected  {
	color: #FFF;
	background: url(../images/search_tabs.gif) 0px -30px no-repeat;
	}		

UL.tabNavigation LI a:focus {
	outline: 0;
	}		
	
	
	
	
	
.borderdivide {
	border-bottom: 1px solid #FFF;
	padding-bottom: 35px;
	margin-bottom: 35px;
	}
	
#tabcontainer p a {
	color: #FFC201;
	}		

ul.tabNavigation li .buttontab {
	background: url(../images/search_tabs.gif) 0px 0px no-repeat;
	height: 30px;
	width: 111px;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #ABAAAA;
	}
			
ul.tabNavigation li .buttontab:hover {
	background: url(../images/search_tabs.gif) 0px -30px no-repeat;
	color: #FFF;
	}

ul.tabNavigation li .selected {
	background: url(../images/search_tabs.gif) 0px -30px no-repeat;
	height: 30px;
	width: 111px;
	display: block;
	text-align: center;
	line-height: 30px;
	color: #FFF;
	}		

.mapview {
	background-color: #c5c6c8;
	clear: both;
	}	
	
.listview {
	background-color: #c2c4c6;
	border: 1px solid #c2c4c6;
	color: #FFF;
	clear: both;
	}