/* These are the basic tags to define */


h1, h2, h3
{
margin:0px 0 5px 25px;
color:#006633;
font-weight:normal;
}


h1 
{
margin-bottom:0px;
padding-top:0px;
font-family:"Times New Roman", Times, serif;
font-size:36px;
line-height:27px;
}

div#frontPageTitle {
     position: relative;
     left: -23px;
}

h1#frontPageTitle 
{
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 28px;
font-weight: normal;
margin-top: 15px;
}


div#frontPageSubtitle {
position: relative;
top: -12px;
left: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 18px;
font-weight: normal;
width: 650px;

}


Body
{
font-size:14px;
}

p 
{
 font-size:14px;
 line-height:20px;
 color:#000000;
 margin-left:10px;
   }

table, tr, td {font-size: 14px;}

ul, li 
   {
   font-size:14px;
   line-height:20px;
   
   }


a {
   margin-left:0px;
   margin-right:0px;
}

a:link  
   {
   color:#663300;
   text-decoration:underline;
   /*font-weight:bold;*/
   }


a:hover 
  { 
  color:#FFFFFF;
  text-decoration:underline;
  }

a:visited 
{color:#663300;
text-decoration:underline;
}



td.p 
{
margin-left:0px;
margin-right:0px;}      


.purpleMenuBox p, .purpleBox p
{
color:#FFCC66;
}



/* End of the Standard Stuff */


.breadCrumb
{
margin-left:15px;
margin-bottom:-5px;
margin-top:15px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#FFFFFF;
font-size:17px;
font-variant:small-caps;
}



#Content
{border-width:0px;
border-color:#666666;
border-style:solid;
margin-left:0px;
margin-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
background-image:url(../images/content_bg.png);
background-repeat:no-repeat;
top:200px;
width:775px;
padding-top:30px;
min-height:500px;
}


#Content P, #SecondaryContainer P
{
margin-right:25px;
padding-bottom:10px;

}

#Content ul
{margin-left:12px;}

 

#SecondaryContainer
{border-width:0px;
border-color:#666666;
border-style:solid;
margin-left:0px;
margin-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
background-image:url(../images/S_content_bg.jpg) ;
background-repeat:no-repeat;
top:200px;
width:775px;
padding-top:7px;
min-height:470px;
}

#sideNav
{
	float: left; 
	width: 150px;   
	padding: 15px 0; 
}

#rightNav
{
	float: right; 
	width: 100px;   
	padding: 15px 0; 
}

#sideNav ul
{
margin-left:-20px;
margin-top:0px;
}

#sideNav li
{
list-style:none;
text-indent:-2px;
padding-bottom:5px;
margin-bottom:2px;
margin-left:0px;
padding-left:0px;
font-size:12px;
}

*html #sideNav
{
float: left; 
width: 150px;  
margin-left:-10px; 
padding: 15px 0; 
}

*html #sideNav ul
{
margin-left:20px;
padding-left:10px;
margin-top:-10px;
}

*html #sideNav li
{
list-style:none;
padding-bottom:5px;
}

#sideNav a {
   margin-left:0px;
   margin-right:0px;
}

#sideNav a:link  
   {
   color:#FFFFFF;
   text-decoration:underline;
   /*font-weight:bold;*/
   }

#sideNav a:hover 
  { 
  color:#FFFFFF;
  text-decoration:underline;
  }

#sideNav a:visited 
{color:#FFFFFF;
text-decoration:underline;
}

#secondaryContent
{
margin: 0 20px 0 160px; 
} 

#secondaryContent h1
{
margin-left:21px;
}

#frontPageTitle
{
position:relative;
top:-12px;
left:23px;
width:416px;
}

#frontPageSubtitle
{
position:relative;
top:-105px;
left:10px;
width:650px;
}

.frontPurpleBold
{
color:#993399;
font-weight:bold;
margin-top:0px;

}

*html .frontPurpleBold
{
color:#993399;
font-weight:bold;
margin-top:0px;
margin-left:55px;

}

/* 
 Control the placement of the images 
-----------------------------------------------------------------------------
 */


#soloImage, #littleImageOne, #littleImageThree, 
{
position:absolute;
}

#soloImage
{
top:243px;
left:420px;
}

#littleImageOne
{
top:233px;
left:495px;
}

#littleImageThree
{
top:340px;
left:633px;
}

#imageContainer
  {
float:right;
padding-left:10px;
height:200px;
width: 100px;
margin-right: 230px;
margin-top:30px;
padding-bottom:10px;
  }
  
#nnimageContainer
  {
float:right;
padding-left:10px;
height:200px;
width: 100px;
margin-right: 160px;
margin-top:30px;
padding-bottom:10px;
  }

*html #nnimageContainer
  {
float:right;
padding-left:10px;
height:200px;
width: 100px;
margin-right: 30px;
margin-top:30px;
padding-bottom:10px;
  }

*html #imageContainer
  {
float:right;
padding-left:0px;
height:200px;
width: 100px;
margin-right: 60px;
margin-top:30px;
padding-bottom:10px;
  }
  
.littleImageOneRight
{position:relative;
left:73px;
top:0px;
}  

.littleImageTwo
{
	position:relative;
	left:0px;
	top:-60px;
}  

.littleImageThreeLeft
{
	position:relative;
	left:210px;
	top:-160px;
}  

/* 
End of the Image placement controls 
-----------------------------------------------------------------------------
*/



/* 
This is some standard stuff
-----------------------------------------------------------------------------
*/

.space
{
height:70px;
width:640px;
}

.Widget
{
width:700px;
margin-left:25px;
margin-right:25px;
padding: 20px 0 0 0;
}

.yellow
{
color: #FFCC33;
}

.clear
{clear:both;}

.floatLeft
{float:left;
margin-right:10px;}

.floatRight
{float:right;
margin-left:5px;}

.noMarg
  {margin-left:0px;}

/*  End of the Standard Stuff  */


/*  
The formating boxes for all of the text  All of these should have the same margins and padding and text. ONLY the backgrounds should be different
-------------------------------------------------------------------------------------------------

Exceptions - the purple boxes have white text
halfbox is short
*/

.genpurpleMenuBox p .purpleMenuBox p, .purpleBox p, .frontpurpleBox p
{
color:#FFFFFF;
}

.frontpurpleBox
{width:655px;
margin-left: 60px;
padding-top:10px;}

*html .frontpurpleBox
{
margin-bottom: 10px;
margin-top:-50px;
}

.frontpurpleBox a, .genpurpleMenuBox a, .genpurpleMenuBox a {
   margin-left:0px;
   margin-right:0px;
}

.frontpurpleBox a:link, .genpurpleMenuBox a:link, .genpurpleMenuBox a:link 
   {
   color:#FFFFFF;
   text-decoration:underline;
   /*font-weight:bold;*/
   }

.frontpurpleBox a:hover, .genpurpleMenuBox  a:hover, .genpurpleMenuBox a:link
  { 
  color:#FFFFFF;
  text-decoration:underline;
  }

.frontpurpleBox a:visited, .genpurpleMenuBox a:visited, .genpurpleMenuBox a:link 
{color:#FFFFFF;
text-decoration:underline;
}

.evenBox, .copyBox, .bodyBox, .textBox,  .genpurpleMenuBox, .purpleMenuBox
{

margin: 1px 25px 2px 25px;
padding: 0px 10px 0px 10px;
}

.purpleBox, .purpleMenuBox, .genpurpleMenuBox, .frontpurpleBox
{
background-image:url(../images/grid_purple_back.gif);

}

.genpurpleMenuBox, .purpleMenuBox
{
text-align:center;
color:#FFFFFF;
}

.halfBox
{
    margin: -16px 25px 10px 25px;
    padding-left:10px;
}

*html .halfBox
{
    margin: -16px 0px 10px 25px;
    padding-left:0px;

}
#secondaryContent .halfBox
{
    margin-top: 10px;
}


.oddBox
{
background-image:url(../images/odd_bg.gif);

margin: 1px 25px 2px 25px;
padding: 2px 10px 2px 10px;
}

.evenBox
{

border-width:1px;
border-color:#333333;
border-style:solid;
}

.copyBox
{

}

.bodyBox
{

 
}


/*  The formating boxes for all of the text  
-------------------------------------------------------------------------------------------------
*/

/*  Styles for the tabbed content (the homepage widgets)
-------------------------------------------------------------------------------------------------
*/



#homepage-left-widget {
    float: left;
    width: 320px;
    height: 285px;
    background-color: #b7ad9e;
    color: white;
    margin-left: 60px;
    zoom: 1;
}


*html #homepage-left-widget {
    float: left;
    width: 320px;
    height: 285px;
    background-color: #b7ad9e;
    color: white;
    margin-left: 30px;
    zoom: 1;
}


#homepage-left-widget ul
{
margin-left:15px;
padding-left:10px;
}


#homepage-left-widget p {
    color: white;
}

#homepage-right-widget img 
{
margin:5px;
}

#homepage-right-widget {
    color: black;
    float: right;
    width: 310px;
    height: 285px;
    border: solid white 1px;
    margin-right: 60px;
    zoom: 1;
}


#homepage-right-widget .right-widget-body 
{
 margin-left:-25px;
margin-top:-15px;
}


*html #homepage-right-widget {
    color: black;
    float: right;
    width: 310px;
    height: 285px;
    border: solid white 1px;
    margin-right: 60px;
    margin-left:10px;
    zoom: 1;
}

#homepage-right-widget ul, li 
   {
   
   font-size:11px;
   line-height:12px;
   
   }


#homepage-left-widget .tabs,
#homepage-right-widget .tabs {
    list-style: none;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
padding-top:0px;
    zoom: 1;
}
#homepage-left-widget .tabs li {
    width: 96px;
    height: 34px;
    
}
#homepage-right-widget .tabs li.lake-of-the-woods,
#homepage-right-widget .tabs li.sangamon-river {
	width: 68px;
}
#homepage-right-widget .tabs li {
    height: 34px;
    width: 40px;
}
#homepage-right-widget .tabs li a {
    height: 30px;
padding-top:4px;
}

#homepage-left-widget .tabs li a  {
padding-top:4px;
}

#homepage-left-widget .tabs li,
#homepage-right-widget .tabs li {
    list-style: none;
    display: block;
    float: left;
    border-left: solid white 1px;
    border-bottom: solid white 1px;
    padding: 0px 0px 0px 10px;
}
#homepage-right-widget .tabs li {
    color: black;
}
#homepage-left-widget .tabs a,
#homepage-right-widget .tabs a {
	display: block;
	text-decoration: none;
}

#homepage-left-widget.news .tabs li.news,
#homepage-left-widget.events .tabs li.events,
#homepage-left-widget.auctions .tabs li.auctions,
#homepage-right-widget.lake-of-the-woods .tabs li.lake-of-the-woods,
#homepage-right-widget.middle-fork .tabs li.middle-fork,
#homepage-right-widget.homer-lake .tabs li.homer-lake,
#homepage-right-widget.river-bend .tabs li.river-bend,
#homepage-right-widget.sangamon-river .tabs li.sangamon-river
{
    border: none;
}

#homepage-left-widget .left-widget-body { display: none; }
#homepage-left-widget.news #news,
#homepage-left-widget.events #events,
#homepage-left-widget.auctions #auctions
{ 
    display: block;
}

#homepage-right-widget.lake-of-the-woods .tabs .lake-of-the-woods a,
#homepage-right-widget.middle-fork .tabs .middle-fork a,
#homepage-right-widget.homer-lake .tabs .homer-lake a,
#homepage-right-widget.river-bend .tabs .river-bend a,
#homepage-right-widget.sangamon-river .tabs .sangamon-river a

{ 
}

#homepage-right-widget .right-widget-body { display: none; }

#homepage-right-widget.lake-of-the-woods #lake-of-the-woods,
#homepage-right-widget.middle-fork #middle-fork,
#homepage-right-widget.homer-lake #homer-lake,
#homepage-right-widget.river-bend #river-bend,
#homepage-right-widget.sangamon-river #sangamon-river
{
padding-top:10px;
    display: block;
}

textarea.Trail_Stewardship_Report {
    width: 320px;
}

td.Trail_Stewardship_Report_label {
    padding-left: 60px;
}

td.Trail_Stewardship_Report_field {
    padding-left: 60px;
}

div.textBox td.Trail_Stewardship_Report_label {
    padding-left: 20px;
}

div.textBox td.Trail_Stewardship_Report_field {
    padding-left: 20px;
}

div.Trail_Stewardship_Report_field input.Trail_Stewardship_Report {
    margin: 0px;
}

input.Trail_Stewardship_Report {
    margin-left: 60px;
    margin-top: 20px;
}


@charset "UTF-8";
/* CSS Document */

.noDisplay
{display:none;}>

div#news_events {
    position: relative;
    top: 0px;
    width: 100%;
  
}

span#frontPageEvents_all {
    margin: 0px 0px 0px 27px;
    float: left;
    width: 485px;
padding: 0px;

}

span#frontPageNews_all {
margin: 0px;
    width: 235px;
    float: right;
padding: 0px;

}

div#frontPageEvents {
}

div#frontPageEventsTitle {
    color: #FFFFFF;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

div#frontPageEvents ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 16px;
    color: #000000;
}

div#frontPageEvents li {
    font-size: 12px !important;
    font-face: bold;
    color: #000000;
}

div#frontPageEvents a:link {
    font-size: 16px;
    color: #5D2800 !important;
}

div#frontPageEvents a:visited {
    font-size: 16px;
    color: #5D2800 !important;
}

div#frontPageEvents a:hover {
    font-size: 16px;
    color: #5D2800 !important;
}

div#frontPageEvents a:active {
    font-size: 16px;
    color: #5D2800 !important;
}

div#frontPageNewsTitle {
    color: #FFFFFF;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

div#frontPageNews {
    font-size: 11px;
    color: #000000;
}

div#frontPageNews ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 14px;
    color: #000000;

}

div#frontPageNews a {
    font-size: 12px;
    color: #5D2800;
}

div.list_subscription_label {
    font-size: 11px;
    font-weight: normal;
    color: #EC9D24;

}

div#search_form {
float: left;
    position: relative;
    top: 25px;
    left: 22px;

}

div#search {
float: left;
    margin: 20px 0px 20px 0px;
    width: 100%;
    height: 120px;
    background-color: #1C593A;

}

div#search_boxes {
float: left;
    position: relative;
    top: 30px;
    left: 25px;
    width: 100%;
}

div#search_title {
    position: relative;
    top: 15px;
    left: 25px;
    color: #FFFFFF;
    font-size: 12px;
}

span#search_name_box {
float: left;
    position: relative;
    top: 0px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
}

span#search_email_box {
float: left;
    position: relative;
    top: 0px;
    left: 185px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
}

span#search_submit_box {
    position: relative;
    top: 0px;
    left: 420px;
    width: 80px;
    height: 24px;
    background-color: #EC9D24;
float: left;
}
span#submit_box_title {
    position: relative;
    top: 5px;
    left: 20px;
    color: #000000;
    font-weight: 900;
}

span#search_facebook_box {
    position: relative;
    top: -3px;
    left: 605px;
    width: 144px;
    height: 44px;
float: left;

}

span#search_name_title {
float: left;
    position: relative;
    top: 25px;
    left: 25px;
    font-size: 11px;
    font-weight: bold;
    color: #EC9D24;
}

span#search_email_title {
float: left;
    position: relative;
    top: 25px;
    left: 190px;
    width: 100px;
    font-size: 11px;
    font-weight: bold;
    color: #EC9D24;
}

div#preserves {
    position: relative;
    top: 20px;
    border: 1px #000000 solid;
}

table#locations {
    width: 100%;

}

div#lake-of-the-woods-image {
    width: 225px; 
    height: 80px;
    background-image:url('../images/lake_of_the_woods/covered_bridge_new_wide.jpg');
}

div#middle-fork-river-image {
    width: 225px; 
    height: 80px;
    background-image:url('../images/middle_fork/MF_beach_wide.jpg');
}

div#homer-lake-forest-image {
    width: 225px; 
    height: 80px;
    background-image:url('../images/SFfishing_wide1.jpg');
}

div#river-bend-forest-image {
    width: 225px; 
    height: 80px;
    background-image:url('../images/RBsunset_wide.jpg');
}

div#sangamon-river-forest-image {
    width: 225px; 
    height: 80px;
    background-image:url('../SR_tree_wide.jpg');
}

td.preserve-text {
    width: 225px !important;
}

div#where-to-begin {
    position: relative;
    top: 5px;
    width: 225px; 
    height: 191px;
    background-color: #EC9D24;
    color: #000000;

}

div#where-to-begin h2 {
    position: relative;
    top: 12px;
    left: -5px;
    color: #FFFFFF;
    font-size: 16px;

}

div#where-to-begin-content {
    position: relative;
    top: 10px;
    left: 20px;
    width: 183px;
    font-size: 12px;

}

div#where-to-begin-content ul {
    position: relative;
    left: -36px;
    top: -10px;
    list-style-image: url(../images/where_to_begin_bullet.jpg);
}