/*------------------------------
	Filename: style.css
	Author:	Rick Rose
	Created: 2011-12-11
	Modified: 2011-12-11
	Description: Stylesheet for Applieg GIS Solutions main pages
--------------------------------*/
html {
height: 100%;
font-family: "Arial";
font-size: 18px;
}

/* Set background color to forest green on all pages*/
body {
background-color: #009966;
}

/* Set Applied GIS Solutions! text header to Arial, yellow, 48px - index.html advertise.html cgdetail.php contactus.html findcg.html problem.html*/
h1{
font-size: 48px;
font-family: "Arial";
color: #FFCC00;
position:absolute;
top: 15px;
left: 265px;
height: 50px;
width: 700px;
margin: 5px;
}

/* used to move Campgrounds Live header to left side of page  - findmap.php, findquery.php*/
h1.left{
left: 10px;
}

/* Second line text used as page headline - adddata.html addreport.php, addphotos.php, advertise.html contactus.html findcg.html problem.html*/
#searchtext{
position:absolute;
top: 80px;
left: 300px;
width: 800px;
font-size: 32px;
font-weight: normal;
font-family: "Arial";
color: #FFCC00;
text-align: left;

}

/* Displays Return to Search Page three inches from left side of window - 
#returntosearch{
font-size: 20px;
font-family: "Arial";
color: #FFCC00;
position: absolute;
top: 75px;
left: 270px;
height: 50px;
width: 750px;
margin: 5px;
}

/* Used to move Return to Search Page to left side of window - findmap.php, findquery.php */
h3.left{
font-size: 20px;
font-family: "Arial";
color: #FFCC00;
position:absolute;
top:75px;
left:10px;
height: 50px;
width: 750px;
margin: 5px;
}

/* Used to move Return to Search Page to left side of window - findmap.php, findquery.php */
h3.right{
font-size: 20px;
font-family: "Arial";
color: #FFCC00;
position: absolute;
top: 75px;
left: 265px;
height: 50px;
width: 750px;
margin: 5px;
}

/* Set main page tagline to Arial, yellow, 32px - index.html, addphotos.php */
#tagline {
position:absolute;
top: 80px;
left: 300px;
height: 50px;
width: 750px;
font-size: 32px;
font-weight: normal;
font-family: "Arial";
color: #FFCC00;
text-align: left;
line-height: 150%;
}

/* Set all a link tags to non-serif font */
a
{
text-decoration:  none;
}

/* Change links to yellow on mouse over and back to white for visited */
a:link {
color: #FFFFFF;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFCC00;
}

/* sets Google Maps infowindow (displayed after map marker is clicked) parameters - findmap.php */
#infowindow
{
font-size: 16px;
font-family: "Arial";
color: #000000;
height: 40px;
width: 400px;
}

/* sets a href color to blue for infowindow link to campground  - findmap.php */
#acg
{
color: blue;
}

/* Load and position Princess campground main image - 
index.html, adddata.html, addphotos.php, advertise.html cgdetail.php contactus.html findcg.html problem.html*/
#mainpic{
background-image: url("../img/mainpic.jpg");
position: absolute;
top: 10px;
left: 10px;
height: 188px;
width: 250px;
background-position: 0px 0px;
}

/* draws dark green rectangle under selections on main page - index.html */
#mainbox {
height: 300px;
width: 700px;
position: absolute;
top: 199px;
left: 260px;
border: 0px;
background-color: #006633;
}

/* left side navigation menu - findcg.html, adddata.html, contactus.html, advertise.html cgdetail.php contactus.html findcg.html problem.html*/
#vmenu {
background-color: #009999;
position:absolute;
top: 200px;
left: 10px;
height: 200px;
width: 250px;
font-size: 20px;
font-weight: bold;
font-family: "Arial";
text-align: center;
line-height: 200%;
list-style-type: none;
color: #ffffff;
}

/* Main ad placeholder 1 */
#mainad1 {
position: absolute;
top: 202px;
left: 10px;
width: 235px;
height: 200px;
border-style: double;
border-width: 5px;
text-align: center;
background-color: #D8F2F2;
}

/* Main ad placeholder 2 */
#mainad2 {
position: absolute;
top: 415px;
left: 10px;
width: 235px;
height: 200px;
border-style: double;
border-width: 5px;
text-align: center;
background-color: #D8F2F2;
}

/* Campground detail page ad placeholder #1 */
#detailad1 {
position: absolute;
top: 20px;
left: 800px;
width: 235px;
height: 100px;
border-style: double;
border-width: 5px;
text-align: center;
background-color: #D8F2F2;
}

/* Campground detail page ad placeholder #2 */
#detailad2 {
position: absolute;
top: 20px;
left: 1050px;
width: 235px;
height: 100px;
border-style: double;
border-width: 5px;
text-align: center;
background-color: #D8F2F2;
}


/* Div to hold main campground map - findmap.php */
#map {
top: 120px;
left: 5px;
width: 1400px;
height: 1000px;
border-style: double;
border-width: 5px;
}

/* container to hold mini map on maptab.php page */
#cgdetailmap {
top: 20px;
left: 5px;
width: 400px;
height: 400px;
border-style: double;
border-width: 5px;
}

/* div to hold campground description - maintab.php */
#cgdescrip {
width: 500px;
}

/* sets background to white for Facebook and Twitter links */
#socialmediabox {
position: absolute;
left: 260px;
top: 500px;
width: 700px;
height: 40px;
background-color: white;
}

/* sets location for Facebook like buttons */
.fb-like {
position: absolute;
left: 260px;
top: 500px;
}

/* sets style for index.html footer text */
#myfooter {
font-size: 18px;
color: white;
font-family: sans-serif;
height: 20px;
position: absolute;
left: 275px;
top: 607px;
}

/* Div to hold selection choice on left side of screen - adddata.html contactus.html findcg.html problem.html */
#choice1 {
position: absolute;
top: 250px;
left: 300px;
height: 85px;
width: 200px;
background-position: 0px 0px;
font-size: 36px;
font-family: "Arial";
color: #FFCC00;
text-align: center;
}

/* Div to hold selection choice on right side of screen - adddata.html contactus.html findcg.html problem.html*/
#choice2 {
position: absolute;
top: 250px;
left: 700px;
height: 85px;
width: 200px;
background-position: 0px 0px;
font-size: 36px;
font-family: "Arial";
color: #FFCC00;
text-align: center;
}

#choice3 {
position: absolute;
position: absolute;
top: 400px;
left: 540px;
height: 85px;
width: 150px;
background-position: 0px 0px;
font-size: 20px;
font-family: "Arial";
color: #FFCC00;
text-align: center;
}

/* container to display minimap image for search by map option - findcg.html */
#minimap {
background-image: url("../img/minimap.jpg");
position: absolute;
top: 350px;
left: 300px;
height: 200px;
width: 200px;
background-position: 0px 0px;
border: 3px solid #FFFFFF; 
}

/* container to display miniquery image for search by query option - findcg.html */
#miniquery {
background-image: url("../img/miniquery.jpg");
position: absolute;
top: 350px;
left: 700px;
height: 200px;
width: 200px;
background-position: 0px 0px;
border: 3px solid #FFFFFF; 
}

/* container to hold query form - findquery.php */
#cgquery {
position: absolute;
top: 150px;
left: 20px;
font-size: 20px;
font-family: "Arial";
color: #FFCC00;
}

/* div to display campground name at top of cgdetail.php page */
#cgname {
position: absolute;
top: 150px;
left: 275px;
width: 750px;
height: 50px;
color: red;
font-family: "Arial";
font-size: 30px;
padding: 4px 0px 0px 10px;
border-radius: 5px;
background-color: #FFFFFF;
}

/* hold Galleria contents - cggallery.php */
#gallery {
position: absolute;
top: 10px;
left: 10px;
width: 700px;
height: 700px;
padding: 2px 2px 2px 2px;
border: 0px solid black;
}

#galleria{
height: 600px;
}

/* div to hold Current Live Camera text on weathertab.php */
#weather1 {
position: absolute;
top: 10px;
left: 10px;
height: 35px;
width: 400px;
font-size: 24px;
font-weight: normal;
text-align: left;
color: #FFCC00;
}

/* div to hold iframe containing Current Live Camera on weathertab.php */
#cam1 {
position: absolute;
top: 40px;
left: 10px;
width: 690px;
height: 400px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}

/* div to hold Current Local Conditions text on weathertab.php */
#weather2 {
position: absolute;
top: 10px;
left: 800px;
height: 35px;
width: 400px;
font-size: 24px;
font-weight: normal;
text-align: left;
color: #FFCC00;
}

/* div to hold iframe containing Current Weather Conditions on weathertab.php */
#livewx {
position: absolute;
top: 40px;
left: 800px;
width: 600px;
height: 800px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}

/* div to hold Current Forecast text on weathertab.php */
#weather3 {
position: absolute;
top: 470px;
left: 10px;
height: 35px;
width: 300px;
font-size: 24px;
font-weight: normal;
text-align: left;
color: #FFCC00;
}

/* div to hold iframe containing Current Weather Forecast on weathertab.php */
#nws {
position: absolute;
top: 500px;
left:10px;
width: 690px;
height: 650px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}

/* container to display text on left side of screen - cgblogtab.php, maintab.php, detailtab.php, rvtab.php, cgblogtab.php, hightechtab.php recreationtab.php rvtab.php wildlife.php */
#leftdiv {
position: absolute;
top: 10px;
left:10px;
width: 500px;
height: 700px;
padding: 2px 2px 2px 2px;
background-color:#F7F7F7;
}

/* container to display text on right side of screen - cgblogtab.php, maintab.php, detailtab.php, rvtab.php recreationtab.php */
#rightdiv {
position: absolute;
top: 10px;
left: 550px;
width: 500px;
height: 700px;
padding: 2px 2px 2px 2px;
background-color:#F7F7F7;
}

/* container to display text on right, bottom side of screen - recreationtab.php */
#rightbottomdiv {
position: absolute;
top: 350px;
left: 550px;
width: 500px;
height: 300px;
padding: 2px 2px 2px 2px;
background-color:#F7F7F7;
}

/* div to hold geocaching map - geocachetab.php */
#geo {
position: absolute;
top: 40px;
left: 10px;
width: 1000px;
height: 750px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}

/* div to hold driving directions - maptab.php */
#directions {
position: absolute;
top: 20px;
left: 430px;
width: 500px;
height: 400px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}

/* Container used on advertise.html page to allow description of advertising options */
#fullwidth {
position: absolute;
top: 200px;
left: 275px;
width: 750px;
height: 750px;
padding: 2px 2px 2px 2px;
font-family: "Arial";
font-size: 24px;
color: #FFCC00;
text-align: left;
line-height: 150%;
}

#addreport {
position: absolute;
top: 200px;
left: 300px;
width: 700px;
padding: 15px 15px 15px 15px;
border: 2px solid white;
font-family: "Arial";
color: #FFCC00;
}

/* div to display iframe containing reservations web page */
#reservations {
position: absolute;
top: 200px;
left: 275px;
width: 750px;
height: 750px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}

/* Set reservations link in maintab.html to blue */
#reservelink {
color: blue;
}

/* Container to display search results */
#resultbox {
position: absolute;
top: 200px;
left: 275px;
width: 750px;
height: 750px;
padding: 2px 2px 2px 2px;
border: 2px solid black;
}