/* reset styles */
//@import url("reset.css");

html {
}

body {
	FONT-SIZE: 90%; 
	FONT-FAMILY: verdana, arial, helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff;
	MARGIN: 0px;
}

#banner {
	BACKGROUND: url(/_images/ok/top_background.gif) no-repeat left bottom; 
	WIDTH: 99.99%; 
	min-width: 800px;
	BORDER-BOTTOM: silver 1px solid;
	overflow-x:hidden;
}

#banner img {
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	FLOAT: left; 
	MARGIN: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px;
}

#banner h1 {
	MARGIN-TOP: 15px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	FLOAT: left; 
	MARGIN-LEFT: 0px; 
	COLOR: #366; 
	LINE-HEIGHT: 20px;
}
	
#banner h1 a {
	COLOR: #366; 
	TEXT-DECORATION: none;
}

#topnav {
	DISPLAY:block;
	CLEAR: both; 
	FONT-SIZE: 85%; 
	COLOR: #333333; 
	WIDTH: 100%;
	TEXT-ALIGN: right;
	MARGIN:10px;
	font-weight: normal;
}

#topnav a, #topnav a:link, #topnav a:visited{
	COLOR:#213ca2;
	TEXT-DECORATION:none;
}


#topnav a:hover{
	COLOR:#696969;
	TEXT-DECORATION:underline;
}

#main {
	DISPLAY:block;
	CLEAR:both;
	MARGIN: 10px;
	WIDTH: 96%;
}

#main div {
	/*border: 1px dotted black;*/
}

div.leftindi {
	BACKGROUND: url(/_images/ok/tab_corner1.gif) #5DAAC7 no-repeat left top;
	FLOAT: right; 
	MARGIN: 5px 0px 10px 15px; 
	WIDTH: 255px; 
	PADDING-TOP: 5px;
}

div.leftindi h3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%; 
	PADDING-BOTTOM: 4px;
	PADDING-LEFT: 35px; 
	MARGIN: 0px; 
	COLOR: #FFFFFF; 
	LINE-HEIGHT: 180%;
}
div.leftindi a {
	COLOR: #213ca2; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
div.leftindi a:hover {
	COLOR: #696969; 
	TEXT-DECORATION: underline;
}
div.leftindi div.feature {
	BORDER-RIGHT: #99cccc 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #99cccc 1px solid; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #99cccc 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #99cccc 1px solid; 
	BACKGROUND-COLOR: #fefefe;
}
div.leftindi div.feature img {
	FLOAT: right;
}
div.leftindi div.feature ul li {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	BACKGROUND: url(/_images/ok/arrow.gif) #fff no-repeat 0px -2px; 
	FONT-SIZE: 90%; 
	MARGIN: 0px 0px 0px 0px; 
	LINE-HEIGHT: 140%; 
	LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: #fefefe;
}
div.leftindi div.feature ul li a {
	
	PADDING-BOTTOM: 0px; 
	COLOR: #213ca2; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-DECORATION: none;
}

div.leftindi div.feature ul li a:hover {
	PADDING-BOTTOM: 0px; 
	COLOR: #696969; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}
div.leftindi div.feature ul li a:active {
	COLOR: #696969; 
	LIST-STYLE-TYPE: none; 
	TEXT-DECORATION: underline;
}

#extra {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	BACKGROUND: url(/_images/ok/arrow1.gif) #fff no-repeat 0px -2px; 
}

div.content {
	CLEAR: none;
	FLOAT: left; 
	MARGIN: 0px;
	MARGIN-BOTTOM: 5px;
	PADDING: 5px;
	width:100%;
}

div.content h4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 120%; 
	LINE-HEIGHT: 140%;
	COLOR: black;
}

div.content h5 {
	PADDING-RIGHT: 0px; 
	BORDER-TOP: silver 1px dotted; 
	PADDING-LEFT: 10px; 
	BORDER-LEFT-WIDTH: 1px; 
	BORDER-LEFT-COLOR: silver; 
	PADDING-BOTTOM: 10px; 
	FONT: 75%/1.7 Verdana,Arial,Helvetica,sans-serif; 
	WIDTH: 99%; 
	COLOR: #213ca2; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: silver 1px dotted; 
	POSITION: relative; 
	BORDER-RIGHT-WIDTH: 1px; 
	BORDER-RIGHT-COLOR: silver
}

div.content p {
	FONT-SIZE: 87%; 
	COLOR: #333333;
	FONT-WEIGHT:normal;
	MARGIN-BOTTOM: 1em;
}

div.content a:link   
{
	FONT-SIZE: 100%! important; 
	COLOR: #213ca2; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
	height: 100%;
}
div.content a:visited {
	COLOR: #213ca2; 
	TEXT-DECORATION: none
}
div.content a:hover {
	COLOR: #696969; 
	TEXT-DECORATION: underline;
}
div.content p a 
{
	FONT-SIZE: 100%! important; 
	COLOR: #213ca2; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
	height: 100%;
}
div.content p a:visited {
	COLOR: #213ca2; 
	TEXT-DECORATION: none
	
}
div.content p a:hover {
	COLOR: #696969; 
	TEXT-DECORATION: underline;
}
div.content img {
	BORDER-RIGHT: 0px; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: 0px; 
	DISPLAY: inline; 
	PADDING-LEFT: 3px; 
	Z-INDEX: 1; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: 0px; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: 0px;
}
div.content img.border {
	BORDER-RIGHT: #c0d0e0 1px solid; 
	BORDER-TOP: #c0d0e0 1px solid; 
	BORDER-LEFT: #c0d0e0 1px solid; 
	BORDER-BOTTOM: #c0d0e0 1px solid;
}
div.content ul {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 90%; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 120%; 
	PADDING-TOP: 5px; 
	color: #696969;
}
div.content ul li {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	BACKGROUND: url(/_images/ok/arrow1.gif) #fff no-repeat 0px -2px; 
	PADDING-BOTTOM: 0px; 
	COLOR: #696969; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}
div.content ul li a {
	COLOR: #213ca2; 
	LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
div.content ul li a:visited {
	COLOR: #213ca2; 
	TEXT-DECORATION: none
}
div.content ul li a:hover {
	COLOR: #696969; 
	LIST-STYLE-TYPE: none; 
	TEXT-DECORATION: underline
}
div.content ol {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 35px; 
	FONT-SIZE: 90%; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	LINE-HEIGHT: 120%; 
	PADDING-TOP: 5px; 
	color: #696969
}
div.content ol li 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 5px; 
	COLOR: #696969; 
	BACKGROUND-COLOR: transparent
}
div.content ol li a {
	COLOR: #213ca2; 
	LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
div.content ol li a:visited {
	COLOR: #213ca2; 
	TEXT-DECORATION: none;
}
div.content ol li a:hover {
	COLOR: #696969; 
	LIST-STYLE-TYPE: none; 
	TEXT-DECORATION: underline;
}

.listTable tr td{
	BORDER-TOP: silver 1px dotted;
	padding: 12px;
	vertical-align: top;
}

.listTable tr td.bigNumber{
	max-width: 30px;
	font-size: 200%;
	COLOR: #99cccc;
	padding-top: 10px;

}

#sbrTable {
	width:100%;
	}

#sbrTable tr td{
	font-size:75%;
	
	padding:6px;
	vertical-align:middle;
}

.radios {
	color:black;
}

.radios [checked=checked]{
	
	display:none;
	
}

a.rlabels, a.rlabels:link {
	font-weight:bold;
	color:#333333 !important;
}

a.rlabels:visited {
	color:#333333 !important;
}

a.rlabels:hover {
	color:red !important;
}


/* TABS */
	.Tabs {
		list-style: none;
		padding: 0px;
		margin: 0px 0px 0px 0px;	
		height: 33px;
		width: 100%;	
		display: inline;
	}
	.Tabs li {
		float: left;
		padding: 0;				
		text-align: center;
		margin: 0px 0px 0px 0px;	
	}

	/*
	IE has issues with using pngs in the tabs			
	*/
	.Tabs li a, .Tabs li a:link, .Tabs li a:visited, .Tabs li a:hover{
		padding: 5px 17px 3px 5px;
		line-height: 30px;
		white-space: nowrap; 
		display: block;
		height: 25px;
		vertical-align:middle;
		text-decoration: none;
		text-align: center;
		font-size: 12px;
		font-weight: bold;	
		width: 145px;
		BACKGROUND: url(/_images/ok/tab_corner2.gif) #B6B6B6 no-repeat left top;
		COLOR: #000000;			
	}
	
	.Tabs li a:hover{
		COLOR: #696969;
	}
	
	.Tabs #selectedNav p {
		padding: 5px 17px 3px 5px;
		line-height: 2em;
		white-space: nowrap;
		display: block;
		
		height: 17px;					
		
		text-decoration: none;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		
		BACKGROUND: url(/_images/ok/indi.gif) #5DAAC7 no-repeat right top; 
	}
	
	.Tabs .tabSelected a:visited, .Tabs .tabSelected a, .Tabs .tabSelected a:link {
		color: #FFFFFF;
		BACKGROUND: url(/_images/ok/tab_corner1.gif) #5DAAC7 no-repeat left top;
	}

	.Tabs .tabSelected a:hover, .Tabs li a:hover {
		color: #696969;
	}
	
#TabLinks  {
	display: inline;
	height: 25px;
	line-height: 30px;
	margin-left: 15px;
	vertical-align: middle;
	font-size: 85%;
}

#TabLinks a, #TabLinks a:link, #TabLinks a:visited {
	margin-left: 15px;
	color:#213ca2;
	text-decoration:none;
	
}

#TabLinks a:hover{
	color:#696969;
	text-decoration:none;
}

.tabbedContent {

	CLEAR: none;
	FLOAT: left; 
	MARGIN: 0px;
	width:100%;
	border: 2px solid silver;
	overflow-x:hidden;
	
	}
	
	.tabbedContent table{
		width:100%;
		
	}
	.tabbedContent table tr th{
		width:125px;
		border-bottom: 1px solid silver;
	}
	
	.tabbedContent table tr th a, .tabbedContent table tr th a:visited, .tabbedContent table tr th a:active{
		color:#213ca2;
		text-decoration:none;
	}
	
	.tabbedContent table tr th a:hover{
		color:#696969;
		text-decoration:none;
	}

* html body #main .tabbedContent tbody{
		height:1.5em;
		
	}

	.tabbedContent table {


	}
	
	.tabbedContent table tr td{
		padding: 8px;
		text-align: left;
		height:1.5em;
		border-bottom: 1px dotted silver;
	}
	
	
	.tabbedContent table tr th{
		padding: 8px;
	}	
		
	.tabbedContent table tr th.numresults{
		font-size:110%;
		font-weight:bold;
		COLOR:#696969;
		text-align:left;
		height:2em;
	}
	
	.tabbedContent table tr td.facilityname{
		text-align:left;
	}
	
	.tabbedContent table tr td.facilityname a{
		text-decoration:none;
		FONT-SIZE: 87%; 
		COLOR: #213ca2;
		FONT-WEIGHT:BOLD;
	}
	
	.tabbedContent table tr td.facilityname a:visited{
		text-decoration:none;
		FONT-SIZE: 87%; 
		COLOR: #213ca2;
		FONT-WEIGHT:BOLD;
	}
	
	.tabbedContent table tr td.facilityname a:hover{
		text-decoration:none;
		FONT-SIZE: 87%; 
		COLOR: #696969;
		FONT-WEIGHT:BOLD;
	}
	
	.tabbedContent table tr td div.stars, #fratings tr td.stars div.stars{
		height:19px;
		padding:0px;
		margin:0px;	
		width:105px;	
	}
	
	.tabbedContent table tr td div.stars div.ph, #fratings tr td.stars div.stars div.ph{
		visibility:hidden;
		font-size:1px;
		width:0px;
		overflow-x:hidden;
	}

#fratings tr td{
	padding: 6px;
	VERTICAL-ALIGN: top;
	border-bottom: 1px dotted silver;
}

#fratings tr td.stars {
		TEXT-ALIGN: right;
		PADDING-RIGHT: 10px;
		PADDING-LEFT: 10px;
}


#fimages {
		display: block;
		float: left;
		clear: left;
		margin-right: 10px;
		margin-top: 10px;
		border:0;
		width:225px;
		}

.fimage {
		height: 150px;
		width: 225px;
		background-color: #CCCCCC;
		margin-bottom:5px;
}

.content ul.fattributes li {
		FONT-SIZE: 87%; 
		COLOR: #696969;
		FONT-WEIGHT:BOLD;
}

.contact {
	padding: 5px;
}

.contact tr td{
	FONT-SIZE: 87%; 
	COLOR: #696969;
	FONT-WEIGHT:BOLD;
	PADDING: 10px;
	vertical-align: top;
}

.content p.returnlink{
	display: block;
	height:20px;
	BACKGROUND: url(/_images/ok/tab_arrow.gif) #ffffff no-repeat left middle;
	padding-left:0px;
}

/**** SAMPLE CODE ****/
	
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.feed {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:4px;
}

/**** FOOTER ****/

.welcomeDisclaimer{
	text-align:center;
	font-size:10px;
	margin-left:50px;
	margin-right:50px;
}

#footer {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 75%; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	COLOR: #696969; 
	LINE-HEIGHT: 130%; 
	PADDING-TOP: 10px; 
	TEXT-ALIGN: center;
}
#footer a {
	COLOR: #213ca2; 
	TEXT-DECORATION: none;
}
#footer a:visited {
	COLOR: #213ca2;
}
#footer a:active {
	COLOR: #213ca2;
}
#footer a:hover {
	COLOR: #696969; 
	TEXT-DECORATION: underline;
}