/* This is the CSS structure page for the index page of the website for
Lacrosse Camp Finder site */

/*This CSS page will be for structure such as the body and divs*/



#wrapper
{width: 960px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
background-color: #fbfbfb;
border-style: thin:}

#header
{width: 960px;
height: 110px;
background-color: #f3eaea;
border-style: solid,
border-width: thin;}


/*Making the NAVBAR here*/

#navbar
{width: 890px;
height: 50px;
background-color: #3b0505;
border-style: solid;
border-width: thin;
padding-left: 70px}

#navbarlist
{margin-left: 0px;
margin-right: 0px;}

#navbuttons li
{display: inline; margin: -10px; padding: 18px;}


/*Now making the large link buttons -- CLICK HERE */

#camplistclick
{width: 960px;
height: 250px;
background-color: #f3eaea;
border: 3px;}

#calendarclickimageright
{width: 150px;
height: 125px;
background-color: #f3eaea;
border: none;
float: right;}


.camplistclickimg
{padding: 0px;
margin: 0px;
border: 3px;}

#twolinks
{width: 960px;
height: 200px;
background-color: #f3eaea;
border: 1px;}


/*This section deals with the MAINAREA
this is the section below the two large link buttons*/

#mainarea
{width: 960px;
height: 425px;
padding-top: 30px;
background-color: #f3eaea;
border: none;}

#mainarea p
{padding-left: 0px;}

#mainarea img
{padding-top: 30px;
padding-left: 60px;}


#mainareasideleft
{width: 250px;
height: 400px;
background-color: #f3eaea;
border: none;
float: left;
padding-left: 0px;}

#mainareasidelefthigh
{width: 230px;
height: 198px;
background-color: #f3eaea;
border: none;
float: left;
padding-left: 20px;}

#mainareasideleftlow
{width: 230px;
height: 198px;
background-color: #f3eaea;
border: none;
float: left;
padding-left: 20px;}


#mainareasideright
{width: 250px;
height: 400px;
background-color: #f3eaea;
border: none;
float: right;}

#mainareasiderighthigh
{width: 230px;
height: 198px;
background-color: #f3eaea;
border: none;
float: right;
padding-left: 20px;}

#mainareasiderightlow
{width: 230px;
height: 198px;
background-color: #f3eaea;
border: none;
float: right;
padding: 0px;}

#mainareamiddle
{width: 720px;
height: 400px;
background-color: #f3eaea;
padding-top: 20px;
padding-left: 200px;
border: none;
float: none;}

#mainareamiddle img
{padding-left: 80px}


/*Here starts the SlingIt LCF bottom of the page logo*/

#slingitlcflogo
{width: 150px;
height: 100px;
float: clear;
padding-left: 50px;
padding-top: -25px;}


/* Here starts the FOOTER section of CSS */

#footer
{width: 960px;
height: 80px;
background-color: #3b0505;
border-style: solid;
border-width: thin;}

/*Making the FOOTER NAV BUTTONS here*/

#footernav
{margin-left: 105px}

#footernav li
{display: inline; margin: -5px; padding: 15px;}

/*Making the FOOTER NAV BUTTONS -- ONLY FOR THE INDEX PAGE here*/

#indexpage #footernav
{margin-left: 45px}

#indexpage #footernav li
{display: inline; margin: -5px; padding: 18px;}


/*Making the NAVBAR for the CAMPS BY DATE PAGE here*/

#camplist #navbar
{width: 960px;
height: 50px;
background-color: #3b0505;
border-style: solid;
border-width: thin;}

#camplist #navbarlist
{margin-left: 0px;
margin-right: 0px;}

#camplist #navbuttons li
{display: inline;
margin: -10px;
padding: 18px;}