/* CSS - Oak Grove Storage */

body{
width:100%; background-color:#009900; font-family:Arial, Helvetica, sans-serif; font-size:medium; border:none; color:#000000;
	margin:0px; padding: 0px; overflow:auto;}

a:link{font-weight:bold; text-decoration:none; color:#000000; text-transform:capitalize;}
a:visited{font-weight:bold; text-decoration:none; color:#000000; text-transform:capitalize;}
a:hover {text-decoration:none;}



.content {width:960px; height:auto; padding :10px; margin:0 auto; float:none; background-color:#ffffff;}

p.header{text-align:center; border:none;
	
}
.available {width:100%; padding-top:36px; padding-left:10px; clear:both; color:red; font-size:30px; font-weight:bold; font-family:'arial' 'sans-serif';}
table {border-collapse:collapse; width:70%; margin-left:15%; margin-top:-35px;}
table, th, td {border: 1px solid #000000; }
th, td {width:50%;}
th {background-color:#009900; color:#ffffff;}

.leftNav {width:160px; height:auto; margin:10px; padding:10px; 
	float:left; border:none; background-color: #009900; line-height:2.5em; font-size:1.2em;}

.leftNav ul li {list-style:none; list-style-position:outside;}

.leftNav a:link{font-weight:bold; text-decoration:none; color:#ffffff; text-transform:capitalize;}

.leftNav a:visited{font-weight:bold; text-decoration:none; color:#ffffff; text-transform:capitalize;}

.leftNav a:hover {text-decoration:underline;}


.fullMain {width:700px; height:auto; margin:10px auto; float:left; border:none; text-align:none; background-color:#ffffff;}

.halfMainLeft {width:340px; height:auto; margin:0px auto; float:left; border:none; text-align:center; background-color:#ffffff;}
.halfMainLeft ul {text-align:left;}
.halfMainLeft ul li {line-height:130%;}

.why {
	font-size:11px;
	line-height:100%;
}

.halfMainRight {width:420px; height:auto; margin:0px auto; float:right; border:none; text-align:center; background-color:#ffffff;}

.footer {
	width:100%; height:auto; font-size:12px; clear:both; background-color:#ffffff; padding:10px; margin-left:-10px;
		text-align:center;}
	
/* TINY SLIDER CSS BEGINS */
#wrapper {width:330px; margin:0px auto}

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slideshow {float:left; width:360px; height:216px; border:2px solid #fff; background:#fff}
#slides {position:relative; width:360px; height:216px; list-style:none; overflow:hidden;}
#slides li {width:360px; height:216px}

.pagination {float:left; list-style:none; height:15px; margin:25px 0 0 25px; display:inherit;}
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666600; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#ccc}
.pagination li:hover {background:#cccccc; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#009900}

li#content {width:400px; height:240px; padding:15px 18px 15px 18px; background:#fff}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}
/* TINY SLIDER CSS ENDS */