section.PageMenuItems li
{
    display: inline;
    background-color: #1432AA;
}

section.PageMenuItems a:link, section.PageMenuItems a:visited {
    padding: 0.2em 1em;
    background-color: #1432AA;
    color: #FFF;
    text-decoration: none;
    float: left; /*border-right: 1px solid #95bc0e;*/
}

section.PageMenuItems li a:hover
{
    background: #b6e41c url('/images/menu-hover.png') repeat-x;
    color: #485B06;
}
body
{
    margin: 0 0 0 0;
    padding: 0 0 100px 0;
    color: black;
    background-color: #eee; /*background-image: url('images/WaveBG.jpg');*/
    background: url('images/CreelBG.jpg') repeat;
    line-height: 130%;
    text-align: center;
    min-height: 1000px;
}

.imagelink
{
    border: 0px;
    text-decoration: none;
}

.imagelink :hover
{
    background-color: #b3b3b3;
    border: 0px;
    text-decoration: none;
}

.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
#wrapper-header
{
    background: #222;
}

.dataTable table
{
}

.dataTable thead
{
}
.dataTable th
{
    padding: 2px 15px 0px 0px;
    font-weight: bold;
}

.dataTable td
{
    padding: 2px 15px 0px 0px;
}


#header
{
    /*background: #222 url('images/banner03.jpg') right no-repeat;*/
    background: #222 right no-repeat;
    width: 85%;
    height: 125px;
    margin: 0 auto;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    text-align: left;
}

#header h1
{
    margin: 0;
    padding: 13px 13px 12px 12px;
    color: #eee;
    font-size: 220%;
    padding-left: 10px;
    letter-spacing: -0.1em;
}

#header img
{
    vertical-align: middle;
}
#wrapper-menu {
    /*background: #88ac0b url('/images/menu-background.png') top left repeat-x;*/
    background-color: #1432B9;
    float: left;
    width: 100%;
}

#menu
{
    width: 85%;
    margin: 0 auto;
    font-size: 95%;
    white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
    padding-right: 2px; /* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu
{
    padding-right: 0;
}
/* See above comment. This re-adjusts IE to the above padding */

#menu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border-left: 1px solid #95bc0e;
    border-right: 1px solid #95bf0f;
    width: 100%;
}

#menu li
{
    display: inline;
}

#menu a:link, #menu a:visited
{
    padding: 0.2em 1em;
    /*background: transparent;*/
    color: #FFF;
    text-decoration: none;
    float: left; /*border-right: 1px solid #95bc0e;*/
}

#menu ul li a:hover
{
    /*background: #b6e41c url('/images/menu-hover.png') repeat-x;*/
    background: #b6e41c;
    color: #485B06;
}



#main-content
{
    background: url('images/Watermark.jpg') right bottom no-repeat;
    min-height: 600px;
}
#content
{
    width: 83%; /* 73% because it has 1% padding on each side, which brings it to 75% wide */
    margin: 0 auto;
    padding: 1em 1% 0.7em 1%;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    background: #fff;
    font-size: 90%;
    text-align: left;
    clear: both;
}

* html #content
{
    padding-top: 1.8em;
}
/* Set padding top in IE to 20px */


#footer
{
    margin: 0 auto;
    padding: 2px 1%;
    width: 83%;
    text-align: right;
    color: white;
    letter-spacing: 0.15em;
    /*background: #1432B9 url('/images/menu-background.png') top left repeat-x;*/
    background: #1432B9;
    border: 1px solid #a0c80e;
    font-size: 80%;
    height: 100;
    clear: both;
}

h2
{
    color: #666;
    padding-bottom: 3px;
    border-bottom: 1px solid #a0c80e;
    font-size: 150%;
    letter-spacing: -0.03em;
}

/*a:link, a:visited {
	color: #260;
	text-decoration: none;
}*/

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



/*my styles----------------------------------------------*/
.filterMenuCurrent
{
    font-weight: bold;
}


.SpeciesHeader
{
    width: 100%;
    height: 7em;
    background: silver;
    line-height:7em;
        border: 1px solid #1432B9;
        margin: 15px 0px 15px 0px;
}

.SpeciesHeaderText 
{   
    font-size: 3em;
    font-weight: bold;
    float:right;
        margin-right:25px;
}

.SpeciesHeaderPicture
{
    float:left;
    height:100%;
    margin-right:25px;
}

.LotHeader 
{
clear:both;
width:100%;
border-bottom: 1px solid silver;
font-weight:bold;
margin-bottom: 10px;
}

.NoOutline 
{
    border:0px none;
    text-decoration:none;
}

.SublotIcon 
{
    text-decoration:none;
    margin:0px 10px 10px 0px;
    border:0px transparent;
    }
    
.SublotIcon :hover
{
    background-color:#b6e41c;
    text-decoration:none;
    border:0px transparent;
}

.SublotIcon img
{
    width:75px;
    height:75px;
        border:0px transparent;


}

.SublotIcon div
{
    width:75px;
    height:75px;
    text-decoration:none;
    float:left;
    text-align:center;
    vertical-align:middle;
}

a .LotSquare 
{ text-decoration:none;
  padding:10px;
}


a:focus 
{
    outline:0;
}

div .LotSquare 
{
    position:relative;
    background:white;
    min-width:100px;
    max-width:200px;
    border: 2px solid #1432B9;
            text-decoration:none;
    margin: 0px 15px 25px 0px;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius:15px;
    -webkit-box-shadow: black 0.5em 0.5em 0.3em;
    -moz-box-shadow: black 0.5em 0.5em 0.3em;
    box-shadow: black 0.5em 0.5em 0.3em;
    behavior: url(/Content/PIE.htc);
    
}

.LotSquareLinks 
{
    width:100%;
    text-align:center;

}

.tooltip 
{
    display:none;
    background-image: url(/Content/Images/black_arrow_big.png);
    background-repeat:no-repeat;
    font-size:1.3em;
    height:150px;
    width:370px;
    padding:25px;
        color:#eee;
}


.tooltip.bottom
{
    display:none;
    background-image: url(/Content/Images/black_arrow_big_bottom.png);
    background-repeat:no-repeat;
    font-size:1.3em;
    height:150px;
    width:370px;
    padding:25px;
        color:#eee;
}

.tooltip ol li 
{
    list-style-type:none;
}

.WarningBox 
{
    color:Black;
    font-weight:bold;
    background:red;
    padding:15px;
}

.PopupMenu 
{
    color: white;
            text-decoration:none;

    
    }
    .PopupMenu a a:visited
    {
        color:red;
        text-decoration:none;
    }
    
    .PopupMenu hover 
    {
        color:red;
        text-decoration:none;
    }
   
    
    .Runit 
    {
     width:auto;
     min-width:85px;
     min-height:115px;   
     float:left;
     margin:15px;
     border: 1px solid silver;
     
    }
    
    .RunitHeader 
    {   height:25px;
        background-color:Silver;
        font-weight:bold;
        padding-left:5px;
    }
    
    .SublotContainer 
    {
        padding-left:5px;
    }

    
.SublotIconContainer :hover
{
    background-color:#b6e41c;
    text-decoration:none;
    border:0px transparent;
}
    .Runit img 
    {
        width:75px;
        margin: 5px 5px 0px 0px;
    }
    
    .RunitSublotNoIcon 
    {
        width:75px;
        line-height:120%;
        margin: 5px 5px 0px 0px;
        font-size: .90em;
        
    }
    
    .NoUnderline 
    {
        text-decoration:none;
    }
    
    
    .NoDec 
    {
        text-decoration:none;
        border: 0px transparent;
    }
    
    .NoDec :hover 
    {
        text-decoration:none;
        border:0px transparent;
    }
    
    .OddRow
    {background-color:BlanchedAlmond;
        
    }
    
    .CodesListTable td
    {
	
}